网页设计与制作教学大纲..doc

《网页制作与设计》教学大纲 学 时： 72 学时 课程类别： 专业必修课 适用专业：软件技术 一、课程的性质与任务 课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制 作网页的知识和技术，同时为后续课程的学习奠定基础。 课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术 实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。 前导课程：计算机应用基础 后续课程：Javascript、 Java Web组件编程等 二、教学基本要求 本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。 三、教学条件 多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室 四、教学内容及学时安排 （一）优秀网页赏析 教学时数：4 教学目标： 1.理解网站相关的概念。 2.了解网页的基本组成元素 3.理解网站的主题定位，风格和网站布局。 4.制作第一个简单的静态网页 教学重点难点： 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．掌握文本排版标记 3．掌握文字列表的标记和属性 4. 掌握图像插入标记和属性 教学方法：案例演示、理论讲解 理论教学内容： 1.文本排版(p标记、br标记、标题标记) 2.设置文字列表(ol和ul标记) 3.HTML标记与HTML属性 4.插入和使用网页图像(img标记和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.设置基本文字超链接 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．数