目录

  • 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讲解
教学重点

1.不同图像文件的特点(位图 / 矢量图

位图:记录每一个像素的色彩、色度、对比度,画风细腻,无论图像的形状是否规则都能很好地表达,缺点是——占存储容量多。常见文件类型有:BMPGIFJPG / JPEG等。

矢量图:记录每一条边界线的解析几何方程,相同内容一笔带过,对于形状规则的图形,能用很少的容量记录,并且放大后图像也不会失真。常见文件类型有:bwai(Illustrator)cdr (CorelDraw)dwg / dxb / dxfAutoCAD)等。                                     

 

文件类型

 
 

文件大小

 
 

色彩

 
 

图像特点

 
 

适用场合

 
 

BMP

 
 

 
 

最丰富,最多可达24位真彩色

 
 

细腻,不论什么类型的照片都可保存全部细节

 
 

因文件大,传输慢,不太适合网页

 
 

GIF

 
 

 
 

相对较少,最多256

 
 

可设透明背景,可有动画效果

 
 

十分适合网页,尤其是要求背景透明的商品照片

 
 

JPEG

 

JPG

 
 

 
 

相对较多,最多1670万色

 
 

压缩比大,可表达的信息多

 
 

十分适合网页,尤其是对色彩要求高的图片

 

2.插入图像时的2种图像源

来自文件

插入后保存到本站,好处是图片不会流失。

来自其它网站

不将图像存入本站,而是使用网上的图像源。如果其它网站上的图像源稳定,用此法可以减少本网的文件大小。网上商店用得较多。

每种试验一下,看一下效果

3.设置图像格式

设置图像大小

定像素、定百分比、拖动,试验一下,各种操作方法的特点。何时能使图像形状始终不失真,何时能使图像大小始终占屏幕的10%宽。

设置图像大小位置

水平位置(左环绕、右环绕)、垂直位置(顶边对齐、水平居中、底边对齐)、与周围的间距(水平间距、垂直间距)。你认为这些功能中最有用的是什么,为什么?

设置图像别名

图像别名有什么用处?

使用背景图像

背景图像的选取原则:宜小不宜大(容量)、宜浅不宜深(颜色)

试验:如果背景图像很小,需要将它放大以铺满整个屏幕吗?

4.跟书操作后课堂交流

跟书操作P123-138,然后就以下问题进行交流

创建交换图像

P124125“创建交换图像”进行操作,回答:什么时候可以应用交换图像?

使用导航条

P125128

如何插入导航条

插入后如何修改导航条

4种图像中你最爱用的是哪些,为什么?

图像映射

P128134

试验1:如何建立热区?

试验2:如何将指定的热区映射到站内文件、互联网位置、搜索引擎结果、带标题的邮件?

网站相册

P136138

建立一个网站相册

回答:相册的首页也叫index,这和默认的网站首页名称不是重名了吗,会不会覆盖掉已做好的网站首页呢?