任务1 网站和网页的基础知识
❖ 网站维护 ◎网页发布后就可供大家访问了，不管是在什么地方，只要
是与和因特网相连的计算机都可以访问到你的网页。 ◎网站需要经常更新、补充新内容。另外网页上的错误也需
要及时改正。 ◎实际上网站维护是网站建设的主要工作量。
课堂练习1-1
1．上网浏览“101个特色网站设计作品”，欣赏优秀网站 设计作品，网址： http://designm.ag/inspiration/101awesome-portfolio-sites/
◎每个网页基本上都是一个HTML（Hyper Text Markup Language，超文本标识语言）文件，所以网 页文件的扩展名一般是HTM或HTML。主页文件的文件 名字为index.htm或index.html。
◎一般在计算机上写文章使用Word、WPS等文字处理软 件，而制作网页则可使用Dreamweaver等网页制作工 具。在下面的章节中，讲述的软件是Dreamweaver。
学习情境一
个人主页的制作
学习目标
❖ 学习网页制作的基础知识 ❖ 练习使用网页制作工具 ❖ 完成个人主页的制作
任务1 网站和网页的基础知识
1．网页概念
❖ 网页实际是一个文件，从本质上说是一个HTML文件。网 页浏览器就是用来解读这些文件的。网页经由网址（URL） 来识别与存取，然后再通过浏览器解释网页的内容，再展 示到用户的面前。
打开其他网页。
任务1 网站和网页的基础知识
3 怎样建立网站？
❖ 做网页设计对软硬件运作比较了解最好，但重要的是美术 与个人风格的呈现，然后才是不断进修相关技术。
❖ 要建立一个网站，必须经过网页制作、网站（页）发布和 网站维护3个阶段。
任务1 网站和网页的基础知识
❖ 网页制作 ◎确定网站主题后，制作网页是建立网站的首要工作。
2．浏览两个不同类型网站，完成一份分析报告，格式如下： 网站名称：___________________________ 网址：______________________________ 主题：______________________________ 色彩：______________________________ 首页布局特点：________________________ 文字设计特点：________________________ 网站特色：___________________________ 综合评价：___________________________
任务2 初识Dreamweaver
1.2.1 Dreamweaver功能介绍
❖ 2005年4月18日，全球最大的图像编辑软件供应商 Adobe宣布，以换股方式收购软件公司Macromedia， Macromedia是著名的网页设计软件Dreamweaver 及Flash的供应商。自此开始，Dreamweaver开始属 于ADOBE设计软件系列。
（2）页面原始代码的难以控制性。 ❖ 非所见即所得的网页编辑器所有的HTML代码都在网页设
计这的监控下产生，但是由于非所见即所得编辑器的先天 条件就注定了它的工作低效率。
❖ 产生干净、准确的HTML代码，又具备则见即所得的高效 率、直观性，一直是网页设计师的梦想。 Dreamweaver无疑是当中的佼佼者。
任务2 初识Dreamweaver
2．开始页面
❖ 安装完毕之后，可以在桌面双击Dreamweaver图标 （图1-5），也可在开始—所有程序菜单（图1-6）中打 开Dreamweaver CS3，首先看到的是开始页面。
图1-5
图1-6
任务2 初识Dreamweaver
图1-7 开始页面
任务2 初识Dreamweaver
任务2 初识Dreamweaver
1.2.2认识Dreamweaver CS3的工作界面
1．安装Dreamweaver CS3 ❖ 首先，请上网下载Dreamweaver CS3的安装软件，也
可使用本教材所附带的软件包提供的相关安装文件，进行 Dreamweaver软件的安装。在安装过程中读者可以自 行选择安装目录，请注意给软件安装预留一定空间。
❖ 从网页编辑器基本性质上可以分为所见即所得网页编辑器 和非所见即所得网页编辑器（原始代码编辑器），两者各 有千秋。
任务2 初识Dreamweaver
❖ 所见即所得网页编辑器的优点就是直观性，使用方便，容 易上手。但它同时也存在着致命的弱点，如：
（1）难以精确达到与浏览器完全一致的显示效果。这一点 在结构复杂一些的网页（如分帧结构、动态网页结构）中 便可以体现出来。
任务1 网站和网页的基础知识
❖ 网页发布 ◎做好的网页必须发布到因特网上才能被大家看到。 ◎所谓发布到因特网上实际上就是将网页文件放到始终与因
特网联机的计算机上，这种计算机被称为服务器。发布的 网站就可以被世界上任何一个地方连接到因特网上的计算 机访问了。 ◎实际上家里的PC机安装相应的服务器软件且有固定的IP 地址也可以作为服务器。
3．认识Dreamweaver的工作界面
单击菜单栏“文件”按钮， 如图1-8所示。选择“新 建”选项，出现如图1-9 所示的对话框，单击“创 建”按钮，创建工作窗口。 也可以在欢迎页面直接单 击“新建”下面的标题项 直接创建工作窗口。
任务2 初识Dreamweaver
❖ 从对基于 CSS 的设计的领先支持到手工编码功能， Dreamweaver 提供了专业人员在一个集成、高效的环 境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的Internet应用 程序，从而使用户能连接到数据库、Web 服务和旧式系 统。
任务1 网站和网页的基础知识
2．网页中的基本元素
❖ 网页中的基本元素包括文字、图片、音频、动画、视频。 ❖ 文字符合排版要求。图片、音频、动画、视频符合网络传
输及专题需要，需要精选。 ❖ 在因特网上浏览时，看到的每一个页面称为网页，由很多
网页组成一个网站。 ❖ 主页是所有网页的索引页，通过单击主页上的超链接可以