网页设计Dreamweaver80

《网页设计Dreamweaver80》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计Dreamweaver8.0主要内容了解网页三剑客软件在制作网页中的作用了解静态网站的制作流程了解网站的构成以及如何保存网站及网站中的元素熟悉Dreamweaver界面创建一个站点，建立文件和文件夹首页的命名规则（index.htm）标题、页面的设置内容的输入字体的导入硬回车和软回车的区别，空格的输入网页三剑客的作用Dreamweaver（图形、动画、文字连接、管理）Fireworks（图形图像的处理）Flash（动画的制作）静态网站的制作流程站点策划（类型、目的）准备所需的素材（相关材料）确定整站的风格和首页（效果图）建立站点制作整站（网页的链接

2、）整站的测试及改进上传发布准备所需的素材网页的构成文字图片动画声音视频链接保存网页或元素保存网页文件——另存为保存图片右键——图片另存为保存gif动画图片右键——图片另存为保存Flash动画IE临时文件夹Flash下载工具注意：保存网页不能保存Flash动画动态图片和Flash动画的区别网页制作软件记事本FrontPageDreamweaver主要内容了解网页三剑客软件在制作网页中的作用了解静态网站的制作流程了解网站的构成以及如何保存网站及网站中的元素熟悉Dreamweaver界面创建一个站点，建立文件和文件夹首页的命名规则（index.htm）标题、页面

3、的设置内容的输入字体的导入硬回车和软回车的区别，空格的输入作业站点策划，准备所需的素材确定收集的主题收集12个相关页面收集相关图片收集6个Flash收集相关资料放在记事本或者Word制作一个简单的网页表格表格的作用：定位和排版表格的插入及相关属性的设置单元格属性的设置细表格边框的制作运用表格及图片制作网页（个人简历）一张表格横向叫行，纵向叫列。行列交叉部分就叫做单元格。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。细表格边框的制作利用表格背景色和所有单元格背景色之间的不同来制作设置表格间距为“1”，及设置相应

4、在的表格背景色和所在单元格背景色，最后表格的间距即细表格的边框。表格表格的作用：定位和排版表格的插入及相关属性的设置单元格属性的设置细表格边框的制作运用表格及图片制作网页（个人简历）表格利用表格制作页面图片边框边距间距链接链接的位置链接对象其他链接链接的目标链接链接的位置内部链接（本站内的网页）外部链接（互联网上的页面，输入时必须是完整的地址）链接的对象文字连接图片链接图片热点链接（图片里的某一个区域。例如：地图）链接其他链接本页刷新（“#”主要用于测试，提醒的作用）邮箱链接mailto:xuelixiang2003@yahoo.comn锚点链接下载文件超

5、链接链接的目标（网页是否在本窗口打开？）Blankself链接链接的位置链接对象其他链接链接的目标作业制作一个站点要求：包含至少两个网页内部链接和外部链接文字、图片和图片热点链接本页刷新、邮箱链接、锚点链接、下载文件超链接链接的目标：Blank、self表单什么是表单表单的创建和使用制作一个简单的网站注册页面什么是表单接受访问者提交的信息表单的创建及使用插入表单标签作用：相当于汽车插入表单元素（所有表单元素都要放在表单标签里）作用：相当于装东西的箱子插入按钮作用：相当于司机作业制作一个简单的网站注册页面要求：1.页面左边距和右边距为10个像素，上边距为40

6、个像素，下边距为0个像素。2.表格使用细表格边框3.练习表单工具栏里工具的使用CSS样式什么是样式及CSS自动生成样式手动生成样式CSS样式冲突什么是样式及CSS样式：格式的集合CSS：级联样式表，又称风格样式单。它能够定义网页元素的样式等一些特殊效果。自动生成样式直接选择属性栏里的值即可缺点：只能在本页面使用该样式样式的设计太少手动生成样式使用CSS选择器类：应用于所有对象（文字连接除外）标签：对一个已有的对象进行重定义样式高级：专用来定义链接的样式a:link:新打开网页时，链接所呈现的状态。a:visited:链接被访问后所呈现的状态。a:hover

7、:当鼠标指针移上链接时显示的状态。a:active:链接被激活时显示的状态。CSS样式冲突若多种样式应用于相同的文本，则浏览器将应用这些样式中不冲突的所有属性设置。若应用于同一文本的两种样式发生冲突，则浏览器会显示距离该文本内容最近样式的设置。若发生直接冲突，则自定义的CSS样式将覆盖基于HTML标记的样式属性。