第一范文网 - 专业文章范例文档资料分享平台

网页设计与制作教学大纲

来源:用户分享 时间:2025/7/24 3:13:46 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

《网页制作与设计》教学大纲

学 时: 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.设置文字列表(

      标记) 3.HTML标记与HTML属性

      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 -

搜索更多关于: 网页设计与制作教学大纲 的文档
网页设计与制作教学大纲.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c0u3ye0xeqb4n25r6n29t_1.html(转载请注明文章来源)
热门推荐
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top