目录

  • 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讲解
欢迎来到网页制作课堂


大家好!欢迎来到网页制作课堂,与我一起共同完成为期8周的网页制作教学。

在这8周中,您将学到:

  1. 如何用规范的方法创建一个站点,并为其中的所有文件设计合理的结构。

  2. 如何在网页中插入文字和图像,设置它们的外观。

  3. 如何使网站的所有网页拥有一致的布局风格,我们会教授表格和框架两种技术。

  4. 如何拥有随心所欲的布局能力,并在一定程度上制作具有动态显示风格的网页——层技术。

  5. 前面教的都是“我来做别人来看”,能不能让访问者自由地提交自己的信息,以便服务器根据用户需求自动生成个性化的反馈呢——我们利用表单来搜集访问者的信息。

  6. 当我的网站中包含很多网页,我希望它们拥有一致的布局,相同级别的元素拥有一致的显示风格,而且更新改版要像智能机器人一样快速方便,我该怎么办呢?网站风格管理三驾马车——样式、模板和库让您顺利实现这个愿望。

  7. 最后,如果还有时间,我们再学几个网页的动态效果,让您的画面彻底地“动”起来。当然,如同前几个学期的班级一样,您也拥有自行探索——发表研究心得——并将您的发现亲手纳入全班考核范围的机会。我们称之为“自己的考题自己出”。


总而言之,学完这门课,您将有能力独立制做一个网站,用来展示一切您想展示的——个人空间、学生社团活动、企业宣传……尽管它们需要每一张网页都由您亲手做出来,而不是由程序从数据库自动提取。但无疑,静态网页是动态网页的基础。学好了本课程,您进一步学习动态网页技术也将拥有一个扎实的基础。

 本课程之后的发展路线有:

  1. 由静态网页向动态网页进发,这是程序员的路,工作稳定后年薪12万——16万。为此,您可以进一步学习一门网络编程语言或工具,如Java \ ASP.NET,以及一种数据库,如SQLServer \ MySQL。

  2. 由PC网站向跨平台网站设计进发,走前台工程师的路。HTML5+CSS+Javascript是一个不错的组合,它会帮助您成为月薪一万的应届毕业生。

  3. 当然,您也可以学习Flash、Photoshop,走视觉设计的道路。当别人一天到晚都在纠结“这个BUG怎么调”的时候,您却每天在和美打交道。


好了,说一千道一万,百闻不如一见。而我要说,百不如一

还等什么,让我们愉快地学起来,做起来吧。


        ——您的教学合作者:曹海生