4.3网页的制作(二)-文档资料
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网络技术应用
2019/2/5
12
网络技术应用（选修3）
课后思考：
我们这节课我们学习了制作 网页的一些技巧，大家课后要继 续熟悉它。
下节课我们继续学习如何制作 网页。
2019/2/5
7 网络技术应用
知
识
讲
授
3.插入超链接 说明：其实可以将超链接链指向任意文件， 如图片或音乐文件，方法和上面类似；另外， 也可以给图片添加超链接，只需先选中图片， 然后添加超链接即可。
2019/2/5
8
网络技术应用
知
识
讲
授
4. 插入动画 网站都采用Flash动画来进行广告宣传、醒目提 示等。 往网页中添加Flash动画可以通过直接往网页中 嵌入Flash文件（“插入/图片/Flash影片”）或 将网页中的链接点指向Falsh文件的形式进行。 注意：必须安装Macromedia Flash Player 插件，才能预览所添加的Flash内容。此外，网 站访问者也必须安装该插件才能播放Flash内容。
思考：如果我在网上看到了自己喜欢的网 页，想把它保存成为Βιβλιοθήκη Baidu板使用。我们该如 何操作？
2019/2/5
11 网络技术应用
在
线
教
程
FrontPage2000教程 bccn/Article/wyzz/frontpage/jc/Index.html FrontPage 2019 视频教程 enet/eschool/zhuanti/frontpage/ Dreamweaver视频教程 pcedu.pconline/videoedu/dreamweaver/
2019/2/5
4 网络技术应用
知
识
讲
授
3.插入超链接 1)链接到另一个网页 ①在网页中选中文本，单击右键，在快捷菜单 中选择【超链接】命令，出现 “编辑超链接” 对话框。 ②在对话框中选择“原有文件或网页”选项卡， 并在“当前文件夹”中选择所要链接网页的名 称，单击【确定】按钮即可链接到该网页。 ③用同样的方法对其余字段进行超链接。 注意：如果链接的网页还未做好，可以在对话 框中选择“新建文档”选项卡，并在“新建文 档名称”中输入该网页的名称，单击【确定】 按钮即可新建一个网页并链接到该网页。
温
故
思
考
我们上节课了解了网页制作之前我们需要 先对网页素材进行获取与加工并进行管理。 学习了如何利用FrontPage 2000建立站点， 新建网页，导入素材，设置网页背景，设 置网页标题，利用表格实现网页布局。 这节课我们就继续学习一下其他的网页制 作技巧。
2019/2/5
1
网络技术应用
知
2019/2/5
3 网络技术应用
知
识
讲
授
2.向网页中插入图片 “插入/图片/来自文件” 利用“图片”工具栏对图片编辑 注意：在保存网页时，如果图片来自于网 站根目录之外，则会出现 “保存嵌入式文 件”对话框，在对话框中单击【更改文件 夹】按钮可以选择图片要保存到的位置， 直接单击【确定】按钮即可将其保存到网 站根目录下。一般保存到images文件夹 下。
识
回
顾
开发网站的基本过程
2019/2/5
2
网络技术应用
知
识
讲
授
在网页中插入基本元素 1.向网页中添加文字 “格式”菜单|字体” 在输入文字时，一般情况下让系统自动换行，若 强制换行，可按回车键（会空出一行）或按 Shift + Enter（没有空行的强制换行）。 注意：在设置文字格式的时候，尽量为文字设置一 些常用的字体。通常的文本都设置为宋体、12 磅或10磅为好。如果非常需要使用某种特殊字 体来表达特殊效果，可以将该部分文字制作成图 片插入网页中。
2019/2/5
6 网络技术应用
知
识
讲
授
3.插入超链接 4）使用“书签”链接 书签是网页中被标记的位置或被标记的选中文 本。书签可以用作超链接的目标。 ①将光标定位于页面下部对应文字具体内容的 开头，依次选择菜单栏上的“插入/书签”命令， 出现对话框，在此对话框中的“书签名称”下， 键入或选择书签的名称（允许使用空格），单 击【确定】按钮即插入书签。 ②选中字，单击右键，选择【超链接】命令， 在“编辑超链接”对话框中单击【书签】按钮， 出现 “在文档中选择位置”对话框，选择已定 义好的书签后，单击【确定】按钮即可。
2019/2/5
9 网络技术应用
保 存 及 预 览
主页文件通常命名为“index.htm”。 主页作为一个网站的入口，如果没有这个 文件，浏览网页时将会提示出错。
2019/2/5
10
网络技术应用
使用模板生成网页
生成模板：“文件”菜单——“另存为”模 板文件——取名为“虎门销烟”。 使用模板：“文件”菜单——“新建网 页”——在“常规”选项选择“虎门销 烟”。
2019/2/5
5 网络技术应用
知
识
讲
授
3.插入超链接 2)链接到一个网址 ①在字段上单击右键，在快捷菜单中选择【超 链接】命令，在出现的“编辑超链接”对话框 中选择“原有文件或Web页”选项卡。 ②在“地址”栏中输入网址单击【确定】按钮。 3）链接到电子邮箱 ①选中字段并单击右键，在快捷菜单中选择 【超链接】命令，在出现的“编辑超链接”对 话框中选择“电子邮件地址”选项卡。 ②并在“电子邮件地址”栏中输入Email地址， 单击【确定】按钮，就可以链接到电子信箱了。
2019/2/5
12
网络技术应用（选修3）
课后思考：
我们这节课我们学习了制作 网页的一些技巧，大家课后要继 续熟悉它。
下节课我们继续学习如何制作 网页。
2019/2/5
7 网络技术应用
知
识
讲
授
3.插入超链接 说明：其实可以将超链接链指向任意文件， 如图片或音乐文件，方法和上面类似；另外， 也可以给图片添加超链接，只需先选中图片， 然后添加超链接即可。
2019/2/5
8
网络技术应用
知
识
讲
授
4. 插入动画 网站都采用Flash动画来进行广告宣传、醒目提 示等。 往网页中添加Flash动画可以通过直接往网页中 嵌入Flash文件（“插入/图片/Flash影片”）或 将网页中的链接点指向Falsh文件的形式进行。 注意：必须安装Macromedia Flash Player 插件，才能预览所添加的Flash内容。此外，网 站访问者也必须安装该插件才能播放Flash内容。
思考：如果我在网上看到了自己喜欢的网 页，想把它保存成为Βιβλιοθήκη Baidu板使用。我们该如 何操作？
2019/2/5
11 网络技术应用
在
线
教
程
FrontPage2000教程 bccn/Article/wyzz/frontpage/jc/Index.html FrontPage 2019 视频教程 enet/eschool/zhuanti/frontpage/ Dreamweaver视频教程 pcedu.pconline/videoedu/dreamweaver/
2019/2/5
4 网络技术应用
知
识
讲
授
3.插入超链接 1)链接到另一个网页 ①在网页中选中文本，单击右键，在快捷菜单 中选择【超链接】命令，出现 “编辑超链接” 对话框。 ②在对话框中选择“原有文件或网页”选项卡， 并在“当前文件夹”中选择所要链接网页的名 称，单击【确定】按钮即可链接到该网页。 ③用同样的方法对其余字段进行超链接。 注意：如果链接的网页还未做好，可以在对话 框中选择“新建文档”选项卡，并在“新建文 档名称”中输入该网页的名称，单击【确定】 按钮即可新建一个网页并链接到该网页。
温
故
思
考
我们上节课了解了网页制作之前我们需要 先对网页素材进行获取与加工并进行管理。 学习了如何利用FrontPage 2000建立站点， 新建网页，导入素材，设置网页背景，设 置网页标题，利用表格实现网页布局。 这节课我们就继续学习一下其他的网页制 作技巧。
2019/2/5
1
网络技术应用
知
2019/2/5
3 网络技术应用
知
识
讲
授
2.向网页中插入图片 “插入/图片/来自文件” 利用“图片”工具栏对图片编辑 注意：在保存网页时，如果图片来自于网 站根目录之外，则会出现 “保存嵌入式文 件”对话框，在对话框中单击【更改文件 夹】按钮可以选择图片要保存到的位置， 直接单击【确定】按钮即可将其保存到网 站根目录下。一般保存到images文件夹 下。
识
回
顾
开发网站的基本过程
2019/2/5
2
网络技术应用
知
识
讲
授
在网页中插入基本元素 1.向网页中添加文字 “格式”菜单|字体” 在输入文字时，一般情况下让系统自动换行，若 强制换行，可按回车键（会空出一行）或按 Shift + Enter（没有空行的强制换行）。 注意：在设置文字格式的时候，尽量为文字设置一 些常用的字体。通常的文本都设置为宋体、12 磅或10磅为好。如果非常需要使用某种特殊字 体来表达特殊效果，可以将该部分文字制作成图 片插入网页中。
2019/2/5
6 网络技术应用
知
识
讲
授
3.插入超链接 4）使用“书签”链接 书签是网页中被标记的位置或被标记的选中文 本。书签可以用作超链接的目标。 ①将光标定位于页面下部对应文字具体内容的 开头，依次选择菜单栏上的“插入/书签”命令， 出现对话框，在此对话框中的“书签名称”下， 键入或选择书签的名称（允许使用空格），单 击【确定】按钮即插入书签。 ②选中字，单击右键，选择【超链接】命令， 在“编辑超链接”对话框中单击【书签】按钮， 出现 “在文档中选择位置”对话框，选择已定 义好的书签后，单击【确定】按钮即可。
2019/2/5
9 网络技术应用
保 存 及 预 览
主页文件通常命名为“index.htm”。 主页作为一个网站的入口，如果没有这个 文件，浏览网页时将会提示出错。
2019/2/5
10
网络技术应用
使用模板生成网页
生成模板：“文件”菜单——“另存为”模 板文件——取名为“虎门销烟”。 使用模板：“文件”菜单——“新建网 页”——在“常规”选项选择“虎门销 烟”。
2019/2/5
5 网络技术应用
知
识
讲
授
3.插入超链接 2)链接到一个网址 ①在字段上单击右键，在快捷菜单中选择【超 链接】命令，在出现的“编辑超链接”对话框 中选择“原有文件或Web页”选项卡。 ②在“地址”栏中输入网址单击【确定】按钮。 3）链接到电子邮箱 ①选中字段并单击右键，在快捷菜单中选择 【超链接】命令，在出现的“编辑超链接”对 话框中选择“电子邮件地址”选项卡。 ②并在“电子邮件地址”栏中输入Email地址， 单击【确定】按钮，就可以链接到电子信箱了。