网页设计与制作 DreamweaveCs5第六讲

2020/10/13
5
链接
路径 -绝对路径 -相对路径
目标
2020/10/13
6ቤተ መጻሕፍቲ ባይዱ
插入透明flash
插入布局对象-AP Div 在其中插入Flash-属性面板-设置透明
2020/10/13
7
谢谢您的指导
THANK YOU FOR YOUR GUIDANCE.
感谢阅读！为了方便学习和使用，本文档的内容可以在下载后随意修改，调整和打印。欢迎下载！
属性
behavior 滚动方式 alternate;scroll;slide direction 滚动方向 down;right;up;left scrolldelay 滚动延迟时间 height 活动字幕高度
蓝色字
鼠标指向时滚动字幕时停止，移开时继续滚动
2020/10/13
4
表格特效
光标定位表格中，代码视图 <td …>中输入 onmouseover="this.bgColor='#66FF99' " onmouseout="this.bgColor='#FFFFFF'"
2020/10/13
2
文本
空格
-Ctrl+Shift+空格
-代码中文字前加&nbsp;
换行
-shift+Enter
-代码中文字后加<br />
2020/10/13
3
滚动字幕
文字两端分别填加标签
<marquee behavior="scroll" direction="up" scrolldelay="150" height="100" id=ad onmouseover=ad.stop() onmouseout=ad.start()> ……………. </marquee>

6.2 通过邮件接收表单
表单中的信息输入完毕以后需要将信息提供给 服务器端的相关人员，用户可以通过表单域属性 面板中的“动作”属性指定通过电子邮件接收表 单数据。 在属性面板的“动作”文本框中输入 mailto:***@***.***,也就是在mailto后面加上邮 件地址。在浏览者提交表单后，会弹出窗口询问 是否继续以电子邮件形式提交，单击“确定”按 钮，浏览器会自动打开Outlook或Outlook Express， 将表单中的数据整理为E-mail内容发送到设定的 信箱中去。
《网页设计与制作》
第六章 交互式表单制作源自讲解提纲• 6.1 创建表单 • 6.2 通过邮件接收表单
• 6.3 制作跳转菜单
6.1 创建表单
使用表单，可以帮助Internet服务器从用户 那里收集信息，它由两部分组成：前台显示页面 和后台处理程序。前台显示页面用于显示表单的 内容，主要包括文本域、单选按钮、复选框、菜 单和提交按钮等。后台处理程序用于处理用户提 交的表单数据。 在 Dreamweaver 中，表单输入类型称为表 单对象。可以通过选择“插入”菜单“表单”子 菜单来插入表单对象，或者通过 “插入”工具栏 的“表单”子工具栏来插入表单对象。
3.插入单选按钮 要求浏览者只能从一组选项中选择一个选项 时，使用单选按钮。单选按钮通常成组地使用，在 同一组中的每个单选按钮的名称必须一致，这样整 个单选组才能有效。 要插入单选按钮，将光标定位后，单击“表 单”工具栏上的“单选按钮”按钮，即可插入一个 单选按钮。
4.插入复选框 复选框允许在一组选项中选择多项，用户可 以选择任意多个适用的选项。 要插入复选框，将光标定位后，单击“表单” 工具栏上的“复选框”按钮，即可插入一个复选 框。 5.插入文件域 文件域使用户可以浏览到其硬盘上的文件， 并将这些文件作为表单数据上传， 要插入文件域，将光标定位后，单击“表单” 工具栏上的“文件域”按钮，即可插入一个文件 域。

网页设计与制作—Dreamweaver CS5标准教程
46 单击菜单中【其他字符…】项，可在打
开的【插入其他字符】对话框中选择更多的特
殊字符插入到网页中，如图3-63所示。

（2）使用【插入】面板插入特殊字符。

在【文档】窗口中将光标置于要插入特
殊字符的位置。

选择【插入】面板的【文本】选项卡，
单击【字符】展开式工具按钮，单击选择需要
插入的特殊字符，如图3-64所示。

图3-63 图3-64 单击【其他字符】按钮，可在打开的【插入其他字符】对话框中选择更多的特殊字符。

设置文本缩进格式可以通过以下几种方法实现。

（1）单击【属性】中【内缩区块】按钮
或【删除内缩区块】按钮，使文本段落向右或向左缩进。

（2）选择菜单【格式】|【缩进】或【格式】|【凸出】命令实现文本缩进。

（3）按<Ctrl+Alt+]>或<Ctrl+Alt+[>快捷键实现文本缩进。

3.3
水平线 水平线在网页文档中经常被用到，它主要用于分隔文档内容，使文档结构清晰明了，便于浏览。

—个人网站
案例学习目标：学习使用水平线。

案例知识要点：插入水平线并设置其颜色、宽度、粗细等属性。

素材所在位置：光盘/案例素材/ch03/课堂案例-个人网站。

案例效果如图3-65所示。

以素材“课堂案例-个人网站”为本地站点文件夹，创建名称为“个人网站”的站点。

图3-62。

2.2.3 “插入”面板
单击文档窗口右侧浮动面板组中的“插入”按钮，即可弹出以前熟悉的“插入”面 板。
“插入”面板共有8类对象元素，包含一些最常用的项目：常用、布局、表单、数 据、Spry、InContext Editing、文本和收藏夹。“插入”面板的初始视图为“常用” 面板，单击“插入”面板中“常用”面板右侧的倒三角形按钮，即可在弹出的下拉 列表中选择需要的面板，从而在不同的面板之间进行切换。如图所示。
所谓动态网页，是指服务器会针对不同的使用者以及不同的要求执行不同的程序， 从而提供不同的服务，一般与数据库有关。这种网页通常在服务器端以扩展名asp、 jsp或是aspx 等储存。动态网页的页面自动生成，无须手工维护和更新HTML文档； 不同的时间、不同的人访问同一网址时会产生不同的页面。
动态网页与静态网页的最大不同就是Web服务器和用户之间的动态交互，这也是 Internet强大生命力的体现。
第1章 网页制作基础知识
本章重点
本章和网页制作的基本步骤，然后简要介绍设计制作网页的常用工 具，重点介绍Adobe公司最新推出的Dreamweaver CS5，它涵盖了 网页制作与站点管理，是使用最多的网页制作工具之一。
学习目的
通过本章的学习，您可以：
网页与网站 网站建设的基本步骤
1.1 网页与网站
网页是网络上的基本文档，网页中包含文字、图片、声音、动画、影像以及 链接等元素，通过对这些元素的有机组合，就构成了包含各种信息的网页。简单 地说，通过浏览器在WWW上所看到的每一个超文本文件都是一个网页，而通过 超链接连接在一起的若干个网页的集合即构成网站。
通常我们看到的网页，都是以.htm、.html、.shtml等为后缀的文件。在网站设计 中，这种纯粹HTML格式的网页通常被称为静态网页。静态网页的内容是固定的， 当用户浏览网页内容时，服务器仅仅是将已有的静态HTML文档传送给浏览器供用 户阅读。若网站维护者要更新网页的内容，就必须手工更新所有的HTML文档。