网站设计 Web Design03

《网站设计 Web Design03》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、网站设计WebDesign指导教师：丁彧E-mail：dingyu@seu.edu.cn1东南大学计算中心第三章编辑基本网页元素本章从最基本的网页元素——文本和图像开始，掌握如何在网页中插入并编辑它们。2东南大学计算中心目录文本输入与编辑使用图像使用多媒体对象3东南大学计算中心3.1文本输入与编辑网页中文本的使用原则单个页面中不要使用超过三种以上的字体。不要用太大的字号。不要使用不停闪烁的文字。标题文字的字号应当比正文字号稍大4东南大学计算中心3.1文本输入与编辑如何输入文本在文档中可直接输入文本。可以利用属性面板为文本设置默

2、认格式化样式或者直接设置所选文本的字体、大小、颜色等。如果希望文本换行，可以按下【Shift＋Enter】组合键；如果希望文本换段，可以直接按【Enter】键。5东南大学计算中心3.1文本输入与编辑设置列表项项目列表编号列表6东南大学计算中心3.1文本输入与编辑特殊符号和水平线要插入特殊符号，可选择〖插入〗>〖HTML〗>〖特殊字符〗命令，然后在弹出的菜单中选择相应的特殊字符。要插入水平线，选择〖插入〗>〖HTML〗>〖水平线〗。可通过属性面板设置其宽、高、对齐和阴影等。7东南大学计算中心3.2使用图像常用的网页图像类型JPE

3、GGIFPNG适于表现色彩丰富，具有连续色调的图像。该格式的优点是图像质量高，缺点是文件尺寸稍大（相对于GIF格式），且不能包含透明区。适合表现色调不连续或具有大面积单一颜色的图像。该格式的优点是图像尺寸小，可包含透明区，且可制成包含多幅画面的简单动画，缺点是图像质量稍差。集JPEG和GIF格式的优点于一身，既能处理照片式的精美图像，又能包含透明区域，且可以包含图层等信息，是Fireworks的默认图像格式。8东南大学计算中心3.2使用图像如何插入图像在确定图像插入点后，单击“插入”面板“常用”类别中的“图像”按钮，打开“选择

4、图像源文件”对话框。从中选择要插入的图像，然后单击“确定”按钮即可。9东南大学计算中心3.2使用图像制作鼠标经过图像10东南大学计算中心3.2使用图像制作网页相册步骤1、首先要安装好Fireworks。2、加工好所需要放在网上的照片，把它们加工成一样大小，放在一个文件夹里。3、点击菜单中的〖命令〗/〖创建网站相册〗，打开设置窗口。4、输入相册标题，副标信息，其他信息（以后也可再修改）。“源图像文件夹”，选择刚才保存照片的文件夹。5、“目标文件夹”，单击“浏览”按钮选择当前站点目录。（即将照片全部保存到站点里来）6、“缩略图大小

5、”一项，可以根据需要选择，“显示文件名称”一项，选中会在生成的相册中显示每个图片的文件名。7、“列”一格是每一行显示的图片数，默认为5，可以自己改动。8、下面两个“格式”一般都选“品质较高”。9、选中“为每张图片建立导览页面”一项。11东南大学计算中心3.3使用多媒体对象插入Flash动画Flash动画是目前最为流行的矢量动画，很多网页中都包含Flash动画。Flash文件有3种类型：Flash源文件（.fla），它是所有Flash动画的源文件，此类型的文件只能在Flash8中创建、打开并编辑。Flash动画文件（.swf），

6、它是Flash（.fla）文件的压缩版本，已进行了优化处理以便在网页中使用。Flash模板文件（.swt），可以直接在Dreamweaver中编辑这类文件，它包括Flash按钮和Flash文本两种对象。12东南大学计算中心案例1插入Flash影片方法1方法2确定插入点后，选择〖插入〗>〖媒体〗>〖Flash〗，打开“选择文件”对话框。从中选择文件，然后单击“确定”按钮即可。13东南大学计算中心案例1插入Flash设置透明的确Flash背景14东南大学计算中心3.3使用多媒体对象插入Flash按钮、Flash文本文件名不可以为中

7、文，包括路径15东南大学计算中心3.3使用多媒体对象插入Flash图像查看器选择〖插入〗>〖媒体〗>〖图像查看器〗图片文件为jpg格式16东南大学计算中心3.3使用多媒体对象如何在页面中插入音频文件确定插入点后选择〖插入〗>〖媒体〗>〖插件〗菜单，在打开的对话框中选择音频文件，然后确定，再设置其属性，保存后预览即可看到。17东南大学计算中心3.3使用多媒体对象插入背景音乐18东南大学计算中心