网页设计及制作第二课
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML】→【特殊字符】，在【特殊字符】的级联菜单中选择需要插入的特 殊字符。
（2）通过“文本”插入工具栏插入 先在Dreamweaver 的“插入”工具栏中选择“文本”，显示“文本”
插入工具栏。将光标放置到需要插入特殊字符的位置，然后单击工具栏中的 “文本”，单击所需插入的特殊字符即可插入到网页中。
三、编辑文本
1）网页中输入的文本可以像Word文档一样，进行编辑。
1. 拖动鼠标选中一个或多个文字、一行或多行文本，也可以选中网页中 的全部文本。
2. 按BackSpace键或Delete键实现删除文本操作。 3. 实现复制、剪切、粘贴等操作。 4wk.baidu.com 实现查找与替换操作。
编辑——查找和替换（ctrl+f） 5. 实现撤消或重做操作。
三、编辑文本
【操作演示】： 1.制作一个如下“护肤问答”内容的网页：
The end,thank you!
像素？如果图片的测量长度是3英寸，请问这张图片的分辨率是 多少？
二、在网页中添加文本
1.添加普通文本
方法： A、直接输入 （1）用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标 ，
标识输入文字的起始位置。 （2）选择适当的输入法输入文字 B、复制和粘贴 C、从其他文件导入
文件——导入——word文档——选择需要导入的文档——确认。
【操作演示】： 1.在个人站点下新建一个名为“word”的网页。 2.把名为“word文本”的word文档中的文字内容到处到刚新建的网页中。 3.保存，预览。
二、在网页中添加文本
3）添加日期时间
【操作演示】： 在文档的最后一行插入形式如“Friday, 2006-07-14 9:47 AM”所示的 日期，且要求每次保存网页时自动更新日期。 具体操作过程如下： （1）按Enter键，添加一空行，将光标放置在空行与正文对齐的最左端。 （2）单击菜单【插入】→【日期】 （3）在“插入日期”对话框中，“星期格式”下拉表框中选取 “Thursday,”，在“时间格式”下拉列表框选取“10:18PM”，选中“储 存时自动更新”复选框，然后单击【确定】按钮 （4）保存插入的日期，且浏览网页。
二、在网页中添加文本
4 ) 插入水平线
（1）将“插入”工具栏切换到“HTML”类型。 （2）将光标放置到标题最后一个字符的右边。 （3）单击HTML插入工具栏的“水平线”按钮，即可向网页中标题与正文
之间插入一条水平线。
二、在网页中添加文本
5）添加特殊字符
（1）通过菜单【插入】→【HTML】→【特殊字符】插入 先将光标放置到需要插入特殊字符的位置，然后展开菜单【插入】→【
网页设计及制作第二课
1、什么是像素
像素是组成图象的最基本单元要素：点。
一 、像素和分辨率
由于网页都是在电脑的显示器上显示，所以网页的设计的单位为像素（px）。
【操作演示】： 1.调节显示器的分辨率，查看比较在不同的分辨率下网页内
容的变化和差别。 2.下面是一张网页图片，请问这张图片的长和宽分别是多少
编辑——撤销、编辑—重做
三、编辑文本
2）设置文本格式 1.默认的字体、默认字体大小和颜色等。
页面属性-分类-外观（css）——对文字的对象属性进行设置，在这里 设置的文字属性对网页内所有文字都有效。
2.选中需要设置属性的文字，
在属性栏选择css，目标 规则选择：新内联样式 对字体，大小，颜色进行设置
三、编辑文本
3）设置段落格式
a.对齐方式 b.列表编号
列表可以将文本段落用符号或序号标注起来， 有两种类型：项目列表和编号列表。 设置项目列表的操作过程如下: （1）选择要添加列表的若干文本段落 （2）单击属性检查器中的“项目列表”按钮或“编号列表”按钮
c.缩进
d.格式菜单
格式——对齐 格式——样式
（2）通过“文本”插入工具栏插入 先在Dreamweaver 的“插入”工具栏中选择“文本”，显示“文本”
插入工具栏。将光标放置到需要插入特殊字符的位置，然后单击工具栏中的 “文本”，单击所需插入的特殊字符即可插入到网页中。
三、编辑文本
1）网页中输入的文本可以像Word文档一样，进行编辑。
1. 拖动鼠标选中一个或多个文字、一行或多行文本，也可以选中网页中 的全部文本。
2. 按BackSpace键或Delete键实现删除文本操作。 3. 实现复制、剪切、粘贴等操作。 4wk.baidu.com 实现查找与替换操作。
编辑——查找和替换（ctrl+f） 5. 实现撤消或重做操作。
三、编辑文本
【操作演示】： 1.制作一个如下“护肤问答”内容的网页：
The end,thank you!
像素？如果图片的测量长度是3英寸，请问这张图片的分辨率是 多少？
二、在网页中添加文本
1.添加普通文本
方法： A、直接输入 （1）用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标 ，
标识输入文字的起始位置。 （2）选择适当的输入法输入文字 B、复制和粘贴 C、从其他文件导入
文件——导入——word文档——选择需要导入的文档——确认。
【操作演示】： 1.在个人站点下新建一个名为“word”的网页。 2.把名为“word文本”的word文档中的文字内容到处到刚新建的网页中。 3.保存，预览。
二、在网页中添加文本
3）添加日期时间
【操作演示】： 在文档的最后一行插入形式如“Friday, 2006-07-14 9:47 AM”所示的 日期，且要求每次保存网页时自动更新日期。 具体操作过程如下： （1）按Enter键，添加一空行，将光标放置在空行与正文对齐的最左端。 （2）单击菜单【插入】→【日期】 （3）在“插入日期”对话框中，“星期格式”下拉表框中选取 “Thursday,”，在“时间格式”下拉列表框选取“10:18PM”，选中“储 存时自动更新”复选框，然后单击【确定】按钮 （4）保存插入的日期，且浏览网页。
二、在网页中添加文本
4 ) 插入水平线
（1）将“插入”工具栏切换到“HTML”类型。 （2）将光标放置到标题最后一个字符的右边。 （3）单击HTML插入工具栏的“水平线”按钮，即可向网页中标题与正文
之间插入一条水平线。
二、在网页中添加文本
5）添加特殊字符
（1）通过菜单【插入】→【HTML】→【特殊字符】插入 先将光标放置到需要插入特殊字符的位置，然后展开菜单【插入】→【
网页设计及制作第二课
1、什么是像素
像素是组成图象的最基本单元要素：点。
一 、像素和分辨率
由于网页都是在电脑的显示器上显示，所以网页的设计的单位为像素（px）。
【操作演示】： 1.调节显示器的分辨率，查看比较在不同的分辨率下网页内
容的变化和差别。 2.下面是一张网页图片，请问这张图片的长和宽分别是多少
编辑——撤销、编辑—重做
三、编辑文本
2）设置文本格式 1.默认的字体、默认字体大小和颜色等。
页面属性-分类-外观（css）——对文字的对象属性进行设置，在这里 设置的文字属性对网页内所有文字都有效。
2.选中需要设置属性的文字，
在属性栏选择css，目标 规则选择：新内联样式 对字体，大小，颜色进行设置
三、编辑文本
3）设置段落格式
a.对齐方式 b.列表编号
列表可以将文本段落用符号或序号标注起来， 有两种类型：项目列表和编号列表。 设置项目列表的操作过程如下: （1）选择要添加列表的若干文本段落 （2）单击属性检查器中的“项目列表”按钮或“编号列表”按钮
c.缩进
d.格式菜单
格式——对齐 格式——样式