网页设计与制作实验教学大纲

合集下载

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

《网页设计与制作》实践教学大纲（信息网络安全监察专业适用）一、课程类别专业能力课二、地位和作用本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。

总学时为30学时，共包括9个实践项目。

实践地点为校内计算机基础实验室。

实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。

三、实验目的和要求通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

四、实验设施1.硬件要求：使用计算机基础实验室。

硬件条件包括50台计算机：1G以上内存、40G以上硬盘。

2.软件要求：（1）WindowsXP以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、组织方式所有实验环节均由每位学生独立完成。

实训内容、课时分配情况实验项目（一）实验项目（二）实验项目（三）实验项目（四）实验项目（五）（一）实验目的(1)掌握时间轴和层的基本理论(2)熟悉层面板，利用时间轴制作层动画。

（二）实验要求实验前认真预习，熟练掌握有关时间轴和层概念和知识。

实验过程中记录发生的现象并分析原因。

实验完毕将所有文件打包交给老师。

实验内容使用层和时间轴制作动画：1.建立一个本地站点,包括2-3个网页2、在网页上添加如下的时间轴动画(1)层的曲线运动(2)录制层路径3.设置超链接将站点中的网页链接起来。

实验步骤1．层的曲线运动（1）新建一个文档并保存。

（2）在文档中插入一个层，在“属性检查器”中命名层编号为fish，并在层中插入一幅图像。

并将层拖到时间轴面板中。

（3）选择动画条右侧端点，即右侧关键帧。

（完整版）《网页设计与制作》课程教学大纲.docx

（完整版）《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 4 学分总学时72学时，理论36 学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017 年杨松主编：《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。

全书共10 章，分为 3 大部分。

前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际应用的角度进一步巩固所学知识。

课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。

二·课程教学目的与要求以Dreamweaver 的使用为主线，介绍网页制作的相关技术。

使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。

网页工作设计与制作课程实训教学大纲

必做
4
2 网页的编辑与制作（一）综合定义站点。使用表格。创建链必做 5
接。
3 网页的编辑与制作（二）综合框架网页的制作，层和行为的必做 5
使用。样式的使用。
注：项目类型：演示、验证、设计、综合、其它实训要求：必做、选做
[实训一] 网页基本图形的制作方法 1、内容：查看、熟悉Fireworks工作界面；设置“首选参数”对话框的基本项
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。 5、实验环境与设备
硬件：多媒体计算机软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
3、时间分配及进度安排：第 1-3 周，4 学时。 4、教学的组织与实施：教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。5、实验环境与设备
硬件：多媒体计算机软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
目。新建、打开、导入、导出Fireworks 文档，制作基本图形。导入位图，并进行基本编辑。创建热点、创建图像切片、为切片或热点附加行为。创建按钮与导航条。创建简单GIF 动画。
2、目标及要求：掌握Fireworks 的基础操作方法，以及“首选参数”对话框的设置方
法。掌握基本图形的制作方法。掌握制作按钮、导航条。掌握制作教师在课程演示的实例。
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。 5、实验环境与设备硬件：多媒体计算机软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8

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

《网页设计与制作》课程教学大纲课程编号：课程名称：网页设计与制作总学分：总学负荷：自主学习：课内总学时数：课内实验实践上机学时：先修课及后续课一、说明部分．课程性质：网页设计与制作课程是为全院非计算机专业文科学生开设的一门计算机基础课，是一门必修的公共基础课，也是计算机应用的初级课程。

．教学目标及意义：随着网络的高速发展，网页也越来越多地出现在人们的面前，成为和普通用户的交流界面，而网页制作则成为网络时代学习信息技术需要掌握的基本技能之一。

本课程全面地介绍了网页设计所涉及的基本概念和常用的设计工具，包含了静态网页设计、脚本语言编程、动态网页设计、网站规划、设计与管理等技术。

这些知识和技能对于信息时代的大学生来说是必不可少的。

通过本课程的学习，使学生系统掌握应用等工具进行网页设计与制作的思想和方法，培养学生合理规划、创建网站的能力，为今后进一步学习和掌握计算机知识和技术打下良好的基础。

．教学内容和要求:了解网站的有关名词；掌握网站设计的基本思路；了解常用的网页设计工具。

掌握中的各种标记及其属，并熟练使用。

熟悉和掌握使用建立与管理站点；掌握页面布局的方法；熟练运用创建个人主页。

掌握的语法规则、函数和三种基本结构；掌握使用编写页面的方法；熟练掌握程序的事件处理；掌握文档对象的使用。

了解运行机制及运行环境的搭建方式，掌握内建对象的应用；掌握利用实现页面与数据库的连接；掌握动态页面设计。

了解网站设计前期所需的准备工作；掌握根据网站主题的需要来进行页面设计；了解网站测试与上传。

. 教学重点、难点：网页设计工具的使用，网页设计的方法。

. 教学方法与手段：采用多媒体教学，通过课堂上理论精讲、案例分析讨论、实例演示与上机操作相结合，以及课下以学生自主学习为主、老师辅导为辅，完成教学工作，将课内课外学习结合，提高学生自主学习主动性，实现理论和实践教学一体化，达到网页设计应用能力培养的目标。

. 教材及主要参考书：教材：李京文等编著《网页设计与制作》安徽大学出版社参考书：[]李京文《网页设计与制作》高等教育出版社[]李京文《网页设计与制作实训与考试指导》高等教育出版社[]潭浩强《网页编程技术与实例》人民邮电出版社.其它：自主学习的设计与安排：学生自主学习标记语言的应用，综合运用设计网页，学会使用脚本丰富页面效果，了解运行机制及运行环境的搭建，学习简单动态页面设计。

网页设计与制作_实验大纲

《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：信息管理、应用技术、软件技术、多媒体技术学时：总学时 96 实验学时 32开出时间：一年级二学期综合性、设计性实验项目数：4 学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。

它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》等课程打下一个坚实的基础。

通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。

从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。

从而培养学生的开发网站的能力和职业素质。

二、实验教学目的及要求通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。

三、实验项目设置表（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。

上机部分的成绩在本课程总成绩中占有的分值为20。

上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。

实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。

(完整版)网页设计与制作教学大纲

《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：64 讲课学时：32 实验学时：32适用班级:一、课程性质、目的和任务：（加粗，以下同）1、目的本课程要求学生掌握基本的HTML语言。

学会使用Dreamweaver开发工具进行网页设计。

这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。

2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。

目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

二、教学基本要求：（分三级：掌握、理解、了解）1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。

2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。

3．了解：要求学生能够一般地了解的所学内容。

三、教学内容及要求：第1章Dreamweaver基础教学内容：Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求：掌握：Dreamweaver的基本特点、新增功能及界面组成。

基本操作，如安装、新建、打开、导入、保存、关闭等。

理解：新增功能、界面组成的优点。

了解：Dreamweaver可以为我们做些什么。

第2章网页设计语言基础教学内容：HTML及XHTML语言介绍常用的网页语法标记教学要求：理解：HTML及XHTML语言介绍，常用的网页语法标记第3章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。

网页设计教学大纲(共3篇)

网页设计教学大纲〔共3篇〕第1篇：网页设计教学大纲网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门理论环节课程，也可以作为其他相关专业的理论课程或选修课，它是一门操作性和理论性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能纯熟地制作出有专业水准的网站。

2、课程任务本门课程在专业教学方案中起着非常重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

* 掌握各种网页元素在Dreamweaver cs3中的使用。

例如表格、文本、图像、超级链接、层和表单等。

* 熟悉一些网页设计辅助软件的功能和使用方法。

例如Flash、Fireworks、Photoshop等。

* 掌握测试和发布网站的方法。

包括网站测试的内容和方法。

* 可以解决一些网页设计中的常见问题。

* 理解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。

二、课程教学目的与要求1、本课程的根本目的〔1〕使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。

〔2〕本课程学习完毕后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，纯熟掌握其根本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

2、课程在知识、素质方面的根本要求〔1〕知识要求深化理解Inter，理解、、HTML等概念及作用；掌握网站设计和发布的1 流程。

理解网站维护管理的意义及重要性，理解效劳器、客户端、阅读器的概念和作用；理解多种网页制作软件和图像处理软件相结合设计网站的好处。

理解Dreamweaver cs3在动态网站上的应用。

《网页设计与制作综合实训》教学大纲

《网页设计与制作综合实训》教学大纲课程名称：网页设计与制作综合实训实训学时：60学时适用专业：计算机软件技术课程类别：专业课编写大纲教研室/实训室：软件教研室一.实训教学的目的和要求在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《CSS设计》、等专业课程的学习，为了让学生将前期的专业课程学以致用，融会贯通，特开设本系统化实训。

本次综合实训基于学生的兴趣，选取专业建设网站开发为主题，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。

1.通过本次实训希望达到以下目的：（1）熟悉和掌握Dreamweaver软件的使用方法；（2）熟悉和掌握PS软件的使用方法；（3）熟悉FLASH软件应用的方法；（4）学会使用CSS+DIV做网页布局；（5）熟练掌握站点的规划与设计。

2.本次实训的具体要求如下：（1）应用css和html（div+css）技术完成至少4个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。

（2）显示环境：网页视觉效果应采用Internet Explorer 6.0以上版本浏览器，显示分辨率以1024×768状态为准。

（3）网页规模：网页总量原则上不应超过10M，且必须要是不连接互联网就可以进行展示的作品。

（4）网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。

（5）要求页面美观大方、颜色搭配协调；（6）作品留存，下学期或下一阶段继续完善、开发。

二.实训方式该实训为校内模拟实训。

根据高等教育教学大纲规定和学院教学计划安排及培养学生职业技能的要求，软微班的学生于第一学期进行为期4周的校内实训，项目名称为《网页设计与制作综合实训》。

实训时间：2013-2014学年第一学期第15-18周实训班级：软件1301班、软件1302班实训地点：校内机房三.考核方式个人最终成绩 = 平时*30%+ 项目中期检查*20%+项目终期检查*50%。

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

网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明1、课程的性质和内容网页设计与制作》是计算机应用技术、电子商务等专业的核心课程，也是其他计算机专业的普及型课程。

本课程内容主要包括HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，JavaScript脚本编程语言，以及Dreamweaver、Fireworks、Flash、Photoshop 等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。

2、课程的任务和要求本课程旨在通过研究，让学生掌握静态网页的制作方法，学会HTML语言，熟悉站点的上传和维护，并能够独立解决网页编辑中遇到的一般问题。

学生应该能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练掌握JavaScript脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能够维护、管理和设计WEB应用程序；能够独立设计小型WEB站点。

3、教学中应注意的问题在教学过程中，要注重Dreamweaver、Firework或Photoshop和Flash软件的主要功能。

其中，Dreamweaver主要用于完成网页设计和网站管理；Firework或Photoshop主要用于进行图像的设计与编辑；Flash主要用于开发适应网络传输的流媒体电脑规划。

同时，要培养学生综合使用这些软件的能力，注重学生动手能力的培养和上机试验。

教学过程中应以Dreamweaver为主。

在讲授理论的同时加入具体的设计项目实验，力求达到实战的效果，避免空洞的理论研究。

二、学时分配模块。

名称。

总课时讲授演示实验仿真模块1.初识网站和网页。

2网站和网页。

2网页中的元素类型。

2常用网站管理与制作软件。

2网站建设流程。

2HTML与CSS入门。

30模块2.初识Dreamweaver。

2熟悉Dreamweaver操作环境。

6网站规划与管理。

网页设计与制作大纲

《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。

“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。

二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。

通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。

教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。

第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。

网页制作与设计教学大纲

网页制作与设计教学大纲一、课程介绍1.1 课程背景网络技术的迅速发展和互联网的普及，为网页制作与设计带来了巨大的需求。

本课程旨在培养学生掌握基本的网页制作与设计技能，以满足市场对于专业人才的需求。

1.2 课程目标通过本课程的学习和实践，学生将能够掌握网页制作与设计的基本原理、技术和工具，能够独立完成简单的网页制作与设计工作，并具备进一步深入学习与研究的基础。

二、教学大纲2.1 基础知识2.1.1 网页制作与设计的概念及发展历程2.1.2 网页制作与设计的基本原理2.1.3 网页制作与设计的相关标准和规范2.2 网页制作技术2.2.1 HTML标记语言的基本语法和常用标签 2.2.2 CSS样式表的基本语法和属性2.2.3 JavaScript脚本语言的基本语法和常用函数 2.3 网页设计原理2.3.1 网页设计的基本原则和要素2.3.2 色彩搭配和配色原则2.3.3 网页布局设计的基本规则和技巧2.4 网页制作与设计工具2.4.1 Dreamweaver软件的基本使用和功能2.4.2 Photoshop软件的基本使用和功能2.4.3 Illustrator软件的基本使用和功能三、教学方法3.1 理论授课通过讲解基础知识和技术原理，帮助学生全面理解网页制作与设计的基本概念和流程。

3.2 实践操作给予学生实际的网页制作与设计任务，通过动手操作，巩固和应用所学知识。

3.3 学习讨论鼓励学生参与课堂讨论和分享，提高学生的思维能力和创造力。

四、教学评估4.1 平时成绩占比出勤情况、课堂表现、作业完成情况，占总评成绩的30%。

4.2 期末考试占比考察学生对于网页制作与设计知识的理解和应用能力，占总评成绩的70%。

五、参考教材5.1 《网页制作与设计教程》作者：李晓华出版社：清华大学出版社5.2 《网页设计与制作技术教程》作者：韩雪晴出版社：人民邮电出版社六、教学进度安排第一周：课程介绍，基础知识概述第二周：HTML标记语言基础第三周：CSS样式表基础第四周：JavaScript脚本语言基础第五周：网页设计的基本原则和要素第六周：色彩搭配和配色原则第七周：网页布局设计规则和技巧第八周：Dreamweaver软件基本使用和功能第九周：Photoshop软件基本使用和功能第十周：Illustrator软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。