Dreamweaver网页设计课程的核心知识点
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《Dreamweaver网页设计》课程的核心知识点在学习的过程中,请同学们重点关注以下知识点。
一、建立站点
本地站点和远程站点的概念。
搭建站点的两种方法:使用向导来完成,利用高级设定来完成。
练习:按照下述要求建立站点
1.新建本地根文件夹:在指定的文件夹中新建本地根文件夹并命名为root,在该文件夹中新建子文件夹,用于存放图片等文档。
2.定义站点:
◆设置“站点名称”:定义Dreamweaver站点,命名为“Myweb'’。
◆设置本地根文件夹:本地根文件夹指定为root文件夹。
◆设置首页:设置首页为index.htm。
二、有关HTML文件的基础知识(很重要)
1.HTML:Hyper Text Markup Language超文本标记语言
2. 直接由浏览器解释执行,无须编译。
3.语法结构:包括文档头部和文档主体。
下面是HTML代码的基本结构:
头部信息
</HEAD>
文档主体,正文部分
</BODY>
</HTML>
4. 标签
1)用<和>包围起来的代码
2)包括单标签和双标签
◆单标签
表示换行
表示插入一条水平线
◆双标签
<始标签> 容 </尾标签>
例如:加粗文字</B>
3)标签的属性
<标签的名字属性1属性2属性3>
属性之间没有顺序关系
属性值尽量用英文输入法下的全角引号包围。
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中的主要标签包括:
</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)特点: ◆格式与结构分离; ◆控制页面布局; ◆减小网页的“体积”; ◆同时更新网页。 4)类型:类样式,标签样式,高级样式。 ◆类样式:也称为自定义样式表,可以将样式属性设置为任何文本围或文本块中,所有样式均以.开头,出现“Class”属性,出现“</Span>”标签。 ◆标签样式:针对标签定义的样式,将对整个标签的容有效。 ◆高级样式:使用“ID”属性,常见的有4种: a:link设定正常状态下文字的样式。 a:active设定鼠标单击时文字的外观。 a:visited设定访问过的文字的外观。 a:hover设定鼠标放置在文字之上时文字的外观。 5)语法规则: 由两个部分组成:选择器和声明,选择器就是样式的名称,包括自定义的类,HTML标签和CSS选择器样式。比如“.mycss”为自定义的类,“td”为标准HTML 标签,而“a:link”则是CSS选择器样式; 声明则是用于定义样式元素的。声明又分两部分:属性(如font-size)和值(如12px)。对于一个选择器而言,可以有多个声明。比如一个声明是表示颜色,一个声明是表示大小等。 2.样式表的设置与使用 3.和导入样式 七、框架的使用 1.框架的基本概念 1)作用:把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。 2)组成: 框架集(Frameset):也是一个网页文件,它将一个窗口通过行和列分割成多个框架,每个框架中要显示的就是不同的网页文件。 框架(Frame):浏览器窗口中的一个区域,可以显示与浏览器窗口中的其余部分中所显示容无关的网页文件。 3)保存方式: |