新编网页设计教程Dreamweaver8.Flash8第2章 第一个页面.ppt

新编网页设计教程新编网页设计教程Dreamweaver8.Flash8第第2章章 第一个页面第一个页面2.1 设计布局设计布局n2.1.1 新建网页新建网页n2.1.2 打开网页打开网页n2.1.3 利用表格划分区域利用表格划分区域n2.1.4 设定表格属性设定表格属性2.1 设计布局设计布局2.1.1 新建网页新建网页n选择【文件】/【新建】命令新建文档。2.1.2 打开网页打开网页n制作首页之前必须先打开站点和首页文件。n使用“文件面板”/【站点】打开开网页。2.1.3 利用表格划分区域利用表格划分区域n网页打开之后就可以进行布局设计。实际开发一般使用表格来对各个区域进行划分。2.1.4 设定表格属性设定表格属性n建好表格之后要适当调整表格各行的高度。2.2 横幅和页脚横幅和页脚n2.2.1 添加横幅图像添加横幅图像n2.2.2 水平线水平线n2.2.3 页脚页脚2.2 横幅和页脚横幅和页脚布局设计好之后就可以在各个区域添加内容。横幅和页脚是网站中常规的内容。横幅一般是一幅图像，也可以是Flash动画或者其他素材；页脚表示页面的结束，可以只有一条水平线和一些版权信息。2.2.1 添加横幅图像添加横幅图像2.2.2 水平线水平线2.2.3 页脚页脚插入页脚文字 2.2.3 页脚页脚插入页脚图像 2.3 导航栏与链接导航栏与链接n2.3.1 添加导航菜单图像添加导航菜单图像n2.3.2 设置图像链接设置图像链接2.3.1 添加导航菜单图像添加导航菜单图像2.3.2 设置图像链接设置图像链接2.4 欢迎词与主题图欢迎词与主题图n2.4.1 添加区域添加区域n2.4.2 添加文字以及文字链接添加文字以及文字链接n2.4.3 添加主题图添加主题图n2.4.4 调整布局调整布局2.4.1 添加区域添加区域n欢迎词位于页面的主体区左侧。这里使用层作为文字的容器，因此首先应该在希望的位置添加层。2.4.2 添加文字以及文字链接添加文字以及文字链接n添加了层之后就可以在当中添加内容了。这里将要添加的文字以及文字链接 2.4.3 添加主题图添加主题图n主题图也是使用层来定位。2.4.4 调整布局调整布局2.5 页面参数设定页面参数设定n2.5.1 设置网页外观参数设置网页外观参数n2.5.2 设置链接样式设置链接样式n2.5.3 设置网页编码与标题设置网页编码与标题2.5.1 设置网页外观参数设置网页外观参数n网页的外观属性定义了页面全局属性，例如页面文字的大小、文本颜色、背景图像以及页面边距等属性。2.5.2 设置链接样式设置链接样式n链接样式主要针对文本链接。通过设置其中的属性，可以改变链接的默认显示样式。2.5.3 设置网页编码与标题设置网页编码与标题n文档编码指定网页文档中字符所用的编码。网页标题指的是显示在浏览器标题栏的文本内容。n网页标题指的是显示在浏览器标题栏的文本内容。2.6 浏览页面浏览页面n使用【文件】/【在浏览器中浏览】/【Iexplorer】命令可以浏览页面小结小结n本章以首页的制作为例子，概要地介绍了页面应具有的内容、布局以及网页元素。总的来讲，表格、层、文字、图像和超链接是网页最基本也是使用最频繁的网页元素。这些元素有的是容器类元素，元素内可以嵌入其他元素，如表格和层内可以插入文字或图像。而有的是原子元素，这些元素内部不能再嵌入其他元素，如文字和图像。n通过本章的学习，应该能够对基本的网页框架以及这些元素有总体的认识，并能够简单地应用这些网页元素来制作一个网页。在接下来的章节，将要对各个网页元素的使用进行详细的讨论，并将引入其他较常用的对象。