《网页的制作》PPT课件

《《网页的制作》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页的制作（二）网络技术应用（选修3）温故思考我们上节课了解了网页制作之前我们需要先对网页素材进行获取与加工并进行管理。学习了如何利用FrontPage2000建立站点，新建网页，导入素材，设置网页背景，设置网页标题，利用表格实现网页布局。这节课我们就继续学习一下其他的网页制作技巧。2021/7/152网络技术应用知识回顾开发网站的基本过程2021/7/153网络技术应用知识讲授在网页中插入基本元素1.向网页中添加文字“格式”菜单

2、字体”在输入文字时，一般情况下让系统自动换行，若强制换行，可按回车键（会空出一行）或按S

3、hift+Enter（没有空行的强制换行）。注意：在设置文字格式的时候，尽量为文字设置一些常用的字体。通常的文本都设置为宋体、12磅或10磅为好。如果非常需要使用某种特殊字体来表达特殊效果，可以将该部分文字制作成图片插入网页中。2021/7/154网络技术应用知识讲授2.向网页中插入图片“插入/图片/来自文件”利用“图片”工具栏对图片编辑注意：在保存网页时，如果图片来自于网站根目录之外，则会出现“保存嵌入式文件”对话框，在对话框中单击【更改文件夹】按钮可以选择图片要保存到的位置，直接单击【确定】按钮即可将其保存到网站根

4、目录下。一般保存到images文件夹下。2021/7/155网络技术应用知识讲授3.插入超链接1)链接到另一个网页①在网页中选中文本，单击右键，在快捷菜单中选择【超链接】命令，出现“编辑超链接”对话框。②在对话框中选择“原有文件或网页”选项卡，并在“当前文件夹”中选择所要链接网页的名称，单击【确定】按钮即可链接到该网页。③用同样的方法对其余字段进行超链接。注意：如果链接的网页还未做好，可以在对话框中选择“新建文档”选项卡，并在“新建文档名称”中输入该网页的名称，单击【确定】按钮即可新建一个网页并链接到该网页。2021/

5、7/156网络技术应用知识讲授3.插入超链接2)链接到一个网址①在字段上单击右键，在快捷菜单中选择【超链接】命令，在出现的“编辑超链接”对话框中选择“原有文件或Web页”选项卡。②在“地址”栏中输入网址单击【确定】按钮。3）链接到电子邮箱①选中字段并单击右键，在快捷菜单中选择【超链接】命令，在出现的“编辑超链接”对话框中选择“电子邮件地址”选项卡。②并在“电子邮件地址”栏中输入Email地址，单击【确定】按钮，就可以链接到电子信箱了。2021/7/157网络技术应用知识讲授3.插入超链接4）使用“书签”链接书签是网页中

6、被标记的位置或被标记的选中文本。书签可以用作超链接的目标。①将光标定位于页面下部对应文字具体内容的开头，依次选择菜单栏上的“插入/书签”命令，出现对话框，在此对话框中的“书签名称”下，键入或选择书签的名称（允许使用空格），单击【确定】按钮即插入书签。②选中字，单击右键，选择【超链接】命令，在“编辑超链接”对话框中单击【书签】按钮，出现“在文档中选择位置”对话框，选择已定义好的书签后，单击【确定】按钮即可。2021/7/158网络技术应用知识讲授3.插入超链接说明：其实可以将超链接链指向任意文件，如图片或音乐文件，方法和

7、上面类似；另外，也可以给图片添加超链接，只需先选中图片，然后添加超链接即可。2021/7/159网络技术应用知识讲授4.插入动画网站都采用Flash动画来进行广告宣传、醒目提示等。往网页中添加Flash动画可以通过直接往网页中嵌入Flash文件（“插入/图片/Flash影片”）或将网页中的链接点指向Falsh文件的形式进行。注意：必须安装MacromediaFlashPlayer插件，才能预览所添加的Flash内容。此外，网站访问者也必须安装该插件才能播放Flash内容。2021/7/1510网络技术应用保存及预览主页

8、文件通常命名为“index.htm”。主页作为一个网站的入口，如果没有这个文件，浏览网页时将会提示出错。2021/7/1511网络技术应用使用模板生成网页生成模板：“文件”菜单——“另存为”模板文件——取名为“虎门销烟”。使用模板：“文件”菜单——“新建网页”——在“常规”选项选择“虎门销烟”。思考：如果我在网上看到了自己喜欢的网页，想把它保存成为模板使用。我们该如何操作？2021/7/1512网络技术应用在线教程FrontPage2000教程http://www.bccn.net/Article/wyzz/front

9、page/jc/Index.htmlFrontPage2003视频教程http://www.enet.com.cn/eschool/zhuanti/frontpage/Dreamweaver视频教程http://pcedu.pconline.com.cn/videoedu/dreamweaver/2021/7/1513网络技术应用