网页的基本操作概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计技术》 15
2018/11/14ห้องสมุดไป่ตู้
4.2 添加网页内容
3. 项目列表和编号列表
项目列表：对于一些具有相同或相似属性的文本，将 内容条列成项目，以便组成一个整体项目分类。
编号列表：对于具有序列属性（即顺序性）、属性相 同的内容，则可设置编号列表。
① ②
单击属性面板中的“编号列表”按钮 选择[文本][列表][编号列表]菜单命令。
第3讲 网页的基本操作
本章学习目标
了解网页中图像的分类及其特点；理解链接的概念 ,其中包括URL、绝对路径和相对路径的概念。 通过实例分析，掌握设置网页属性的方法。 掌握文本和特殊字符的输入方法，学会创建列表； 掌握在网页中插入日期、水平线等常见网页元素的 方法。 熟练掌握在网页中添加图像及相关属性的设置方法 、学会创建图像热点区域；熟练掌握在网页中设置 超级链接的方法。 掌握在网页中插入 Flash 元素的基本方法及相关属 性的设置。
格式：设置选定文本的段落格式。如段落、标题1、 标题2等 样式：对选定内容应用文本样式CSS样式 粗体、斜体、大小、颜色、对齐方式
链接：除了上述的字符格式化外，还可以对所选的 文本建立超级链接
目标：在此设置打开超级链接的窗口 字体
《网页设计技术》 14
2018/11/14
4.2 添加网页内容
本章设计任务
构建一个以介绍厦门为主题的简单个人网站
内容
4.1 设置网页属性 4.2 添加网页内容
为网页加入文本
为网页加入图像
创建超链接
插入多媒体对象
2018/11/14
《网页设计技术》
4
3.1 设置网页属性
设置网页属性 制作网页时，先需设置网页的页面属性，如网页标题、 背景图像、超链接的颜色、文档编码方式等属性。 “修改”｜“页面属性”命令，将打开“页面属性” 对话框，各选项的含义： 外观：用来设置页面的默认字体、背景颜色、背 景图像、页面边距等 链接：设置链接字符的字体、颜色等 标题：设置当前网页文本的格式 标 题 和 编 码： “标题”设置网页文档的标题； “编码”设置文档字体采用的编码方式。计算机 中显示的每种文字都需要对应的编码支持，才能 正常显示，否则出现乱码，在中文模式下默认编 码为简体中文GB2312。 跟踪图像：在设计页面时插入用作参考的图像文 件，浏览网页时该图片是看不到的。
2018/11/14 《网页设计技术》 5
实例演示---构建厦门新貌个人网站
创建站点 站点根文件夹：xiamen
主页index.html存放在站点根文件夹xiamen下 files主要存放主页外其他的网页文件： gaikuang.html (厦门概况） gly.html （鼓浪屿） images主要存放站点中的图片文件，站点默认图像文件夹 others存放其他的一些文件，如flash 、声音等文件
特殊文本。 “插入”栏中的“文本”，则弹出文 本工具栏，单击字符按钮 ，单击相应的特殊 字符。如果没有使用西欧字符，则会弹出一个警告 框，提示可能有些浏览器不能正常显示这些字符。
《网页设计技术》 10
2018/11/14
4.2 添加网页内容
在字符之间添加多个空格
①
在浮动选项卡“插入” 栏的“文本”选项卡中， 单击“字符”按钮，选择“插入不换行空格”
嵌套列表：包含其它列表的列表。属性面板中的“缩 进”按钮，或选择[文本][缩进]菜单命令来实现。 定义列表：不使用项目符号点或数字这样的前导字符， 并且通常用于词汇表或说明中. 列表属性设置 默认的前导符为一个点或阿拉伯数字，如要改成其他 前导字符，通过“列表属性”对话框。
分类列表—标题/编码—标题：厦门概况
2018/11/14
《网页设计技术》
8
4.2 添加网页内容
1 为网页加入文本
插入文本 ① 普通文本 ② 特殊文本 ③ 在字符之间添加空格 ④ 水平线 ⑤ 日期 格式化文本 项目列表
2018/11/14
《网页设计技术》
9
4.2 添加网页内容
1.普通文本的录入
《网页设计技术》 6
2018/11/14
准备网页素材
2018/11/14
《网页设计技术》
7
设置页面属性
gaikuang.html (厦门概况）
新建 gaikuang.html ，保存在站点files下 修改/页面属性– 分类列表--外观—背景图像 ： materials中bj2.jpg
../images/bg2.jpg
直接输入文本 复制文本。在其他文本编辑器中复制文本（如 Word），在DW中执行粘贴命令即可。但DW不保留原 有的文本格式。如果想保留文本的格式，可以选择 [编辑][选择性粘贴]菜单命令 插 入 Word 或 Excel 等 其 它 文 档 的 内 容 。 选 择 [ 文 件][导入] 菜单命令。
② ③
2018/11/14
[插入][HTML][特殊字符][不换行空格] 按【Ctrl+Shift+空格键】键输入。
《网页设计技术》 11
4.2 添加网页内容
在字符之间添加多个空格
①
[插入][HTML][特殊字符][不换行空格]
2018/11/14
《网页设计技术》
12
4.2 添加网页内容
水平线：在“插入”栏的“HTML” “水平线”
插入关键字：关键字为网络中的搜索引擎准备的， 关键字要求简短、尽可能概括网页的主题，以便浏览 者在输入很少关键字的情况下，就能很大程度地搜索 到 网 页 。 通 过 “ 插 入 ” “ HTML” “ 文 件 头 标 签”“关键字”即可，各关键字用逗号分隔。
日期：在“插入”栏的“常用”选项中 “插入日 期”
2018/11/14
《网页设计技术》
13
4.2 添加网页内容
2.普通文本的格式化
一般有属性面板和菜单命令两种方法
①
使用菜单命令时，只需要选择“文本”菜单下的相应命 令即可。 最常用的属性面板, 文本属性面板中各选项含义及设置 方法如下。
②
字体属性说明：
默认情况下， DW 提供了三种中文字体， 如果要使用其它中文字体，可用“编辑 字体列表”命令，将系统的字体添加到 DW字体列表中。 字体列表中每一选项中包括多种字体， 各种字体之间用“，” 分隔。其含义是 浏览者的浏览器中如果没有这种字体， 则用“，”后面的字体进行显示，以此 类推。
2018/11/14ห้องสมุดไป่ตู้
4.2 添加网页内容
3. 项目列表和编号列表
项目列表：对于一些具有相同或相似属性的文本，将 内容条列成项目，以便组成一个整体项目分类。
编号列表：对于具有序列属性（即顺序性）、属性相 同的内容，则可设置编号列表。
① ②
单击属性面板中的“编号列表”按钮 选择[文本][列表][编号列表]菜单命令。
第3讲 网页的基本操作
本章学习目标
了解网页中图像的分类及其特点；理解链接的概念 ,其中包括URL、绝对路径和相对路径的概念。 通过实例分析，掌握设置网页属性的方法。 掌握文本和特殊字符的输入方法，学会创建列表； 掌握在网页中插入日期、水平线等常见网页元素的 方法。 熟练掌握在网页中添加图像及相关属性的设置方法 、学会创建图像热点区域；熟练掌握在网页中设置 超级链接的方法。 掌握在网页中插入 Flash 元素的基本方法及相关属 性的设置。
格式：设置选定文本的段落格式。如段落、标题1、 标题2等 样式：对选定内容应用文本样式CSS样式 粗体、斜体、大小、颜色、对齐方式
链接：除了上述的字符格式化外，还可以对所选的 文本建立超级链接
目标：在此设置打开超级链接的窗口 字体
《网页设计技术》 14
2018/11/14
4.2 添加网页内容
本章设计任务
构建一个以介绍厦门为主题的简单个人网站
内容
4.1 设置网页属性 4.2 添加网页内容
为网页加入文本
为网页加入图像
创建超链接
插入多媒体对象
2018/11/14
《网页设计技术》
4
3.1 设置网页属性
设置网页属性 制作网页时，先需设置网页的页面属性，如网页标题、 背景图像、超链接的颜色、文档编码方式等属性。 “修改”｜“页面属性”命令，将打开“页面属性” 对话框，各选项的含义： 外观：用来设置页面的默认字体、背景颜色、背 景图像、页面边距等 链接：设置链接字符的字体、颜色等 标题：设置当前网页文本的格式 标 题 和 编 码： “标题”设置网页文档的标题； “编码”设置文档字体采用的编码方式。计算机 中显示的每种文字都需要对应的编码支持，才能 正常显示，否则出现乱码，在中文模式下默认编 码为简体中文GB2312。 跟踪图像：在设计页面时插入用作参考的图像文 件，浏览网页时该图片是看不到的。
2018/11/14 《网页设计技术》 5
实例演示---构建厦门新貌个人网站
创建站点 站点根文件夹：xiamen
主页index.html存放在站点根文件夹xiamen下 files主要存放主页外其他的网页文件： gaikuang.html (厦门概况） gly.html （鼓浪屿） images主要存放站点中的图片文件，站点默认图像文件夹 others存放其他的一些文件，如flash 、声音等文件
特殊文本。 “插入”栏中的“文本”，则弹出文 本工具栏，单击字符按钮 ，单击相应的特殊 字符。如果没有使用西欧字符，则会弹出一个警告 框，提示可能有些浏览器不能正常显示这些字符。
《网页设计技术》 10
2018/11/14
4.2 添加网页内容
在字符之间添加多个空格
①
在浮动选项卡“插入” 栏的“文本”选项卡中， 单击“字符”按钮，选择“插入不换行空格”
嵌套列表：包含其它列表的列表。属性面板中的“缩 进”按钮，或选择[文本][缩进]菜单命令来实现。 定义列表：不使用项目符号点或数字这样的前导字符， 并且通常用于词汇表或说明中. 列表属性设置 默认的前导符为一个点或阿拉伯数字，如要改成其他 前导字符，通过“列表属性”对话框。
分类列表—标题/编码—标题：厦门概况
2018/11/14
《网页设计技术》
8
4.2 添加网页内容
1 为网页加入文本
插入文本 ① 普通文本 ② 特殊文本 ③ 在字符之间添加空格 ④ 水平线 ⑤ 日期 格式化文本 项目列表
2018/11/14
《网页设计技术》
9
4.2 添加网页内容
1.普通文本的录入
《网页设计技术》 6
2018/11/14
准备网页素材
2018/11/14
《网页设计技术》
7
设置页面属性
gaikuang.html (厦门概况）
新建 gaikuang.html ，保存在站点files下 修改/页面属性– 分类列表--外观—背景图像 ： materials中bj2.jpg
../images/bg2.jpg
直接输入文本 复制文本。在其他文本编辑器中复制文本（如 Word），在DW中执行粘贴命令即可。但DW不保留原 有的文本格式。如果想保留文本的格式，可以选择 [编辑][选择性粘贴]菜单命令 插 入 Word 或 Excel 等 其 它 文 档 的 内 容 。 选 择 [ 文 件][导入] 菜单命令。
② ③
2018/11/14
[插入][HTML][特殊字符][不换行空格] 按【Ctrl+Shift+空格键】键输入。
《网页设计技术》 11
4.2 添加网页内容
在字符之间添加多个空格
①
[插入][HTML][特殊字符][不换行空格]
2018/11/14
《网页设计技术》
12
4.2 添加网页内容
水平线：在“插入”栏的“HTML” “水平线”
插入关键字：关键字为网络中的搜索引擎准备的， 关键字要求简短、尽可能概括网页的主题，以便浏览 者在输入很少关键字的情况下，就能很大程度地搜索 到 网 页 。 通 过 “ 插 入 ” “ HTML” “ 文 件 头 标 签”“关键字”即可，各关键字用逗号分隔。
日期：在“插入”栏的“常用”选项中 “插入日 期”
2018/11/14
《网页设计技术》
13
4.2 添加网页内容
2.普通文本的格式化
一般有属性面板和菜单命令两种方法
①
使用菜单命令时，只需要选择“文本”菜单下的相应命 令即可。 最常用的属性面板, 文本属性面板中各选项含义及设置 方法如下。
②
字体属性说明：
默认情况下， DW 提供了三种中文字体， 如果要使用其它中文字体，可用“编辑 字体列表”命令，将系统的字体添加到 DW字体列表中。 字体列表中每一选项中包括多种字体， 各种字体之间用“，” 分隔。其含义是 浏览者的浏览器中如果没有这种字体， 则用“，”后面的字体进行显示，以此 类推。