网站规划建设与安全管理 尹强飞 第3章 网页设计与制作

《网站规划建设与安全管理 尹强飞 第3章 网页设计与制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章网页设计与制作认识DreamweaverCS33.1HTML基础3.2网页布局3.3CSS样式3.4Web2.0网页布局3.5行为和时间轴3.6网站页面设计案例分析3.73.1认识DreamweaverCS33.1.1DreamweaverCS3的启动与工作界面在众多的网页制作工具中，Dreamweaver是备受专业Web开发人士推崇的软件，DreamweaverCS3更是新增加了许多强大的功能，这些新增功能改善了软件的易用性，并使用户无论处于设计环境还是编码环境都可以方便地制作页面。如图3-1就是DreamweaverC

2、S3的启动画面。新版本中完善了网页设计功能，设计理念更为人性化。图3-1DreamweaverCS3启动画面系统启动DreamweaverCS3软件。并自动打开一个空白未命名的文档窗口，这就是制作网页时的工作界面，如下图所示。3.1.2站点的管理在创建一个站点前通常在本地计算机上新建一个文件夹，以此文件夹作为站点的根目录。在DreamweaverCS3中使用创建站点向导可以快速地创建一个站点，具体步骤如下：（1）执行“站点”

3、“新建站点”菜单命令，调出“站点定义为”（高级）对话框。（2）在“站点名称”文本框内输入站点的名称。站点

4、名称可以使用任何名称，它不在浏览器上显示，只用来参考。（3）在“本地根文件夹”文本框内输入站点在本地计算机上的存储位置，即路径和文件夹名称。（4）在“默认图像文件夹”文本框输入站点默认图片存放文件夹的位置。（5）在“HTTP地址”文本框输入上传站点的URL。（6）选中“启用缓存”复选框，可加速链接的更新速度。当硬盘容量足够大时可选中它。（7）设置完毕后，单击“确定”按钮即可创建一个新的站点。在建立站点之后，需要对站点进行管理，例如站点的添加、删除、切换等。下面介绍DreamweaverCS3对站点的主要管理操作。通过编辑站点可以

5、重新设置站点的一些属性。在“管理站点”对话框中可以复制站点。在“管理站点”对话框中可以删除站点,同时还可以执行导出站点操作。3.2HTML基础3.2.1什么是HTMLHTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所

6、要说明的具体内容。HTML是组合成一个文本文件的一系列标签。HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们与一般文本有区别，因为它们放在单书名号里。因此Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。3.2.2HTML的常用标记HTML语言的标记种类很多，常用的HTML程序文档中所用标记的

7、含义介绍如下：1．…标记它是HTML文档中最基本的标记，不可缺少。表示HTML文档的开始，表示文档的结束。2．…与…标记前者是网页标题标记符，可提高网页文档的可读性，向浏览器提供一个信息，它也可以被忽略。后者是网页名称标记，是……标记内一般不可缺少的标记。3．…标记它是网页主题内容标记。其内包括了网页的全部内容，一般不可缺少。4．

8、标记使用标记中的BGCOLOR属性，可设置网页的背景颜色。使用的格式有：和第一种格式中，RR、GG、BB分别取值为00～FF的十六进制数，分别用来表示颜色中红、绿蓝色成分的多少，数值越大，颜色越深。红、绿、蓝三色按一定比例混合，可以得到各种颜色。此处，RR=00，GG=00,BB=FF,表示为蓝色。如果RRGGBB取值为000000，则为黑色；RRGGBB取值为FFFFFF，则为白色；RRGGB取值为FF0000，则为红色。第二种格

9、式中，是直接使用颜色的英文名称来设定网页的背景颜色。例如：用来设置网页的背景颜色为蓝色；用来设置网页的背景颜色为黑色；用来设置网页的背景颜色为白色。5