| <／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）保存方式： 保存框架集文件、多个框架文件。 2．框架的创建与使用 八、层的使用 1．层的基本概念 1）层： CSS中的定位技术，在Dreamweaver中可对其进行可视化操作。 层体现了网页技术从二维空间向三维空间的一种延伸。 2）层的特点： 重叠、便于移动、可设为隐藏。 3）利用层与表格进行的排版： 不是所有的浏览器都支持层。 利用层做对象的定位，然后将层转化为表格。 2．层与排版 九、时间轴和行为的使用 1．使用时间轴制作动画 制作动画需要将层和“时间轴”面板配合起来。 利用时间轴，可以更改层的位置、大小、可见性和层叠顺序。 2．使用行为制作动态网页 行为是指能够简单运用制作动态网页的JavaScript的功能，它提高了网站的可交互性。 1）行为的组成： 由动作和事件组成。 例如，当鼠标指针指向一张图片，图片发生轮替，此时鼠标移动被称为事件，图片发生的变化称之为动作。 一般的动作是由事件来激活动作。 2）动作： 由预先写好的能够执行某种任务的JavaScript代码组成， 这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止Shockwave影片。 3）事件： 与浏览器用户的操作相关，如鼠标的滚动等。 onfocus事件发生在窗口得到焦点的时候。 应用于： window对象 onload事件发生在文档全部下载完毕的时候。 全部下载完毕意味着不但HTML文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。 本事件是window的事件，但是在HTML中指定事件处理程序的时候，我们是把它写在 标记中的。 应用于： window对象 onmousedown事件发生在用户把鼠标放在对象上按下鼠标键的时候。 参考onmouseup事件。 应用于： Button对象；Link对象 onmouseout事件发生在鼠标离开对象的时候。 参考onmouseover事件。 应用于： Link对象 onmouseover事件发生在鼠标进入对象范围的时候。 这个事件和onmouseout事件，再加上图片的预读，就可以做到当鼠标移到图像连接上，图像更改的效果了 应用于： Link对象 onmouseup事件发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标键的时候。 如果按下鼠标键的时候，鼠标并不在放开鼠标的对象上，则本事件不会发生。 应用于： Button对象；Link对象。 onDblClick双击事件 onclick事件发生在对象被单击的时候。 单击是指鼠标停留在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个完整的过程。 一个普通按钮对象（Button）通常会有onclick事件处理程序，因为这种对象根本不能从用户那里得到任何信息，没有onclick事件处理程序就等于废柴。 按钮上添加onclick事件处理程序，可以模拟“另一个提交按钮”，方法是： 在事件处理程序中更改表单的action,target,encoding,method等一个或几个属性，然后调用表单的submit（）方法。 在Link对象的onclick事件处理程序中返回false值（returnfalse），能阻止浏览器打开此连接。 即，如果有一个这样的连接： Go! ，那么无论用户怎样点击，都不会去到网站，除非用户禁止浏览器运行JavaScript。 应用于： Button对象；Checkbox对象；Image对象；Link对象；Radio对象；Reset对象；Submit对象 十、网站的上传与维护 1．检查目标浏览器 2．创建站点报告 3．上传网站 感谢下载! 欢迎您的下载，资料仅供参考
展开阅读全文
相关搜索
|