《《网页的制作》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网页的制作》PPT课件.ppt（14页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页的制作（二）网页的制作（二）网络技术应用（选修3）1温温 故故 思思 考考v我们上节课了解了网页制作之前我们需要我们上节课了解了网页制作之前我们需要先对网页素材进行获取与加工并进行管理。先对网页素材进行获取与加工并进行管理。v学习了如何利用学习了如何利用FrontPage 2000建立站点，建立站点，新建网页，导入素材，设置网页背景，设新建网页，导入素材，设置网页背景，设置网页标题，利用表格实现网页布局。置网页标题，利用表格实现网页布局。v这节课我们就继续学习一下其他的网页制这节课我们就继续学习一下其他的网页制作技巧。作技巧。2023/1/212 网络技术应用网络技术应用知知 识识 回回
2、顾顾开发网站的基本过程开发网站的基本过程2023/1/213 网络技术应用网络技术应用知知 识识 讲讲 授授v在网页中插入基本元素在网页中插入基本元素1.向网页中添加文字向网页中添加文字“格式格式”菜单菜单|字体字体”在输入文字时，一般情况下让系统自动换行，若在输入文字时，一般情况下让系统自动换行，若强制换行，可按强制换行，可按回车键（会空出一行）回车键（会空出一行）或按或按Shift+Enter（没有空行的强制换行）。（没有空行的强制换行）。注意：在设置文字格式的时候，尽量为文字设置一注意：在设置文字格式的时候，尽量为文字设置一些常用的字体。通常的文本都设置为些常用的字体。通常的文本都设置为
3、宋体、宋体、12磅磅或或10磅为好磅为好。如果非常需要使用某种特殊字体来。如果非常需要使用某种特殊字体来表达特殊效果，可以将该部分文字制作成图片插表达特殊效果，可以将该部分文字制作成图片插入网页中。入网页中。2023/1/214 网络技术应用网络技术应用知知 识识 讲讲 授授v2.向网页中插入图片向网页中插入图片v“插入插入/图片图片/来自文件来自文件”v利用利用“图片图片”工具栏对图片编辑工具栏对图片编辑v注意：在保存网页时，如果图片来自于网注意：在保存网页时，如果图片来自于网站根目录之外，则会出现站根目录之外，则会出现“保存嵌入式文保存嵌入式文件件”对话框，在对话框中单击对话框，在对话框中
4、单击【更改文件更改文件夹夹】按钮可以选择图片要保存到的位置，按钮可以选择图片要保存到的位置，直接单击直接单击【确定确定】按钮即可将其保存到网按钮即可将其保存到网站根目录下。一般保存到站根目录下。一般保存到images文件夹下。文件夹下。2023/1/215 网络技术应用网络技术应用知知 识识 讲讲 授授v3.插入超链接插入超链接v1)链接到另一个网页链接到另一个网页v在网页中选中文本，单击右键，在快捷菜单在网页中选中文本，单击右键，在快捷菜单中选择中选择【超链接超链接】命令，出现命令，出现“编辑超链接编辑超链接”对话框。对话框。v在对话框中选择在对话框中选择“原有文件或网页原有文件或网页”选项
5、卡，选项卡，并在并在“当前文件夹当前文件夹”中选择所要链接网页的名中选择所要链接网页的名称，单击称，单击【确定确定】按钮即可链接到该网页。按钮即可链接到该网页。v 用同样的方法对其余字段进行超链接。用同样的方法对其余字段进行超链接。v注意：如果链接的网页还未做好，可以在对话注意：如果链接的网页还未做好，可以在对话框中选择框中选择“新建文档新建文档”选项卡，并在选项卡，并在“新建文新建文档名称档名称”中输入该网页的名称，单击中输入该网页的名称，单击【确定确定】按钮即可新建一个网页并链接到该网页。按钮即可新建一个网页并链接到该网页。2023/1/216 网络技术应用网络技术应用知知 识识 讲讲 授
6、授v3.插入超链接插入超链接v2)链接到一个网址链接到一个网址v在字段上单击右键，在快捷菜单中选择在字段上单击右键，在快捷菜单中选择【超超链接链接】命令，在出现的命令，在出现的“编辑超链接编辑超链接”对话框对话框中选择中选择“原有文件或原有文件或Web页页”选项卡。选项卡。v在在“地址地址”栏中输入网址单击栏中输入网址单击【确定确定】按钮。按钮。v3）链接到电子邮箱）链接到电子邮箱v选中字段并单击右键，在快捷菜单中选择选中字段并单击右键，在快捷菜单中选择【超链接超链接】命令，在出现的命令，在出现的“编辑超链接编辑超链接”对话对话框中选择框中选择“电子邮件地址电子邮件地址”选项卡。选项卡。v并在
7、并在“电子邮件地址电子邮件地址”栏中输入栏中输入Email地址，地址，单击单击【确定确定】按钮，就可以链接到电子信箱了。按钮，就可以链接到电子信箱了。2023/1/217 网络技术应用网络技术应用知知 识识 讲讲 授授v3.插入超链接插入超链接v4）使用）使用“书签书签”链接链接v书签是网页中被标记的位置或被标记的选中文书签是网页中被标记的位置或被标记的选中文本。书签可以用作超链接的目标。本。书签可以用作超链接的目标。v将光标定位于页面下部对应文字具体内容的将光标定位于页面下部对应文字具体内容的开头，依次选择菜单栏上的开头，依次选择菜单栏上的“插入插入/书签书签”命令，命令，出现对话框，在此对
8、话框中的出现对话框，在此对话框中的“书签名称书签名称”下，下，键入或选择书签的名称（允许使用空格），单键入或选择书签的名称（允许使用空格），单击击【确定确定】按钮即插入书签。按钮即插入书签。v 选中字，单击右键，选择选中字，单击右键，选择【超链接超链接】命令，命令，在在“编辑超链接编辑超链接”对话框中单击对话框中单击【书签书签】按钮，按钮，出现出现“在文档中选择位置在文档中选择位置”对话框，选择已定对话框，选择已定义好的书签后，单击义好的书签后，单击【确定确定】按钮即可。按钮即可。2023/1/218 网络技术应用网络技术应用知知 识识 讲讲 授授v3.插入超链接插入超链接v说明：其实可以将超
9、链接链指向任意文件，说明：其实可以将超链接链指向任意文件，如图片或音乐文件，方法和上面类似；另外，如图片或音乐文件，方法和上面类似；另外，也可以给图片添加超链接，只需先选中图片，也可以给图片添加超链接，只需先选中图片，然后添加超链接即可。然后添加超链接即可。2023/1/219 网络技术应用网络技术应用知知 识识 讲讲 授授v4.插入动画插入动画v网站都采用网站都采用Flash动画来进行广告宣传、醒目提动画来进行广告宣传、醒目提示等。示等。v往网页中添加往网页中添加Flash动画可以通过直接往网页中动画可以通过直接往网页中嵌入嵌入Flash文件（文件（“插入插入/图片图片/Flash影片影片”
10、）或）或将网页中的链接点指向将网页中的链接点指向Falsh文件的形式进行。文件的形式进行。v注意：必须安装注意：必须安装Macromedia Flash Player 插件，才能预览所添加的插件，才能预览所添加的Flash内容。此外，网内容。此外，网站访问者也必须安装该插件才能播放站访问者也必须安装该插件才能播放Flash内容。内容。2023/1/2110 网络技术应用网络技术应用保保 存存 及及 预预 览览v主页文件通常命名为主页文件通常命名为“index.htm”。v主页作为一个网站的入口，如果没有这个主页作为一个网站的入口，如果没有这个文件，浏览网页时将会提示出错。文件，浏览网页时将会提
11、示出错。2023/1/2111 网络技术应用网络技术应用使用模板生成网页使用模板生成网页 v生成模板生成模板：“文件文件”菜单菜单“另存为另存为”模模板文件板文件取名为取名为“虎门销烟虎门销烟”。v使用模板使用模板：“文件文件”菜单菜单“新建网页新建网页”在在“常规常规”选项选择选项选择“虎门销烟虎门销烟”。v思考：如果我在网上看到了自己喜欢的网思考：如果我在网上看到了自己喜欢的网页，想把它保存成为模板使用。我们该如页，想把它保存成为模板使用。我们该如何操作？何操作？2023/1/2112 网络技术应用网络技术应用在在 线线 教教 程程FrontPage2000教程教程 FrontPage 2003 视频教程视频教程Dreamweaver视频教程视频教程2023/1/2113 网络技术应用网络技术应用网络技术应用（选修3）课后思考：课后思考：我们这节课我们学习了制作我们这节课我们学习了制作网页的一些技巧，大家课后要继网页的一些技巧，大家课后要继续熟悉它。续熟悉它。下节课我们继续学习如何制作下节课我们继续学习如何制作网页。网页。14