公选课网页设计论文.doc

网页设计论文 题 目：学 院： 专业班级： 学生姓名： 指导教师： 成 绩： 年 月 日Macromedia Dreamweaver 8简介 Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。、Dreamweaver8 的操作环境 在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 规划站点结构 网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。Dreamweaver 8 插入图像目前互联网上支持的图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG在制作网页时，先构想好网页布局，在图像处理软件中将需要插入的图片进行处理，然后存放在站点根目录下的文件夹里。插图图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像”按钮。 、插入表格 在文档窗口中，将光标放在需要创建表格的位置，单击“常用”快捷栏中的表格按钮弹出的“表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。 “行数”文本框用来设置表格的行数。“列数”文本框用来设置表格的列数。“表格宽度”文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列表框用来设置宽度的单位，有两个选项——百分比和像素。当宽度的单位选择百分比时，表格的宽度会随浏览器窗口的大小而改变。“单元格边距”文本框用来设置单元格的内部空白的大小。“单元格间距”文本框用来设置单元格与单元格之间的距离。“边框粗细”用来设置表格的边框的宽度。“页眉”定义页眉样式，可以在四种样式中选择一种。“标题” 定义表格的标题。 “对其标题”定义表格标题的对齐方式。“摘要” 可以在这里对表格进行注释。 Dreamweaver 8 插入声音声音能极好的烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式在页面中可以嵌入背景音乐。这种音乐多以MP3，MIDI文件为主，在DW中，添加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过行为实现。在HTML语言中，通过BGSOUNG这个标记可以嵌入多种格式的音乐文件，具体步骤是：我们将01.mid音乐文件存放在med文件夹里。打开03.html网页，我们为这个页面添加背景音乐切换到DW的“拆分”视图，讲光标定位到/body之前的位置，在光标的位置写下下面这段代码：bgsound src＝med/01.midDreamweaver 8 创建链接关系链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。 超级链接是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体和链接目标。 　　许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 -- 锚点。 链接的类型 如果按链接目标分类，可以将超级链接分为以下几种类型： * 内部链接：同一网站文档之间的链接。 * 外部链接：不同网站文档之间的链接。 * 锚点链接：同一网页或不同网页中指定位置的链接。 * E-