第9章 网页设计与制作.ppt

第9章 网页设计与制作 贵州师范大学数学与计算机科学学院计算机公共教研室 内容提要 9.1 初涉网站建设 9.2 认识网页制作软件 9.3 添加网页元素 9.4 布局网页 9.5 网页图像的简单处理 9.6 网页动画的简单制作 9.7发布网站 9.1 初涉网站建设 网页制作基础知识 常用网页制作相关软件 9.1.1 网页制作基础知识 1. 什么是网页 浏览网站时，在浏览器中看到的页面就是网页，网页又称Web页，其中包括各种各样的网页元素，如文本、图像、动画、声音、表单和超链接等。 9.1.1 网页制作基础知识 2. 什么是网页组成元素 网页是由多种元素组成，文本和图像是网页最基本的元素，它们在网页中起着非常重要的作用，是网页主要的信息载体。除文本和图像之外，网页中还可以包括动画、音乐等多媒体元素。 （1）文本 网页中文本的样式繁多、风格不一，吸引人的网页通常都具有美观的文本样式。文本的样式可以通过对网页文本的属性进行设置修改，在后面的章节将会详细讲解这方面的知识。 （2）图像 图像也是网页中不可或缺的元素。图像比文本更直观和生动，它还可以传递一些文本所不能传递的信息。网站标识Logo、Banner等通常都是图像。 （2）图像 网页中支持的图像格式有JPG、GIF和PNG三种。其中JPG格式用于照片级图像时使用，GIF格式支持动画和背景透明，PNG格式也支持背景透明，但目前不太常用。 JPG格式用于照片级图像时使用 GIF格式支持动画和背景透明 （3） 动画 （4）音乐 网页中常用的音乐格式有MID和MP3。MID是通过计算机软硬件合成的音乐，不能被录制;MP3是压缩文件，其压缩率非常高，音质也不错，是背景音乐的首选。 9.1.1 网页制作基础知识 3. 什么是网站 网站就是一个或多个网页的集合。 按网站内容可以将网站分为： 9.1.1 网页制作基础知识 4. 网页的类型 9.1.1 网页制作基础知识 4. 网页的类型 9.1.1 网页制作基础知识 5．网页制作中的专业术语 在网页制作过程中常常会遇到一些专业名词，如Logo、Banner、导航条、超链接和发布等。 Logo：网站的“商标”，一般包含网站名称、网址、网站标志和网站理念4部分，并位于页面的左上角。 Banner：通常被做成动画效果，用于宣传网页内容，也称为广告条。 导航条：链接着各个页面，就如同一个网站的路标，只要单击导航条中的超链接就能进入相应的页面。 超链接：能起到将不同页面连接起来的功能，可以是同一站点页面之间的链接，也可以是与其他网站页面之间的链接。超链接有文本链接、图像链接。在浏览网页时，单击超链接就能转到与之对应的页面。 发布：指把制作好的网页上传到网络上的过程，有时也称为上传网站。 9.1.2 常用网页制作相关软件 Dreamweaver是一款优秀的网页设计软件，它能将文本、图像、动画和音乐等整合在一起，在指定的位置显示对象。 9.1.2 常用网页制作相关软件 网页中加上图像的点缀，可以使网页更丰富多彩。图像处理软件非常多，但在制作网页时经常使用的软件是Fireworks和Photoshop。 特别是Fireworks，它是Adobe公司专门为处理网页图像量身订作的图形图像处理软件。 9.1.2 常用网页制作相关软件 Flash动画是网页中普遍使用的一种动画格式，使用Flash软件进行Flash动画制作是非常方便的。 9.2 认识网页制作软件 初识Dreamweaver 8 文档的基本操作 设置页面属性 规划与创建站点 1. 插入栏 2. 文档工具栏 3. 面板组 面板组位于工作界面的右侧，由“CSS”、“应用程序”、“文件”等多个面板组组成。各面板组又包含了若干个面板，它们是一些相关的特定功能的集合。 4. 属性面板 属性面板位于文档窗口底部，用于查看或编辑当前选定网页元素的常用属性。 根据所选的网页元素的不同，属性面板中的参数设置选项也会各有不同。 5. 状态栏 9.2.2 文档的基本操作 1. 创建网页 新安装的Dw在新建文档时默认按照标准HTML格式进行创建，对于新手而言，可以不修改任何设置，直接单击“创建”按钮。 标准静态网页文档的页面类型为“HTML”，其文档类型为“XHTML 1.0 Transtional” 9.2.2 文档的基本操作 2. 预览网页 选择文档工具栏中的 按钮，可以在浏览器中对网页效果进行预览。 3. 保存网页 选择“文件”菜单下的“保存”命令，打开“另存为”对话框。 在“保存在”下拉列表框中选择文件的保存位置，在“文件名”列表框中输入文件名。 单击“保存”按钮，完成保存的操作。 9.2.2 文档的基本操作 4. 打开网页 通过对话框打开 通过菜单命令打开 通过