网页制作综合实例.pdfVIP

. 网页制作综合实例 16.1 制作前的准备工作 首先在 E 盘上建立一个文件夹（如玫瑰信使） ，再在其下建立 images 文件夹和 css 文件 夹。将“ ch16/images”文件夹下的所有图像拷贝到“玫瑰信使 /images ”文件夹下。 建立站点和规划目录结构、指定默认图像文件夹 主页制作前的准备工作， 有定义站点和设计网站结构的目录， 还有就是要将网页设计制 作中需要用到的所有图像素材整理好， 最好是放在站点根目录中的一个文件夹中， 如 images。 这样便于设计制作时的选取使用，也不易造成素材的混乱。如下图： 规划站点目录结构 为站点中使用的图像文件指定一个默认图像文件夹，如下图： 设置站点中的默认图像文件夹 在站点下建立一个主页文件 index.html 。 16.2 设置页面属性及样式 16.2.1 页面属性设置 1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件 ch16\index.asp 。 . . 2．在打开的 index.asp 文件的文档窗口中，选择“修改” “页面属性”菜单项，打开 “页面属性”对话框。 设置网页标题为： “家庭百科” 设置背景图像为 images/bj.gif 将“左边界” 、“顶部边界”、“边界宽度”、“边界高度”项均设为 5 。 3．设置完成后，单击“确定”按钮，确定操作返回到 index.asp 文档窗口。 16.2.2 定义 CSS 样式文件 定义 body 样式 1. 在 index.htm 文档窗口中， 依次单击 “窗口” “CSS 样式”菜单项， 打开 “CSS 样式”面板。选择“新建 CSS 样式”菜单命令。 2. 打开“新建 CSS 样式”对话框， “类型”选择“重定义 HTML 标签”，在“标 签”框中选择或输入 body ，“定义在”选择“ （新建样式表文件） ”。 3. 单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件 保存的路径（站点下的 CSS 文件夹），输入样式文件名（这里存为 css）。 4. 单击“保存”按钮，在出现的样式定义对话框中选择“类型” ，在“字体”下 拉列表框中选择“宋体” ;在“大小”下拉列表中选择“ 9”，后面的单位下拉列表框中选 择“点数（ pt ）”度量单位。 5. 单击“确定”按钮，便完成对 body 标记的定义 定义 td 定义 td 的方法和定义 body 一样，在“新建 CSS 样式”对话框中将“类型”选择为“重 定义 html 标签”；在“标签”框中选择或输入 td 。在定义样式对话框中将字体设置为宋体 9 磅字。 定义文档的链接颜色 1. 单击“窗口” “CSS 样式”菜单项，打开“ CSS 样式”面板。 2. 单击“ CSS 样式”面板中的“新建样式”按钮，打开“新建 CSS 样式”对话 框。“类型”选择“使用 CSS