资源描述
:,计算机基础与实训教材系列,系列丛书官方网站,:,*,网页设计与制作基础教程,(,第,3,版,),第 四 章,制作简单图文网页,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,学 习 目 标,文本和图像是网页中不可缺少的部分,对文本进行格式化可以充分体现页面所要表达的重点,而在网页中插入图像的实质则是把我们设计完成的最终效果展示给人们看,。,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,本 章 重 点,在网页中插入文本,设置网页文本的属性,在网页中插入图像,在网页中插入特殊符号,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.1,在网页中添加文本,文本既是网页中不可缺少的内容,也是网页中最基本的对象。由于文本的存储空间非常小,所以在一些大型网站中,其占有不可代替的主导地位。在一般网页中,文本一般以普通文字、段落或各种项目符号等形式显示,。,输入网页文本,插入特殊符号,插入日期与时间,插入水平线,插入滚动文字,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.2,创建无序列表和有序列表,在网页中,我们可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列。此时,没有顺序的文本排列方式称为无序列表,赋予编号排列的文本项目则称为有序列表,。,制作无序列表,制作有序列表,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.2.1,制作无序列表,在制作网页时,如果需要把各个项目美观地排列在一起,建议用户使用无序列表。在无序列表中各项目前面的圆点直接用制作好的图像来替代,也可以在,CSS,样式表中定义更改圆点形状,。,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.2.2,制作有序列表,在各个项目中将赋予编号或字母表来创建的目录称为“有序列表”。在有序列表中各项目之间的顺序是非常重要的。在每项之前赋予数字、罗马数字的大小写以及字母表的大小写,。,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.3,设置网页文本属性,使用,Dreamweaver,的“属性”检查器可以设置网页中文本的大小、颜色和字体等文本属性,并且可以设置,HTML,的基本属性,也可以设置,CSS,文本的扩展属性,。,设置文本基本属性,添加网页文本字体,:,计算机基础与实训教材系列,系列丛书官方网站,edu :,4.4,在网页中插入图像,在网页中插入图像可以起到美化页面的作用,常用的图像格式有,JPEG,和,GIF,两种。在网页中适当加入图像可以为网页增色不少,但图像文件过大会影响网页的下载速度,因此图像要用的少而精,必要时在不失真的情况下可以使用图像软件尽量压缩图像,。,网页图像简介,插入普通网页图像,插入网页背景,图像,插入,Photoshop,智能图像,制作鼠标经过图像,
展开阅读全文