商务网站设计实用教程 教学课件 作者 聂良刚　庞大连 第5章.ppt

（2）表格的插入和设置 1）单击工具项中的表格图标，在弹出的对话框中设置表格。设置要创建的表格行和列的数量，点击确定按钮。 选取单个格子，是设置单元格属性内容。 3.表格使用的原则： ①整个页面不要都套在一个表格里，尽量拆分成多个表格（以行为单位）。 ②单一表格的结构尽量整齐。 ③表格嵌套层次尽量要少。 ④当某表格模块需要复杂化的时候，使用表格嵌套。 ⑤表格尽量使用固定大小即用像素来确定表格大小。 ⑥表格都要进行居中设置。 5.3.3 文本对象的添加和设置 1.文本添加 常用的方式有两种：直接录入和从已有的文档中复制。 2.文本设置 Dreamweaver MX中我们通过文字属性面板，可以直观的设置文字的显示风格。 3.网页文字设置原则： ①不要使用超过3种以上的字体。字体太多则显得杂乱，没有统一风格。 ②不要用太大的字。因为版面是宝贵，有限的，字体过大只能使得网页粗陋。 ③不要使用不停闪烁的文字。 ④标题的字体较正文大，颜色也应和正文有所区别。 5.3.4 图片的插入和设置 1.在网页中添加图片 （1）设置插入点。在欲插入图片的位置点击鼠标，使光标停留在该处。 （2）点击常用工具箱中的插入图像图标 或通过插入菜单 插入/图片/来自文件，在弹出的图像浏览窗口中选取图片。点击确定按钮完成插入图片。 2.图片属性设置 图片添加到页面后，我们还可以设置它相关的显示风格。如高、宽、替代文字和链接的内容。 5.4 网页修饰 5.4.1 样式表CSS简介 CSS是Cascading Style Sheets的简称，中文全称为串接样式表，简称样式表。CSS用以规范整个网页的排版与风格，并弥补了HTML规格里的不足，也让网页的设计更为灵活。 5.4.2 样式表的创建 1.创建步骤 （1）创建方式 1）通过Dreamweaver MX，我们可以轻松的创建和修改所需的CSS样式表。点击菜单“文本/CSS 样式/新建CSS 样式”选项，会弹出新建样式表对话框。 （2）类型设置 通过新建样式表对话框，我们可以根据需要选择创建一个嵌入网页的样式表或独立的样式表文件。 1.CSS滤镜简介 随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。 CSS扩展部分的CSS滤镜属性（Filter Properties），使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML标记上，例如图片、文本容器、以及其他一些对象。 对于滤镜和渐变效果，前者是基础，因为后者就是滤镜效果的不断变化和更替。 当滤镜和渐变效果结合到一个基本的SCRIPT小程序中后，网页设计者就可以拥有一个建立动态交互文档的强大工具。也就是CSS FILTER+SCRIPT，这就说明想要建立动态的文档还要一些SCRIPT（脚本语言）的基础。 5.4.3 CSS滤镜 2.滤镜的使用方法 Dreamweaver MX样式表定义对话框：分类选扩展，过滤器中就是各种滤镜的名称和参数。 5.5表单和客户端脚本 5.5.1 表单 1.表单基础 表单是一种特殊的页面标记，主要负责数据采集的功能。它是网页与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后，按下“提交资料”按钮，这样所填资料的数据就会通过专门的CGI接口传到Web服务器上。网页的管理者随后就能在Web服务器上看到用户填写的资料，从而完成从用户到网站之间的反馈和交流。 2.创建表单 form称为表单标记，用以构建表单模式，属于一个容器标记，其它表单标记需要在它的范围中才有效。 （1）创建表单标签。 在Dreamweaver MX中，打开表单工具箱，工具箱中第一个图标就是表单标签。要想在网页上放置表单控件，必须先创建表单标签。 （2）设置表单标签属性 表单标签的属性实际上就是表单form标记的参数。 action=http:// / cgi-local / example.cgi 表单通常是与服务端程序配合使用的，参数action便是用以指明该服务端程序的位置，这样此表单所填的资料才能正确传给服务端程序作处理。若没有服务端程序进行测试，可设定此参数为ACTION=mailto:your@，那样该表单所填的资料将寄到此电邮地址。 method=POST 传送资料给服务端程序的的方式，可选值为POST,GET。 当method=get时，将输入数据加在action指定的地址后面传送到服务器； 当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用电子邮件接收用户信息采用这种方式。 3.表单的验证的设置