《网页制作与设计》教学大纲
学 时: 72 学时 课程类别: 专业必修课 适用专业:软件技术 一、课程的性质与任务
课程的性质:本课程是一门专业基础课,要求学生掌握HTML、css和dreamweaver制 作网页的知识和技术,同时为后续课程的学习奠定基础。
课程的任务:通过本课程的学习,使学生了解网站开发的流程,掌握HTML和CSS技术 实现网页的构建和美化,并用dreamweaver CS5工具实现网页的制作。 前导课程:计算机应用基础
后续课程:Javascript、 Java Web组件编程等 二、教学基本要求
本课程以《计算机应用基础》课程为基础,通过本课程的学习,应使学生掌握网页制作的基本方法,掌握HTML、CSS等网页基础编程知识,并使用主流工具Dreamweaver CS5进行网页制作。 三、教学条件
多媒体教室,安装Adobe Dreamweaver CS5的一体化实训室 四、教学内容及学时安排 (一)优秀网页赏析
教学时数:4 教学目标:
1.理解网站相关的概念。 2.了解网页的基本组成元素
3.理解网站的主题定位,风格和网站布局。 4.制作第一个简单的静态网页 教学重点难点:
- 1 -
1. 理解网站的定位和风格 2、学习模仿网页的色彩搭配 2. 分析网站的布局
3. 能模仿制作一个简单网页。 教学方法:案例演示、理论讲解
教学案例:海尔集团网站(企业类)、携程旅游网(旅游类)、中国大众体育网(体育类)、新东方教育(教育类)、往届优秀毕业设计答辩系统、一个简单的静态网页 理论教学内容:
1. 不同行业网站赏析 2. 网页与网站的概念和术语。 3. 网页组成元素。
4. 网站的策划与设计原则。 5. 网站的开发流程
6. 应用HTML、CSS制作第一个简单静态网页 实践教学内容: 1.第一个静态网页
实验目的:锻炼学生学会使用记事本编辑静态网页,使学生熟悉HTML标记语言和认识HTML语言的结构;提升学生学习兴趣和自信。
实验要求:要求学生会使用HTML搭建网页架构;在合适位置插入CSS代码并体会使用HTML制作网页的方法。
实验内容:按给定的要求和步骤实现一个静态网页的制作
(二)用HTML设置文本和图像
教学时数:4 教学目标:
1.进一步熟悉HTML文档结构 2.掌握文本排版标记 3.掌握文字列表的标记和属性 4. 掌握图像插入标记和属性 教学重点难点: 1.HTML文档结构 2.掌握文本排版标记
- 2 -
3.掌握文字列表的标记和属性 4. 掌握图像插入标记和属性 教学方法:案例演示、理论讲解 理论教学内容:
1.文本排版(
标记、
标记、标题标记) 2.设置文字列表(
4.插入和使用网页图像(标记和width、alt等属性 5.Dreamweaver CS5中设置文本何图像的方法 实践教学内容:
1.用HTML制作一个图文并茂的网页。
实验目的:熟悉HTML文件结构;掌握HTML中文字、列表、图像标记的使用 要求按照规定格式使用合适标记和属性进行排版,实现给定的效果图中显示效果
实验内容:用HTML语言编写一个图文并茂网页
(三)超链接网页 教学时数:4 教学目标:
1.掌握html中设置基本文字和图片超链接 2.掌握html中设置其他超链接
3. 掌握dreamweaver中建立和编辑超链接的方法 4. 理解相对路径和绝对路径 教学重点难点:
1.掌握html中建立超链接的标记 2.理解相对路径和绝对路径
3.掌握dreamweaver建立超链接的方法 4.理解相对路径和绝对路径 教学方法:案例演示、理论讲解 教学案例:短信平台系统页面 理论教学内容:
1.设置基本文字超链接
- 3 -
2.设置图片超链接 3.设置电子邮件链接 4.创建热点链接
6.利用dreamweaver方便实现网页间的链接 实践教学内容:
1.教务系统子页面
实验目的:理解并运用HTML编辑超链接的标记和属性,会在dreamweaver中快速建立超链接的方法
实验要求:建立几个相关页面,并按要求建立页面间和页面内的超链接 实验内容:按要求建立教务系统子页面,并设置页面间的链接
(四)表格网页
教学时数:4 教学目标:
1.掌握html中表格的建立 2.掌握html中table的常用属性 3、掌握dreamweaver中表格的插入和编辑 4. 掌握数据表格的建立和基本美化 教学重点难点: 1.表格的基本结构 2.表格的属性设置 3.数据表格的编辑和美化 教学方法:案例驱动法 理论教学内容:
1.html中表格的基本结构 2.表格的合并和拆分
3.dreamweaver中表格的插入和编辑 4.数据表格的建立和基本美化 实践教学内容: 1. 短信平台系统页面
实验目的:掌握的插入和编辑。
实验要求:按要求插入和编辑表格
- 4 -
相关推荐: