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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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中的主要标签包括:

</table>其中的容屑于一个表格

</tr>其中的容属于一行

</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)保存方式: