Dreamweaver网页设计课程的核心知识点.doc

《Dreamweaver网页设计》课程的核心知识点 在学习的过程中，请同学们重点关注以下知识点。 一、建立站点 本地站点和远程站点的概念。 搭建站点的两种方法：使用向导来完成，利用高级设定来完成。 练习：按照下述要求建立站点 1．新建本地根文件夹：在指定的文件夹中新建本地根文件夹并命名为root，在该文件夹中新建子文件夹，用于存放图片等文档。 2．定义站点： 设置“站点名称”：定义Dreamweaver站点，命名为“Myweb’。 设置本地根文件夹：本地根文件夹指定为root文件夹。 设置首页：设置首页为index.htm。 二、有关HTML文件的基础知识（很重要） 1．HTML：Hyper Text Markup Language超文本标记语言 2. 直接由浏览器解释执行，无须编译。 3．语法结构：包括文档头部和文档主体。 下面是HTML代码的基本结构： HTML HEAD 头部信息 ／HEAD BODY 文档主体，正文部分 ／BODY ／HTML 4. 标签 1)用和包围起来的代码 2)包括单标签和双标签 单标签 BR表示换行 HR表示插入一条水平线 双标签 始标签 内容 ／尾标签 例如：B加粗文字／B 3)标签的属性 标签的名字属性1属性2属性3 属性之间没有顺序关系 属性值尽量用英文输入法下的全角引号包围。 HR SIZE=3 ALIGN=LEFT WIDTH=75％ SIZE：线的粗细 ALIGN：对齐方式 WIDTH：水平线的长度 4)重要的标签 头部标签 主体标签 图片标签 文字标签 字体标签 列表标签 表格标签 表单标签 三、基本网页设计 1．设置页面属性 2．设置文件头信息 3．网页中的文字、文字设置 4．网页中的图像、图像设置 5．图文混排的网页 6．网页链接的设计 1)相对路径与绝对路径 2)制作Email链接 3)制作锚点链接 4)制作图像映射即热点 5)制作脚本链接 7．多媒体网页的设计 1)在网页中插入Flash动画 2)在网页中插入Flash按钮与文字 3)在网页中插入Flash图片播放器 4)在网页中插入Applet 5)在网页中使用翻转图片 6)在网页中使用导航条 7)在网页中插入音频 8)插入与控制滚动文字 9插入水平线 8．各种对象的属性面板 四、表格的使用 1．“表格”对话框中 1)表格宽度：单位有像素和百分比两种；按像素定义的表格大小是固定，按百分比定义的表格，表格随浏览器的大小变化。 2)边框粗细：指表格边框的粗细；0为无边框，1为有边框。 3)单元格边距：表示单元格中的内容和单元格边框之间的距离。 2．表格属性与单元格属性的设置 3．了解表格中的HTML 在表格设计的HTML中的主要标签包括： table ／table其中的内容屑于一个表格 tr ／tr其中的内容属于一行 td ／td其中的内容属于一列 4．表格的设计与处理 5．利用表格进行网页排版 6.表格排序 五、表单的使用 1．表单的基本概念 1)表单的作用：收集用户的信息。 2)表单的工作组成：分为前台和后台两个部分，后台往往需要一些编程语言辅助完成。 3)表单的工作过程： 访问者在浏览有表单的网页时，可填写必须的信息，然后单击“提交”按钮。 这些信息通过Internet传送到服务器上。 服务器上专门的程序对这些数据进行处理，如果有错误会返回 错误信息，并要求纠正错误。 当数据完整无误后，服务器反馈一个输人完成信息。 4)表单的组成：一个表单域和若干表单元素。 5)表单的提交方法：GET将浏览者提供的信息附加在URL地址的后面提交到服务器；POST表单信息将以文件的形式提交，安全系数高。 2．插入各种表单对象 1)文本域 2)隐藏域 3)按钮 4)单选按钮（组） 5)复选框 6)列表／菜单 7)跳转菜单 8)文件域 9)图像域 六、使用CSS样式表 1．样式表基础 1)概念：简称CSS，是一系列格式规则，用于控制网页内容的外观。 2)作用：控制传统的文本属性、特殊的html属性(对象位置、图片效果、鼠标指针等)。 3)特点： 格式与结