43网页的制作.ppt

4.3 网页的制作网页的制作 兰州市第十中学兰州市第十中学 李李 谧谧 设计网页以及网页的制作过程 :收集和制作素材→ 新建空白站点及网页→ 编辑网页图文→保存预览→ 链接网页思考：如何才能制作一个好的网站 ？准备网页素材： 网页素材的准备工作主要包括网页素材的获取加工与管理 在网站开发中，我们需要进行广泛的素材收集，如果没有合适的素材，就需要自己去采集，制作或者加工 通常我们还需要对已经收集好的素材进行分类，管理 请同学们观察下面这个“网站制作素材”文件夹分析其命名规则并回答以下问题：1.文件夹与文件的名字以什么规则命名？2.这样命名有什么作用？3.网页制作过程中常用到的多媒体文件以及格式有哪些？ 答案1.文件夹与文件的名字以什么规则命名？答：用于收集和组织网页制作素材的文件夹与文件的命名要易懂易记，用最能反映文件内容或特征的英文或拼音字母作为文件名，切忌随意命名，以免到制作阶段找不所需文件2.这样命名有什么作用？答：便于查找和使用3.网页制作过程中常用到的多媒体文件以及格式有哪些？ 答：图片格式有：gif、jpeg、png等。

声音格式有：midi、wav、ra等 视频格式有：wmv、asf、rm、mov等新建网站及网页新建空白站点的方法新建空白站点的方法：启动FrontPage，单击菜单的“文件” →“新建” →“站点” →“空白站点” →在“制定新站点位置”提示框中，输入一个本地硬盘的文件路径，创建一个基于磁盘的网站新建空白网页的方法新建空白网页的方法：单击菜单的“视图” →“网页”，或者单击常用工具栏上的 按钮，新建一个空白的网页使用表格进行页面布局：1.插入表格设置表格属性： 打开新建的空白网页，在网页中插入表格，规格分别是“1×1”、“1×8”、“3×3”和“1×1” 单击“表格”菜单，选择“表格属性”，分别设置表格的“指定宽度”为760像素、“对齐方式”为居中、边框粗细为0，让后把表格隐藏起来 使用表格进行页面布局：2.调整表格结构选定需要合并的单元格，单击鼠标右键，在快捷菜单中选择“合并单元格”使用表格进行页面布局：3.设置表格与单元格的背景颜色和图片1）选定表格2，单击右键选择“表格属性”，从对话框中的“背景颜色”列表中选择“棕色”。

同理，把表格4设置为黑色背景，把表格3中插图2位置的单元格设置为棕色的背景颜色2）在表格3插图4的位置插入背景图片选择该单元格，单击右键选择“单元格属性”，单击“使用背景图片”复选框，通过“浏览”按钮找到指定背景图片背景图片请使用教学光盘第四章“网站制作素材”文件中的“Linkbg.jpg”图片使用表格进行页面布局：使用表格进行页面布局：4.以以“Index.htm”作为文件名保存网页作为文件名保存网页 请你试一试 各小组同学可根据自己小组的喜好，设计一个空白的网页，并进行布局也可参考模板改进主页的版面设计 今天的内容就到这里，今天的内容就到这里，谢谢大家！！谢谢大家！！。