第6章 Dreamweaver 8网页制作工具.ppt

步骤: （1）将本实验素材复制到桌面DW15文件夹，新建站点“海大社团调查”，本地根文件夹为DW15 （2）创建新的网页，名为form.htm，网页中输入第一行文本为“上海海事大学学生社团调查问卷表”，并设为居中、魏、36像素 在网页空白处单击右键，在“页面属性”窗口中，设置网页的背景图片为hudie.jpg，网页默认文本大小为12像素 * 计算机应用能力水平 * （3）插入表单：“插入”菜单中选“表单”，出现表单的红色虚线框 （4）在表单中插入一个12行*4列的表格：“插入”里选“表单”中的“表格” * 计算机应用能力水平 * （5）插入文本域：在表格的第1行第1个单元格输入“姓名：”，在后面一个单元格插入表单里的文本框 （6）插入单选按钮：在表格的第2行的第1个单元格输入“性别：”，在后面一个单元格插入单选按钮“男”，在第三个单元格插入单选按钮“女”。 （7）插入列表：在表格的第3行的第1个单元格输入“学历：”，在后面一个单元格插入列表，并添加列表值 * 计算机应用能力水平 * （8）合并第4行所有单元格，输入“你通过哪种方式参加社团？”。 （9）在第5行各单元格中分别输入参加社团的方式：“自行报名”，“同学介绍”，“网上报名”，“老师推荐”，采用表单中的单选按钮。 * 计算机应用能力水平 * （10）合并第6行所有单元格，输入“你哪个时段方便参加社团活动?”。 （11）插入复选框：在第7行的各单元格分别输入复选框，“晚6-7点”，“晚7-8点”，“周六”，“周日”， （12）在第8行合并所有单元格。输入文本“你喜欢参加社团的活动？” （13）在第9行分别输入单选按钮： “喜欢”，“不喜欢”，“一般”，“无所谓” * 计算机应用能力水平 * （14）插入文本区域：合并第10行所有单元格，输入文本“你的建议：”，然后插入文本区域 （15）插入按钮：在第12行相应的单元格位置插入“提交”和“清除”两个按钮 * 计算机应用能力水平 * 6.4 Dreamweaver的表格 6.4.1 插入表格 * 计算机应用能力水平 * 6.4.2 选择单元格对象 选择整个表格 要选中某一单元格 * 计算机应用能力水平 * 6.4.3 设置表格属性 * 计算机应用能力水平 * 6.4.4 单元格属性 * 计算机应用能力水平 * 6.4.5表格的行和列 * 计算机应用能力水平 * 6.4.6 拆分与合并单元格 * 计算机应用能力水平 * 6.4.7 表格的格式化 * 计算机应用能力水平 * 6.5 框架网页的制作 6.5.1 框架的结构 框架网页是把浏览器的窗口分割成几个区域，在每个区域分别放入一个网页，从而实现一个浏览器窗口显示多个网页。框架网页的优点是方便实现导航，结构清晰，风格统一。 * 计算机应用能力水平 * 6.5.2 创建框架 * 计算机应用能力水平 * 1. 点“文件”菜单--新建--框架集，弹出“新建文档” 2. 选择「窗口」菜单＞“框架” * 计算机应用能力水平 * 3. 从框架面板可知，系统对左右框架生成命名。左框架名为：leftFrame，右框架名为：mainFrame 4. 保存框架 5. 制作信息学院的网页xinxi.htm,，物流学院的网页wuliu.htm，交通学院的网页jiaoton.htm * 计算机应用能力水平 * 6. 在框架的左侧LeftFrame处建立信息学院，物流学院，交通学院的超链接，使它们分别链接到xinxi.htm， wuliu.htm，jiaoton.htm。 7. 为信息学院选择目标框架为MainFrame，同样物流学院，交通学院选择目标框架为MainFrame * 计算机应用能力水平 * * 计算机应用能力水平 * 8. 文件菜单--保存全部 * 计算机应用能力水平 * 框架制作实例 本例用到的素材文件 * 计算机应用能力水平 * 步骤 （1）把配套素材文件拷贝到桌面\DW14文件夹，创建一个“上方固定，左侧嵌套”的框架。创建框架集为frameset.htm，上框架为topframe.htm,，左框架为leftframe.htm，右框架为rightframe.htm 执行“文件”/“全部保存”，弹出的第一个“另存为”对话框，保存的是整个框架集文件frameset.htm，接着保存框架的主体mainframe.htm，框架的左边部分leftframe.htm和框架的上半部分topframe.htm。 * 计算机应用能力水平 * * 计算机应用能力水平 * （2）在上框架插入图片smutitle.png （3）在左框架输入文字，