网页制作:项目03 编排校园文学网页--ppt.ppt

网页制作:项目03 编排校园文学网页--ppt.ppt

ID:50720604

大小:922.50 KB

页数:25页

时间:2020-03-16

网页制作:项目03  编排校园文学网页--ppt.ppt_第1页
网页制作:项目03  编排校园文学网页--ppt.ppt_第2页
网页制作:项目03  编排校园文学网页--ppt.ppt_第3页
网页制作:项目03  编排校园文学网页--ppt.ppt_第4页
网页制作:项目03  编排校园文学网页--ppt.ppt_第5页
资源描述:

《网页制作:项目03 编排校园文学网页--ppt.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、主讲:网页设计与制作——Dreamweaver8项目三编排校园文学网页任务一设置页面属性任务二编排页眉文本项目三:编排校园文学网页网页设计与制作Dreamweaver8任务一任务二任务三编排网页主体文本任务四编排页脚文本任务三小结任务四实训任务一设置页面属性本任务主要介绍在【页面属性】对话框中设置文本字体、大小、颜色、背景颜色、背景图像、页边距、网页标题及文档编码的基本方法。通过本任务的学习,读者应对页面属性有一个全面的认识,并掌握参数的设置方法。Dreamweaver8网页设计与制作项目三:编排校园文学网页设置页面属性操作动画任务一任务二

2、任务三小结任务四实训1.设置【外观】分类通过【页面属性】对话框的【外观】分类,可以设置当前网页文本的字体、大小、颜色以及网页的背景颜色、背景图像和页边距等。背景图像还可以通过【重复】选项来决定背景图像是重复还是不重复,是横向重复还是纵向重复。Dreamweaver8网页设计与制作项目三:编排校园文学网页任务一设置页面属性任务一任务二任务三小结任务四实训通过【页面属性】对话框的【链接】分类,可以设置当前网页超级链接文本的字体、大小、不同状态下链接文本的颜色等属性。2.设置【链接】分类Dreamweaver8网页设计与制作项目三:编排校园文学网

3、页任务一设置页面属性任务一任务二任务三小结任务四实训通过【页面属性】对话框的【标题】分类,可以设置当前网页标题“标题1~标题6”的字体、大小、颜色等属性,通常保持默认设置。3.设置【标题】分类Dreamweaver8网页设计与制作项目三:编排校园文学网页任务一设置页面属性任务一任务二任务三小结任务四实训通过【页面属性】对话框的【标题/编码】分类,可以设置当前网页在浏览器标题栏显示的标题以及文档类型和编码。文档类型和编码如果在【首选参数】的【新建文档】分类中已进行了设置,这里将显示原设置值,如需要修改可以在此处进行重新设置。4.设置【标题/编

4、码】分类Dreamweaver8网页设计与制作项目三:编排校园文学网页任务一设置页面属性任务一任务二任务三小结任务四实训本任务主要是对网页页眉部分的文本进行编排。通过学习,应该掌握的内容主要有文本字体、大小和颜色设置以及文本对齐方式等。Dreamweaver8网页设计与制作项目三:编排校园文学网页任务二编排页眉文本编排页眉操作动画任务一任务二任务三小结任务四实训广义的文本字体属性通常包括文本的字体、字号、颜色等,它可以通过【属性】面板中的【字体】、【大小】、【颜色】等选项或【文本】菜单中的【字体】、【大小】、【颜色】等命令来设置。1.设置【

5、字体】、【大小】和【颜色】等Dreamweaver8网页设计与制作项目三:编排校园文学网页任务二编排页眉文本任务一任务二任务三小结任务四实训文本的对齐方式通常有4种:【左对齐】、【居中对齐】、【右对齐】和【两端对齐】。可以依次通过单击【属性】面板中的【左对齐】、【居中对齐】、【右对齐】和【两端对齐】按钮来实现,也可以通过在主菜单栏或右键快捷菜单中选择【文本】/【对齐】级联菜单命令来实现。如果设置多个段落的对齐方式,则需要先选中这些段落。2.设置文本对齐方式Dreamweaver8网页设计与制作项目三:编排校园文学网页任务二编排页眉文本任务一

6、任务二任务三小结任务四实训本任务主要是对网页主体部分的文本进行编排,涉及到的知识点有文本标题格式,文本的字体、大小和颜色,文本对齐方式以及列表的应用等。Dreamweaver8网页设计与制作任务三编排网页主体文本项目三:编排校园文学网页编排网页主体操作动画任务一任务二任务三小结任务四实训操作一编排左侧栏目文本本操作主要是编排网页左侧栏目中的文本。通过本操作的学习,应该掌握的内容主要有:1、设置文本段落的方法在文档窗口中,每按一次【Enter】键就会生成一个段落。按【Enter】键的操作通常称为“硬回车”,段落就是带有硬回车的文本组合。由硬回

7、车生成的段落,其HTML标签是“

文本

”。使用硬回车划分段落后,段落与段落之间会产生一个空行间距。如果以CSS样式的方式设置了一个段落的字体、大小和颜色属性,按【Enter】键后下一段文本会继承这一属性。如果要取消这一属性,需要在【属性】面板的【样式】下拉列表中选择“无”。Dreamweaver8网页设计与制作项目三:编排校园文学网页任务一任务二任务三小结任务四实训操作一编排左侧栏目文本2、插入换行符的方法插入换行符可以在主菜单栏中选择【插入】/【HTML】/【特殊字符】/【换行符】命令,也可以按【Shift】+【Enter】键

8、。其HTML标签是“
”。使用换行符只能使文本换行,但这不等于重新开始一个段落,只有按【Enter】键才是重新开始一个段落。Dreamweaver8网页设计与制作项目三:编

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。