目录

  • 1 课程介绍
    • 1.1 欢迎来到网页制作课堂
    • 1.2 第1讲:课程概要
    • 1.3 本课程开设的目的
    • 1.4 总体进度安排
    • 1.5 使用教材
    • 1.6 需装软件
    • 1.7 教学网站
    • 1.8 答疑方式
    • 1.9 教学方法
    • 1.10 评价方法之一(校内网络教学,组长评作业)
    • 1.11 评价方法之二(全国公开课班级)
    • 1.12 得分预算
  • 2 初识DW8(第1、2、3章)
    • 2.1 需阅内容
    • 2.2 考核要点
    • 2.3 教学重点
      • 2.3.1 不同网页制作工具的特点
      • 2.3.2 DW功能及界面了解
      • 2.3.3 WEB服务器架设
      • 2.3.4 网站结构 见演示
      • 2.3.5 如何创建网站和网页
      • 2.3.6 网页的语法结构
      • 2.3.7 常用HTML标记的作用
      • 2.3.8 巧用他人的网站设计模块
      • 2.3.9 番外:DW的前生今世
    • 2.4 作业1:见“历次作业布置.xls”
  • 3 文字与链接(第5章)
    • 3.1 需阅内容
    • 3.2 考核要点
    • 3.3 课前提问
    • 3.4 教学重点
      • 3.4.1 文字处理
      • 3.4.2 列表设置
      • 3.4.3 超链接
    • 3.5 作业2:见“历次作业布置.xls”
    • 3.6 番外:视频文档化
  • 4 图像处理(第6章)
    • 4.1 需阅内容
    • 4.2 考核要点
    • 4.3 课前提问
    • 4.4 教学重点
      • 4.4.1 不同的图像类型
      • 4.4.2 几种图像效果的制作
    • 4.5 作业3:见“历次作业布置.xls”
  • 5 表格(第4章)
    • 5.1 需阅内容
    • 5.2 考核要点
    • 5.3 课前提问
    • 5.4 教学重点
      • 5.4.1 表格的组成与作用
      • 5.4.2 表格基础操作
      • 5.4.3 表格美化
      • 5.4.4 表格布局
    • 5.5 作业4:见“历次作业布置.xls”
  • 6 框架(第8章)
    • 6.1 需阅内容
    • 6.2 考核要点
    • 6.3 课前提问
    • 6.4 教学重点
    • 6.5 框架1:框架布局原理
    • 6.6 框架2:两框式框架制作
    • 6.7 框架3:T型框架基础篇
    • 6.8 框架4:T型框架完美篇
    • 6.9 课堂测试
    • 6.10 总结
    • 6.11 课后复习
    • 6.12 作业5:见“历次作业布置.xls”
  • 7 层(第7章)
    • 7.1 需阅内容
    • 7.2 考核要点
    • 7.3 课前提问
    • 7.4 教学重点
    • 7.5 层1:层的基本操作
    • 7.6 层2:制作简单动画
    • 7.7 实例1:利用层实现变换图片
    • 7.8 实例2:绝对定位的下拉菜单
    • 7.9 实例2延伸:相对定位的下拉菜单
    • 7.10 作业5:见“历次作业布置.xls”
  • 8 表单(第11章)
    • 8.1 需阅内容
    • 8.2 考核要点
    • 8.3 课前提问
    • 8.4 教学重点
    • 8.5 表单1:表单的用途、组成和工作原理
    • 8.6 表单2:创建一个学员登记表
    • 8.7 表单3:表单检查
    • 8.8 作业6:见“历次作业布置.xls”
  • 9 网站风格管理(第9、10章)
    • 9.1 需阅内容
    • 9.2 考核要点
    • 9.3 课前提问
    • 9.4 教学重点
    • 9.5 网站风格管理1:模板-求同
    • 9.6 网站风格管理1:模板-存异
    • 9.7 网站风格管理2:样式
    • 9.8 作业7:见“历次作业布置.xls”
  • 10 自己的考题自己出
    • 10.1 如何自己出考题
    • 10.2 注释——孟凯谛
    • 10.3 热区重叠——熊梓伶
    • 10.4 CSS规则使用方法——杨鸾
    • 10.5 弹出式菜单——曹老师
  • 11 历次作业讲评
    • 11.1 46 作业1集中讲解
    • 11.2 47 作业2集中讲解
    • 11.3 48-53 作业3讲解
    • 11.4 54-58 作业4讲解
    • 11.5 59-64 作业5讲解
    • 11.6 65-66 作业6讲解
    • 11.7 67-69 作业7讲解
表单3:表单检查

1. Onsubmit——提交时检查表单

设置“检查表单”行为时,可以将<form>标签,即整个表单设为行为的触发源。此时DW自动将触发条件选为Onsubmit。当用户提交表单时,系统对表单启动检查。操作视频如下:

对于内容较少的表单,这样做完全够了。但是,如果表单中填写的内容很多,如果只有当用户提交时才检查表单,万一前面任何一项填写不对,用户就得将整个表单都重新填写一遍,非常浪费时间。能不能在用户填写表单的时候就进行检查,一旦出错立即提醒呢?这就要靠下一个方法:基于表单域的Onclick检查。

2. Onblur——填写时检查表单

对于内容较多的表单,可为每个需要检查的表单域单独建立“检查表单”行为,以实现用户每填好一个表单域就立即检查,避免因一个表单域填写无效导致整个表单重填。方法如下:

  • 选中需要设置检查行为的表单域,新建“检查表单”行为;

  • 行为的触发条件选Onblur;

  • 选择需要的检查内容。

操作视频如下:

3.设置中文提示

刚才的两个视频大家都看了。您是否注意到,两个视频中,网页提示所使用的语言是不同的?

前一个视频:提交时检查,里面的提示语全是英文(图1)。

                                             

                                                           1

“xingming”是什么鬼?填表者知道吗?能不能换成人家看得懂的名称(图2)?如,就叫“姓名”。

                                

                                                                                        2

我们注意到,当前“姓名”表单域的代码里有两个属性(图3),name和id。这两个属性,一个是用于和动态程序、数据库交互时标识自己,一个用于显示给网页浏览者看,告诉他这个表单域是收集什么信息的。

                                                 

                                                                                                3

请同学们做一下实验,看改了哪个,能够让表单检查的提示语中,表单域的名称用中文显示(图4)?

                                       

                                                                                     4

进一步,能不能让所有提示语都用中文呢——让不懂英文的人也能看懂(图5)。提示:在代码视图中,将相应英文替换为中文。

                                           

                                                                                5