2023学年完整版网页的制作

网络技术应用信息技术（选修3）网络技术应用网站设计与评价因特网应用网络技术基础组网建网用网主题：网络技术基础主题：因特网应用主题：网站设计与评价网络技术应用第一章网络的组建与运行第二章因特网的接入与管理第三章因特网的应用第四章网站的开发第五章动态网页的制作第六章网络安全技术第四章网站的开发1、通过观摩他人网站的制作方法，了解网站开发的基本过程；2、学会规划、设计、制作、发布与管理简单网站的基本方法；3、懂得对常见网站的建设质量与运行状况进行评价；4、学会建立一个自己的网站。第四章网站的开发4.1网站的规划(172-178)4.2网站的设计(179-190)4.3网页的制作(一191-205)4.3网页的制作(二206-213)4.3网页的制作(三214-226)4.4网页的美化与特效(一227-234)4.4网页的美化与特效(二235-238)4.5网站的发布与管理4.6网站的评价4.3网页的制作(一)学习目的：1、了解网页素材的种类与管理2、认识FrontPage的界面，学会建立站点，编辑简单的网页页面。学习重点：建立站点，新建网页文件。学习难点：在站点中保存图片。4.3网页的制作(一)网页制作过程：

4.3网页的制作(一)一、准备网页素材网页素材的准备工作主要包括网页素材的获取加工与管理

1、网页素材的获取加工方法：（1）网上搜索获取（2）使用工具获取（如：数码相机、数码摄影机、扫描仪、录音笔等）（3）各媒体素材光盘中获取（4）利用工具软件制作或加工素材（如Photoshop、CorelDRAW等软件）2、网页素材的管理通常，我们对准备好的素材按网页进行分类，同一个网页的素材用一个文件夹来进行管理，如果需要的话还可以采用多级子文件夹详细分类。文件夹的名字就是该页面的名称。用最能反映文件内容或特征的英文或拼音字母作为文件名。4.3网页的制作(一)4.3网页的制作(一)二、新建站点1、启动FrontPage2003开始→程序→MicrosoftOffice→MicrosoftOfficeFrontPage20032、建立空白站点：（1）单击“文件”菜单——“新建”——“站点”——“空白站点”（2）改变保存站点路径：在“指定新站点的位置”提示框中，输入“D:\mysite+登录号”创建一个基于磁盘的网站。4.3网页的制作(一)4.3网页的制作(一)三、新建网页1、建立网页：单击“文件”菜单——“新建”——“空白网页”2、导入素材：《虎门销烟启思录》网站的图片素材：选定站点的Images文件夹，单击“文件”菜单——“导入”——“添加文件”4.3网页的制作(一)3、设置网页的背景：单击“文件”菜单——“属性”——“格式”，单击“浏览”——选择marble.gif文件或：单击“格式”菜单——“背景”——“格式”4.3网页的制作(一)4、设置网页的标题：单击“文件”菜单——“属性”——“常规”，在标题栏输入“虎门销烟启思录”。或：单击“格式”菜单——“背景”——“常规”4.3网页的制作(一)5、使用表格进行页面布局

单击“表格”菜单——“插入”——“表格”，弹出表格属性对话框：4.3网页的制作4.3网页的制作(一)对于《虎门销烟启思录》网站的主页的结构来看，它的表格布局为：

调整表格结构：（1）合并单元格：选定需要合并的单元格→鼠标右击→选择“合并单元格”（2）拆分单元格：指定需要拆分的单元格→鼠标右击→选择“拆分单元格”→拆分成行（或列）

4.3网页的制作(一)6、插入图片单击“插入”菜单——“图片”——“来自文件”，选择相应的图片文件4.3网页的制作(一)四、保存、预览网页文件保存：单击“文件”菜单——“保存”——输入文件，首页取名为“index.htm”

预览：单击“预览”按钮或F12

4.3网页的制作(一)下节上机内容：课后反思:4.3网页的制作(二)学习目的：1、了解网页素材的种类与管理2、认识FrontPage的界面，学会建立站点，编辑简单的网页页面。学习重点：建立站点，新建网页文件。学习难点：在站点中保存图片。4.3网页的制作(二)一、打开站点单击“文件”菜单——“打开网站”，选择网站mysite4.3网页的制作(二)二、网页的制作1、使用表格进行页面布局

对于《虎门销烟启思录》网站的主页的结构来看，它的表格布局为：4.3网页的制作(二)调整表格结构：（1）合并单元格：选定需要合并的单元格→鼠标右击→选择“合并单元格”（2）拆分单元格：指定需要拆分的单元格→鼠标右击→选择“拆分单元格”→拆分成行（或列）☆设置单元格背景：选择相应的单元格→鼠标右击→选择“单元格属性”，对背景进行设置☆在单元格中插入表格：指定相应的单元格→单击“表格”菜单→插入→表格

4.3网页的制作(二)任务一：善于运用合并单元格、拆分单元格，进一步完成版面布局工作。4.3网页的制作(二)2、导入素材：《虎门销烟启思录》网站的图片素材：选定站点的Images文件夹，单击“文件”菜单——“导入”——“添加文件”4.3网页的制作(二)3、设置网页的背景：单击“文件”菜单——“属性”——“格式”，单击“浏览”——选择marble.gif文件或：单击“格式”菜单——“背景”——“格式”4.3网页的制作(二)下节上机内容：网页制作（一）（二）综合上机课后反思:4.3网页的制作(三)学习目的：1、了解网页素材的种类与管理2、认识FrontPage的界面，学会建立站点，编辑简单的网页页面。学习重点：建立站点，新建网页文件。学习难点：在站点中保存图片。4.3网页的制作(三)一、打开站点单击“文件”菜单——“打开网站”，选择网站mysite4.3网页的制作(三)二、插入Flash动画1、单击“插入”菜单，再点“高级→ActiveX控件”选项（如图1）。4.3网页的制作(三)

2、在弹出的“插入ActiveX控件”窗口中显示了安装在电脑上的一部分ActiveX控件。点击“自定义”按钮，打开“自定义ActiveX控件列表”列表框，其中显示着电脑上所有安装的ActiveX控件。在这里查询并选中我们所需要的“ShockwaveFlashObject”控件（如图2）。单击“确定”按钮，回到“插入ActiveX控件”列表框，你会发现控件“ShockwaveFlashObject”已被添加到其中。

4.3网页的制作(三)3、选中它后单击“确定”按钮。这时网页中会出现一块白色矩形区域。用鼠标双击它，在弹出的“ActiveX控件属性”窗口中有三个选项卡（如图3、4），其中我们主要用到的是“FlashProperties”（Flash属性），下面介绍各项的含义。

4.3网页的制作(三)3、选中它后单击“确定”按钮。这时网页中会出现一块白色矩形区域。用鼠标双击它，在弹出的“ActiveX控件属性”窗口中有三个选项卡（如图3、4），其中我们主要用到的是“FlashProperties”（Flash属性），下面介绍各项的含义。

4.3网页的制作(三)任务一：在首页（index.htm）插入Flash动画（Flashmovie.swf）4.3网页的制作(三)三、使用模板生成网页

生成模板：“文件”菜单——“另存为”模板文件——取名为“虎门销烟”。

4.3网页的制作(三)使用模板：“文件”菜单——“新建”——“网页”——在“我的模板”选项选择“虎门销烟”。4.3网页的制作(三