版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
《Dreamwｅaver网页设计》课程的核心知识点在学习的过程中，请同学们重点关注以下知识点。一、建立站点本地站点和远程站点的概念。搭建站点的两种方法:使用向导来完毕，运用高级设定来完毕。练习：按照下述规定建立站点1．新建本地根文献夹:在指定的文献夹中新建本地根文献夹并命名为ｒoｏｔ，在该文献夹中新建子文献夹,用于存放图片等文档。2．定义站点：设立“站点名称”：定义Dreamｗeaveｒ站点,命名为“Mｙｗｅb＇’。设立本地根文献夹：本地根文献夹指定为ｒoot文献夹。设立首页:设立首页为inｄeｘ.htm。二、有关HTML文献的基础知识(很重要)１．ＨTML：HｙpeｒTextMａrｋupLanｇｕage超文本标记语言２.直接由浏览器解释执行,无须编译。３.语法结构：涉及文档头部和文档主体。下面是HＴML代码的基本结构：<HTML＞<ＨEAD>头部信息<／HＥAD><BODＹ>文档主体，正文部分</BＯDY></HTML＞４.标签１)用<和>包围起来的代码２)涉及单标签和双标签单标签<BR>表达换行<HＲ>表达插入一条水平线双标签<始标签>内容＜/尾标签>例如:＜B＞加粗文字</B>3)标签的属性<标签的名字属性1属性2属性3＞属性之间没有顺序关系属性值尽量用英文输入法下的全角引号包围。<HRＳIZＥ＝3ＡLIGN=ＬEFＴWＩDTH＝"75%">SＩZE:线的粗细AＬIGN:对齐方式ＷIDTH：水平线的长度4)重要的标签头部标签主体标签图片标签文字标签字体标签列表标签表格标签表单标签三、基本网页设计1．设立页面属性2.设立文献头信息３.网页中的文字、文字设立４.网页中的图像、图像设立５．图文混排的网页６．网页链接的设计1）相对途径与绝对途径２)制作Eｍａiｌ链接3）制作锚点链接４)制作图像映射即热点5)制作脚本链接7.多媒体网页的设计1)在网页中插入Ｆｌａｓh动画2）在网页中插入Fｌash按钮与文字３）在网页中插入Flaｓｈ图片播放器4)在网页中插入Aｐplet５)在网页中使用翻转图片6)在网页中使用导航条7)在网页中插入音频8)插入与控制滚动文字９插入水平线8．各种对象的属性面板四、表格的使用1.“表格”对话框中１)表格宽度:单位有像素和比例两种；按像素定义的表格大小是固定，按比例定义的表格，表格随浏览器的大小变化。２)边框粗细:指表格边框的粗细；0为无边框,１为有边框。3）单元格边距:表达单元格中的内容和单元格边框之间的距离。2．表格属性与单元格属性的设立3.了解表格中的HTML在表格设计的HTML中的重要标签涉及：<tablｅ><／taｂle>其中的内容屑于一个表格<tｒ><／tr>其中的内容属于一行<td></td>其中的内容属于一列4．表格的设计与解决5．运用表格进行网页排版6.表格排序五、表单的使用1．表单的基本概念１)表单的作用：收集用户的信息。2)表单的工作组成：分为前台和后台两个部分，后台往往需要一些编程语言辅助完毕。3)表单的工作过程：访问者在浏览有表单的网页时,可填写必须的信息，然后单击“提交”按钮。这些信息通过Ｉnｔernｅt传送到服务器上。服务器上专门的程序对这些数据进行解决，假如有错误会返回错误信息，并规定纠正错误。当数据完整无误后,服务器反馈一个输人完毕信息。4)表单的组成:一个表单域和若干表单元素。５)表单的提交方法：ＧET将浏览者提供的信息附加在URL地址的后面提交到服务器;PＯSＴ表单信息将以文献的形式提交,安全系数高。２．插入各种表单对象1)文本域2)隐藏域3)按钮４)单选按钮(组)5)复选框6)列表／菜单7)跳转菜单8）文献域9)图像域六、使用CSS样式表1．样式表基础１)概念:简称CＳＳ，是一系列格式规则，用于控制网页内容的外观。2)作用：控制传统的文本属性、特殊的html属性(对象位置、图片效果、鼠标指针等）。3）特点:格式与结构分离;控制页面布局；减小网页的“体积”;同时更新网页。４)类型:类样式，标签样式,高级样式。类样式：也称为自定义样式表,可以将样式属性设立为任何文本范围或文本块中,所有样式均以．开头，出现“Clasｓ”属性，出现“<Spａn></Span＞”标签。标签样式:针对标签定义的样式，将对整个标签内的内容有效。高级样式：使用“ID”属性，常见的有4种:a：ｌinｋ设定正常状态下链接文字的样式。a:active设定鼠标单击时链接文字的外观。a：visited设定访问过的链接文字的外观。ａ:hｏvｅr设定鼠标放置在链接文字之上时文字的外观。５)语法规则：由两个部分组成：选择器和声明，选择器就是样式的名称，涉及自定义的类，HＴML标签和ＣSS选择器样式。比如“.mｙcss”为自定义的类，“tｄ”为标准HTML标签,而“a:link”则是CＳS选择器样式;声明则是用于定义样式元素的。声明又分两部分:属性(如ｆont-siｚｅ）和值（如1２px)。对于一个选择器而言，可以有多个声明。比如一个声明是表达颜色,一个声明是表达大小等。2．样式表的设立与使用3．链接和导入样式七、框架的使用1．框架的基本概念１)作用:把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。２)组成：框架集(Frameseｔ)：也是一个网页文献，它将一个窗口通过行和列分割成多个框架,每个框架中要显示的就是不同的网页文献。框架(Ｆrame)：浏览器窗口中的一个区域，可以显示与浏览器窗口中的其余部分中所显示内容无关的网页文献。3)保存方式：保存框架集文献、多个框架文献。２.框架的创建与使用八、层的使用１.层的基本概念1)层：CＳS中的定位技术,在Dreamｗeaｖer中可对其进行可视化操作。层体现了网页技术从二维空间向三维空间的一种延伸。2)层的特点：重叠、便于移动、可设为隐藏。3)运用层与表格进行的排版：不是所有的浏览器都支持层。运用层做对象的定位，然后将层转化为表格。2．层与排版九、时间轴和行为的使用1.使用时间轴制作动画制作动画需要将层和“时间轴”面板配合起来。运用时间轴，可以更改层的位置、大小、可见性和层叠顺序。2.使用行为制作动态网页行为是指可以简朴运用制作动态网页的ＪａvaScrｉpｔ的功能,它提高了网站的可交互性。１)行为的组成:由动作和事件组成。例如，当鼠标指针指向一张图片，图片发生轮替，此时鼠标移动被称为事件,图片发生的变化称之为动作。一般的动作是由事件来激活动作。2）动作:由预先写好的可以执行某种任务的JavaScｒipt代码组成,这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止Shockwａve影片。３)事件:与浏览器用户的操作相关，如鼠标的滚动等。onｆoｃus事件发生在窗口得到焦点的时候。应用于:windoｗ对象onｌoａd事件发生在文档所有下载完毕的时候。所有下载完毕意味着不仅HTML文献,并且包含的图片,插件,控件，小程序等所有内容都下载完毕。本领件是ｗinｄｏw的事件，但是在HTML中指定事件解决程序的时候,我们是把它写在<body>标记中的。应用于：window对象ｏｎmousedowｎ事件发生在用户把鼠标放在对象上按下鼠标键的时候。参考oｎｍouseup事件。应用于：Bｕtton对象；Link对象oｎmｏｕseoｕt事件发生在鼠标离开对象的时候。参考ｏnmouseover事件。应用于:Link对象onmoｕseｏver事件发生在鼠标进入对象范围的时候。这个事件和oｎmouｓeoｕｔ事件,再加上图片的预读,就可以做到当鼠标移到图像连接上，图像更改的效果了
应用于：Ｌinｋ对象oｎmoｕseuｐ事件发生在用户把鼠标放在对象上鼠标键被按下的情况下,放开鼠标键的时候。假如按下鼠标键的时候，鼠标并不在放开鼠标的对象上,则本领件不会发生。应用于:Button对象；Link对象。onDbｌClick双击事件ｏnclｉｃk事件发生在对象被单击的时候。单击是指鼠标停留在对象上,按下鼠标键，没有移动鼠标而放开鼠标键这一个完整的过程。一个普通按钮对象(Bｕtton)通常会有oncｌiｃk事件解决程序,由于这种对象主线不能从用户那里得到任何信息，没有onclｉck事件解决程序就等于废柴。按钮上添加oｎclicｋ事件解决程序，可以模拟“另一个提交按钮”,方法是：在事件解决程序中更改表单的ａction,tａｒgｅｔ,ｅncodiｎｇ,meｔhod等一个或几个属性,然后调用表单的submit（）方法。在Link对象的onclick事件解决程序中返回falｓｅ值(retｕrnｆalsｅ),能阻止浏览器打开此连接。即，
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论