Dreamweaver网页设计课程的核心知识点_第1页
Dreamweaver网页设计课程的核心知识点_第2页
Dreamweaver网页设计课程的核心知识点_第3页
Dreamweaver网页设计课程的核心知识点_第4页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、精品Dreamweaver网页设计课程的核心知识点在学习的过程中，请同学们重点关注以下知识点。一、建立站点本地站点和远程站点的概念。搭建站点的两种方法：使用向导来完成，利用高级设定来完成。练习：按照下述要求建立站点1 新建本地根文件夹： 在指定的文件夹中新建本地根文件夹并命名为 root ，在该文件夹中新建子文件夹，用于存放图片等文档。2 定义站点：设置“站点名称”：定义 Dreamweaver站点，命名为“ Myweb' 。设置本地根文件夹：本地根文件夹指定为root 文件夹。设置首页：设置首页为index.htm。二、有关 HTML 文件的基础知识（很重要）1 HTML ：Hype

2、r Text Markup Language超文本标记语言2. 直接由浏览器解释执行，无须编译。3 语法结构：包括文档头部和文档主体。下面是 HTML 代码的基本结构：<HTML><HEAD>头部信息< HEAD><BODY>文档主体，正文部分感谢下载载精品< BODY>< HTML> 4. 标签1) 用< 和 > 包围起来的代码2) 包括单标签和双标签单标签<BR> 表示换行<HR> 表示插入一条水平线双标签< 始标签 > 内容 < 尾标签 >例如： <B

3、> 加粗文字 < B>3) 标签的属性< 标签的名字属性 1 属性 2 属性 3>属性之间没有顺序关系属性值尽量用英文输入法下的全角引号包围。<HR SIZE=3ALIGN=LEFTWIDTH="75">SIZE：线的粗细ALIGN ：对齐方式WIDTH ：水平线的长度4) 重要的标签头部标签主体标签图片标签文字标签感谢下载载精品字体标签列表标签表格标签表单标签三、基本网页设计1设置页面属性2设置文件头信息3网页中的文字、文字设置4网页中的图像、图像设置5图文混排的网页6网页链接的设计1) 相对路径与绝对路径2) 制作 Email

4、链接3) 制作锚点链接4) 制作图像映射即热点5) 制作脚本链接7多媒体网页的设计1) 在网页中插入 Flash 动画2) 在网页中插入 Flash 按钮与文字3) 在网页中插入 Flash 图片播放器4) 在网页中插入 Applet5) 在网页中使用翻转图片6) 在网页中使用导航条7) 在网页中插入音频感谢下载载精品8) 插入与控制滚动文字9 插入水平线8 各种对象的属性面板四、表格的使用1“表格”对话框中1) 表格宽度：单位有像素和百分比两种；按像素定义的表格大小是固定，按百分比定义的表格，表格随浏览器的大小变化。2) 边框粗细：指表格边框的粗细； 0 为无边框， 1 为有边框。3) 单元

5、格边距：表示单元格中的内容和单元格边框之间的距离。2表格属性与单元格属性的设置3了解表格中的HTML在表格设计的 HTML 中的主要标签包括：<table>< table> 其中的内容屑于一个表格<tr>< tr> 其中的内容属于一行<td>< td> 其中的内容属于一列4表格的设计与处理5利用表格进行网页排版6.表格排序五、表单的使用1 表单的基本概念1) 表单的作用：收集用户的信息。2) 表单的工作组成： 分为前台和后台两个部分， 后台往往需要一些编程语言辅助完成。3) 表单的工作过程：访问者在浏览有表单的网页时， 可

6、填写必须的信息，然后单击“提感谢下载载精品交”按钮。这些信息通过 Internet传送到服务器上。服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输人完成信息。4) 表单的组成：一个表单域和若干表单元素。5) 表单的提交方法： GET 将浏览者提供的信息附加在 URL 地址的后面提交到服务器； POST 表单信息将以文件的形式提交，安全系数高。2 插入各种表单对象1) 文本域2) 隐藏域3) 按钮4) 单选按钮（组）5) 复选框6) 列表菜单7) 跳转菜单8) 文件域9) 图像域六、使用 CSS 样式表1 样式表基础1) 概念：简

7、称 CSS，是一系列格式规则，用于控制网页内容的外观。2) 作用：控制传统的文本属性、特殊的 html 属性 (对象位置、图片效果、鼠标指针等 )。3) 特点：格式与结构分离；感谢下载载精品控制页面布局；减小网页的“体积” ；同时更新网页。4) 类型：类样式，标签样式，高级样式。类样式：也称为自定义样式表，可以将样式属性设置为任何文本范围或文本块中，所有样式均以开头，出现“Class ”属性，出现“ <Span>< Span> ”标签。标签样式：针对标签定义的样式，将对整个标签内的内容有效。高级样式：使用“ ID ”属性，常见的有 4 种：a：link 设定正常状态下链

8、接文字的样式。a：active 设定鼠标单击时链接文字的外观。a：visited 设定访问过的链接文字的外观。a：hover 设定鼠标放置在链接文字之上时文字的外观。5) 语法规则：由两个部分组成： 选择器和声明，选择器就是样式的名称， 包括自定义的类， HTML 标签和 CSS 选择器样式。比如“ .mycss ”为自定义的类，“td ”为标准 HTML 标签，而“ a:link ”则是 CSS 选择器样式；声明则是用于定义样式元素的。 声明又分两部分： 属性（如 font-size ）和值（如 12px ）。对于一个选择器而言，可以有多个声明。比如一个声明是表示颜色，一个声明是表示大小等。

9、2 样式表的设置与使用3 链接和导入样式七、框架的使用1框架的基本概念1) 作用：把浏览器窗口划分为若干个区域， 每个区域可以分别显示不同的网页。感谢下载载精品2) 组成：框架集 (Frameset) ：也是一个网页文件， 它将一个窗口通过行和列分割成多个框架，每个框架中要显示的就是不同的网页文件。框架 (Frame) ：浏览器窗口中的一个区域，可以显示与浏览器窗口中的其余部分中所显示内容无关的网页文件。3) 保存方式：保存框架集文件、多个框架文件。2 框架的创建与使用八、层的使用1 层的基本概念1) 层：CSS 中的定位技术， 在 Dreamweaver 中可对其进行可视化操作。 层体现了网

10、页技术从二维空间向三维空间的一种延伸。2) 层的特点：重叠、便于移动、可设为隐藏。3) 利用层与表格进行的排版：不是所有的浏览器都支持层。利用层做对象的定位，然后将层转化为表格。2 层与排版九、时间轴和行为的使用1 使用时间轴制作动画制作动画需要将层和“时间轴”面板配合起来。利用时间轴，可以更改层的位置、大小、可见性和层叠顺序。2 使用行为制作动态网页行为是指能够简单运用制作动态网页的 JavaScript 的功能，它提高了网站的可交互性。1) 行为的组成：由动作和事件组成。例如，当鼠标指针指向一张图片， 图片发生轮替，此时鼠标移动被称为事件，图片发生的变化称之为动作。一般的动作是由事件来激活

11、动作。感谢下载载精品2) 动作：由预先写好的能够执行某种任务的 JavaScript 代码组成，这些代码执行特定的任务， 例如打开浏览器窗口、显示或隐藏层、播放声音或停止 Shockwave 影片。3) 事件：与浏览器用户的操作相关，如鼠标的滚动等。onfocus事件 发生在窗口得到焦点的时候。应用于： window对象onload 事件 发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。本事件是 window 的事件，但是在 HTML 中指定事件处理程序的时候，我们是把它写在 <body>标记中的。应用于

12、： window对象onmousedown 事件 发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onmouseup 事件。应用于： Button对象； Link 对象onmouseout事件 发生在鼠标离开对象的时候。参考onmouseover事件。应用于： Link对象onmouseover 事 件 发 生 在 鼠 标 进 入 对 象 范 围 的 时 候 。 这 个 事 件 和 onmouseout 事件，再加上图片的预读，就可以做到当鼠标移到图像连接上，图像更改的效果了应用于： Link对象onmouseup 事件 发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标键的时候。如果

13、按下鼠标键的时候，鼠标并不在放开鼠标的对象上，则本事件不会发生。应用于： Button对象； Link 对象。onDblClick双击事件onclick事件 发生在对象被单击的时候。单击是指鼠标停留在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个完整的过程。感谢下载载精品一个普通按钮对象（ Button ）通常会有onclick事件处理程序，因为这种对象根本不能从用户那里得到任何信息，没有onclick事件处理程序就等于废柴。按钮上添加onclick事件处理程序，可以模拟“另一个提交按钮”，方法是：在事件处理程序中更改表单的action, target, encoding, method等一个或几个属性，然后调用表单的submit()方法。在 Link对象的onclick事件处理程序中返回false值（ returnfalse ），能阻止 浏 览 器 打 开 此 连 接 。 即 ， 如 果 有 一 个 这 样 的 连 接 ： <ahref="" onclick="r

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论