(完整版)网页设计教学大纲
《网页设计》教学大纲
《网页设计》教学大纲一、课程的基本信息课程编号：02210100 课程性质：学科专业基础必修课学时：64 学分：3开课单位：信息管理系适用专业：数字媒体技术专业先修课程：计算机文化基础二、课程目的与任务本课程开设的主要目的是让学生拥有网页制作的基础知识。
通过学习，学生应掌握网页设计与制作的基本方法和应用技巧，并能顺利开发一个完整的网站。
本课程的主要任务是：增强学生的动手能力，以及对网站建设的整体掌握能力，使学生能自行设计并制作出一个简单的网站。
三、课程教学基本要求1、了解网页制作的基础知识，各专业素语的定义。
2、掌握网页常用制作软件Dreamweaver中各菜单、按钮的具体用法，及简单网站的制作。
3、理解网页中各专业素语之间的联系、区别及各自的运用范围。
五、课程教学基本内容第1章网页设计基础知识教学内容：网页中的相关概念；网页内涵；网页制作软件；网站运行方式；Dreamweaver CS3基本界面。
重点：Dreamweaver CS3的基本使用。
难点：网页内涵第2章创建站点教学内容：网站的规划；站点的定义和管理；文件和文件夹的创建。
重点：站点的定义和管理，文件和文件夹的创建。
难点：站点的定义。
第3章设置文档教学内容：文档的创建和保存；添加文档内容；设置文档格式。
重点：设置文档格式。
难点：设置文档格式。
第4章使用图像教学内容：网页图像格式；设置网页背景；插入图像；设置图像属性；创建网站相册。
重点：设置网页背景，设置图像属性。
难点：创建网站相册。
第5 章使用多媒体教学内容：使用Flash；使用Shockwave；插入特殊对象。
重点：使用Flash，插入特殊对象。
难点：使用Flash。
第6 章创建超级链接教学内容：超级链接的概念；普通超级链接；特殊超级链接。
重点：普通超级链接。
难点：锚记超级链接，图像热点超级链接。
第7 章使用表格教学内容：表格的概念；创建表格；编辑表格；嵌套表格；表格的导入、导出和排序。
网页设计教学大纲
网页设计教学大纲第一部分：介绍随着互联网的普及，网页设计已成为一门热门的技能。
本教学大纲旨在帮助学生全面了解网页设计的基础知识和技能，为将来从事相关工作打下坚实基础。
第二部分：课程目标1. 熟悉网页设计的基本概念和术语。
2. 掌握网页设计的基本流程和方法。
3. 学会运用HTML、CSS等技术进行网页设计。
4. 培养学生的审美观和设计能力。
5. 培养学生的团队合作和沟通能力。
第三部分：课程内容1. 网页设计概述- 什么是网页设计- 网页设计的重要性- 网页设计的基本原则2. HTML基础- HTML的概念和历史- HTML标签的基本语法- 常用HTML标签和属性3. CSS基础- CSS的作用和概念- CSS样式表的引入方式- 常用CSS样式和属性4. 网页布局设计- 盒模型的理解- 浮动和定位的运用- 响应式设计的概念5. 图片和多媒体设计- 图片格式和优化- 视频和音频的插入- 图片和视频的响应式处理6. 网页交互设计- 链接和导航设计- 表单设计和验证- JavaScript的基本概念第四部分：教学方法1. 理论教学结合实践，通过案例分析和练习，帮助学生更好地理解和掌握知识。
2. 鼓励学生独立思考和创新，培养其解决问题的能力。
3. 注重学生的实际操作能力，通过实际项目实践，提高学生的技能水平。
4. 培养学生的团队合作和沟通能力，鼓励学生互相学习和交流经验。
第五部分：评估方式1. 期中考试：主要考查学生对基本概念和技能的掌握程度。
2. 课堂作业：包括布置的实践项目和练习，检验学生的实际操作能力。
3. 课程设计：结合实际项目，要求学生根据所学知识设计并完成一个完整的网页项目，考察学生的综合能力。
第六部分：参考教材1. 《HTML5权威指南》2. 《CSS3实战》3. 《网页设计与制作实例教程》4. 《JavaScript高级程序设计》第七部分：教学团队本教学大纲由资深网页设计师和教育专家共同制定，教学团队具有丰富的教学经验和实践经验，将为学生提供优质的教学服务。
网页设计与网站建设课程教学大纲[大全五篇]
![网页设计与网站建设课程教学大纲[大全五篇]](https://img.taocdn.com/s3/m/7a34e2ea5ebfc77da26925c52cc58bd630869356.png)
网页设计与网站建设课程教学大纲[大全五篇]第一篇：网页设计与网站建设课程教学大纲网页设计与网站建设课程教学大纲一、课程编号 B040378二、课程名称（1）中文名：网页设计与网站建设（2）英文名：Web Page Design and Website Establish三、课程类型：理论含实践课四、开课系（部）信息技术系专业教研室五、大纲说明1、学时、学分数、课程性质、考试方式、成绩评定修业年总学时学分课程性质考核方式成绩评定数 64数 4专业基础上机课专业基础上机课等级制百分制专业名称限计算机信2 息管理计算机应2 用技术2、课程开设目的本课程是一门实用性较强，面向动态网页设计与维护技术性的课程。
通过本课程的学习，使学生具有制作动态网页的能力，同时了解网站的技术发展趋势、最新的技术动态及网页/网站制作软件平台。
本课程将结合Dreamweaver 8来进行教学，介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点，进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。
六、教学内容第一章体验Dreamweaver8梦幻境界【教学目的和要求】了解Internet与Web基础、常用的网页设计软件和编程语言。
掌握Dreamweaver8网页制作工作环境，面板操作，以及制作简单网页的方法。
【教学重点与难点】重点：网站开发有关知识、Dreamweaver8制作网页的基本方法难点：自定义工作环境【教学时数】2学时【教学方法与手段】讲授【教学内容】1.Internet与Web基础知识2.网站开发技术简介3.Dreamweaver 8新增功能4.Dreamweaver 8工作环境5.自定义工作环境【实践教学时数】 2 学时【教学方法与手段】演示法、实验法【实践教学内容】1 熟悉Dreamweaver 8运行环境2 初步认识Dreamweaver 8工作环境及面板3 制作简单网页第二章编辑网页元素使用表格布局页面【教学目的和要求】了解网页的基本组成和基本操作，理解链接的概念、控制和管理，掌握同网页的内容、格式和链接关系，表格布局方法。
《网页设计》教学大纲
课程名称：网页设计课程代码：总学分：4总学时：54适用专业：计算机专业的本科先修课程和后续课程先修课程：计算机基础、图像类设计软件、计算机类语言后续课程：一、课程的性质、目的与任务课程性质：本课程是计算机网络技术、软件技术、电子信息技术、计算机系统与维护、电子商务技术等专业的技术基础课，属于必修课范畴。
课程目的：通过本课程学习，使学生了解网页制作的基础知识、基本流程。
熟悉并掌握HTML语言，WEB服务器的配置，CSS，JA V ASCRIPT并能熟练使用Dreamweaver网站的设计、制作与维护更新，为动态网页设计打下基础。
课程任务：本课程结合实例，详细介绍了HTML标记语言、CSS样式表的应用、JA V ASCRIPT程序设计等知识。
通过本课程的学习，使学生能够掌握网页设计与制作的基本技能，并轻松地创建出具个性化的静态网站等。
二、教学的基本要求以理论够用为度注重技能的培养。
在掌握主要概念和基本操作后，进行专项和综合训练。
通过课堂学习、课后练习和上机实验，使基本技能的训练得到加强，培养学生实际操作的能力。
（一）理论知识方面主要达到：1．掌握网页设计相关常识，熟悉网页制作的基本技术；2．了解网站设计制作的常用工具与基本流程，了解不同网站类型不同的设计与制作要求，了解网站的整体结构规划；3．掌握HTML语言；4．掌握利用CSS构建网站；5. 掌握利用表格或者CSS 进行网页布局5．理解脚本语言以及掌握JA V ASCRIPT（二）能力方面主要达到：1．熟练掌握使用手工编写HTML代码的方式编写网页；2．熟练掌握利用CSS+DIV方式进行网页设计；3．熟练掌握Macromedia Dremweave的基本操作；4．了解网页设计稿文件的切片与优化输出；了解网页图像的优化技巧；5．掌握JA V ASCRIPT编写一些简单的交互程序；6．掌握网站的测试、发布、推广与维护；三、课程教学内容、重点与难点第1章网页与网站基础知识1网页与网站的概念2网页的设计3网页版式和布局4网站的策划与创建原则●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点网页设计中的若干术语●教学难点网页设计中的若干术语第2章html基础1 html文档结构2 html基本语法●教学基础要求标记对与格式标记的使用●教学重点格式标记的使用●教学难点HTML基本语法第3章文字与段落1文字内容2文字样式3文字修饰4段落●教学基础要求了解标题元素,掌握字体,上下标,及特殊字符的标记●教学重点网页中特殊符号的输入●教学难点特殊符号对应的标记第4章列表1列表简介2无序列表3有序列表4嵌套列表5定义列表6菜单列表和目录列表●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点定义列表●教学难点菜单列表第5章超链接1超链接简介2创建超链接3链接对象●教学基础要求掌握超级链接标记的使用●教学重点字体、图片和超级链接标记的使用●教学难点理解书签超级链接的意义第6章表格1表格2表格标记3表格属性修饰4设置行的属性5设置单元格的属性6表格嵌套●教学基础要求掌握简单表格的制作表格中单元格的合并以及表格嵌套和叠加操作●教学难点理解表格属性rowspan与colspan的含义以及表格嵌套实现第7章框架1框架简介2框架的设置3子窗口的设置4浮动框架●教学基础要求掌握框架的制作●教学重点框架的嵌套使用●教学难点理解框架属性name、target的意义第8章表单1表单2输入3多行文本输入框4下拉列表框●教学基础要求掌握框架的使用●教学重点表单元素标志与属性●教学难点理解表单中相应元素对应标志及属性的含义第9章使用CSS格式化网页1样式表的定义与使用2定义选择符3文字与排版式的使用4背景与颜色的使用5美化网页与超链接的设置6矩形模块的概念与使用7列表●教学基础要求在网页中掌握CSS的运用方法●教学重点样式的定义CSS准确应用第10章javascript基础1javascript起步2javascript程序3标识符和变量4运算符和表达式5javascript程序控制结构6常用对象7事件编程●教学基础要求掌握JavaScript在网页开发中的程序设计●教学重点JavaScript函数、BOM对象的处理、DOM对象的处理●教学难点BOM对象的处理、DOM对象的处理、CSS2Properties对象的处理第11章web设计基础1web设计原则2网站结构规划3网页布局4内容设计5色彩设计●教学基础要求掌握WEB设计的原则●教学重点网页布局●教学难点网页规划第12章页面布局技术1.表格布局方法2.div+css布局方法3.页面导航布局方法●教学基础要求掌握网页设计中布局方法●教学重点div+css布局●教学难点div+css布局样式的定义与应用四、 课时安排建议（列简表） 序号 内容或章节 讲授学时安排作业 备注1 第1章 网页与网站基础 3 浏览网站，查看源文件2 第2章html 基础3 使用HTML 手工编写网页3 第3章文字与段落 34 第4章列表 35 第5章超链接 36 第6章表格 37 第7章框架 38 第8章表单3 9 第9章css 格式化网页 12 利用CSS 控制网页元素的风格和样式10 第10章javascript 基础 12 编写客户端脚本，与网页元素进行动态交互 11 第11章web 设计基础 3 制作综合网页12第12章 页面布局技术3合计 54五、 选用的教材和课件 教材：《网页设计与开发—html 、css 、javascript 实例教程》 课件：自作六、 考核方式和成绩评定 考核方式：综合设计作品成绩评定：平时成绩：30% ，考试（考核）：70%七、 主要教学参考书(注明：著者、书名、版本、出版者、出版年)执笔人： 审定人： 系（部）主任：。
网页设计教学大纲
网页设计教学大纲一、引言网页设计作为现代互联网时代不可忽视的一门技能，对于从事互联网相关工作的人来说，具备一定的网页设计知识是至关重要的。
本文旨在为网页设计教学提供一个全面而系统的大纲，以便帮助教师和学生更好地进行学习和教学。
二、教学目标1. 理解网页设计的基本概念和原理，包括网站结构、UI设计、用户体验等方面的知识；2. 掌握常用的网页设计工具和软件，如Photoshop、Illustrator、Sketch等；3. 能够进行网页布局设计、配色方案选择、图像处理和优化等操作；4. 能够运用HTML、CSS等技术进行网页编码和交互效果的实现；5. 培养学生的创新思维和审美意识，提升他们的设计能力和实践能力。
三、教学内容1. 网页设计基础知识1.1 网页设计的概念和发展历程1.2 网页设计的原则和规范1.3 网页设计的流程和方法2. 网页设计工具和软件的使用2.1 Photoshop的基本操作和应用2.2 Illustrator的基本操作和应用2.3 Sketch的基本操作和应用2.4 其他常用的网页设计工具和软件介绍3. 网页布局设计3.1 网页布局的基本原理和类型3.2 网页导航设计和页面结构设计3.3 响应式网页设计和移动端适配4. 网页配色方案选择4.1 色彩搭配原理和基本色彩知识4.2 网页配色方案的选择和应用4.3 网页配色工具和资源推荐5. 图像处理和优化5.1 图像尺寸调整和格式转换5.2 图片压缩和优化技巧5.3 图像编辑和特效处理6. HTML和CSS基础6.1 HTML语言的基本结构和常用标签6.2 CSS语言的基本语法和常用样式属性6.3 网页布局的实现和样式调整7. 网页交互效果实现7.1 JavaScript语言的基本概念和应用7.2 基本的DOM操作和事件处理7.3 简单的动画效果和用户交互效果实现8. 创新思维和实践项目8.1 培养学生的创新意识和设计思维8.2 实践项目的设计和实施8.3 设计作品的展示和交流四、教学方法1. 理论讲授结合实例分析：通过讲解概念和原理，结合经典案例进行分析和讨论，帮助学生理解和掌握知识。
《网页设计》课程教学大纲
《网页设计》课程教学大纲
一、课程概述
网页设计课程是由语言编写的，通过IE浏览器编译后供用户获取信息的页面设计，网页又称Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。
二、教学目标
熟练的掌握HTML语言的文档结构和基本标签使用。
能综合应用Dreamweaver软件、HTML和 CS S技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。
三、最低课时安排
《网页设计》课程最低总计学习课时为64课时。
各章节最低课时安排如下表所示：
四、教学内容
我们对本课程的具体授课内容会提供PPT，并在PPT中标明知识点讲述要点，详细内容请参考PPT。
《网页设计》教学大纲
网页设计课程教学大纲一、课程说明【课程编号】【课程类别】专业选修课【学分、学时】2学分、48学时【授课对象】数字媒体艺术专业本科四年级【修订日期】2021年3月31日本课程是一门操作性和实践性很强的课程，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。
在学生具备了一定的计算机应用基础知识和平面图像处理基础能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术以及Dreamweaver、Sublime Text等网页编辑与制作软件的使用，让学生具备熟练地制作出有专业水准的网页的能力。
本课程在教学设计当中充分融入思想政治德育教育的元素，突出以专业技能和理论知识为主、思想道德教育为辅的教学特点，发挥出思政教育在专业课程教学中的作用。
在教学过程中，引入实事政治案例，对学生进行正确的价值观的影响，使专业课程教学发挥引领学生树立正确价值导向的作用。
教学环节中，让学生参与讨论和互动，在选择案例和实践操作上多聚焦中华传统文化、国内优秀网页设计作品等，引导学生从全球视野看待中国文化，增强学生的价值认同与文化自信；在学习专业知识的同时，谈理想谈目标，在讨论过程中引导学生将专业知识与实际应用联系在一起，将个人理想与建设祖国联系在一起，从而进一步达到课程思政的教学目的，提高学生课堂学习的收获感、成就感，增强立德树人的成效，实现课程思政的教学效果。
表1 本课程对毕业要求支撑关系矩阵表注：课程矩阵图中课程与毕业要求各项相关关系，按照H （高相关）、M （中相关）、L （低相关）填写。
二、课程目标通过本课程的学习，培养学生利用网页设计技术进行网站设计与开发的基本知识和技能，能基本胜任网页制作的岗位。
通过教师的教学工作，不断激发并强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，以使他们树立自信心，锻炼克服困难的意志，乐于与他人合作，养成健康向上的品格。
同时，培养学生严谨、细致的工作作风和认真的工作态度。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：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在动态网站上的应用。
网页设计课程教学大纲
网页设计课程教学大纲课程概述本课程旨在介绍网页设计的基础知识和技能，培养学生的网页设计能力。
通过理论研究和实践操作，学生将掌握网页设计的核心概念，了解网页设计的流程和方法，以及熟悉常用的网页设计工具和技术。
课程目标- 了解网页设计的基本原理和概念- 研究网页设计的流程和方法- 熟悉常用的网页设计工具和技术- 培养学生的创造力和设计思维- 掌握设计符合用户体验和视觉需求的网页教学内容1. 网页设计基础- 介绍网页设计的概念和重要性- 讲解网页设计的基本原理和规范- 网页设计的色彩和排版原则2. 网页设计工具和技术- 介绍常用的网页设计工具，如Adobe Photoshop和Adobe XD - 网页设计中的图像和多媒体元素3. 网页设计流程和方法- 分析网站需求和目标用户- 制定网页设计的整体构思和结构- 创建网页设计的草图和原型4. 网页设计实践- 进行网页设计的实际操作和练- 学生根据特定需求和要求进行网页设计- 评价和改进自己的网页设计作品教学方法- 理论授课：讲解网页设计的基本概念和原理- 实践操作：指导学生使用网页设计工具和技术进行实际操作- 作业练：布置网页设计相关的作业和练题- 课堂讨论：促进学生之间的交流和思维碰撞- 评估考核：通过作业、考试和项目评估学生的研究成果考核方式- 课堂作业：完成指定的网页设计作业和练- 考试：进行理论知识的考核- 项目评估：根据学生的实际网页设计作品进行评估参考资料- 《网页设计基础教程》- 《网页设计与制作教程》- 在线教学资源和相关网站以上是《网页设计课程教学大纲》的概述和主要内容，通过本课程的学习，学生将获得扎实的网页设计基础和实践能力，为将来的网页设计工作打下良好的基础。
网页制作教学大纲
网页制作教学大纲网页制作教学大纲随着互联网的快速发展，网页制作已经成为一项重要的技能。
无论是个人博客、企业官网还是电子商务平台，都需要一个精美、实用的网页来吸引用户。
因此，学习网页制作成为了许多人的追求。
本文将为大家介绍一份完整的网页制作教学大纲，帮助读者系统地学习网页制作的各个方面。
一、HTML基础知识1.1 HTML简介HTML是网页制作的基础语言，学习HTML的基本概念和语法是网页制作的第一步。
本节将介绍HTML的历史背景、基本标签和常用属性。
1.2 HTML文档结构学习HTML文档的结构对于编写整洁、有序的网页至关重要。
本节将介绍HTML文档的基本结构，包括DOCTYPE声明、html、head和body标签的作用。
1.3 HTML文本标签网页中的文本是最基本的元素，学习如何使用HTML标签来定义文本的样式和结构是网页制作的核心。
本节将介绍常用的文本标签，如p、h1-h6、strong、em等。
二、CSS样式设计2.1 CSS简介CSS是网页样式设计的关键技术，学习CSS可以为网页增加丰富的样式和布局效果。
本节将介绍CSS的基本概念和语法。
2.2 CSS选择器选择器是CSS中最重要的概念之一，通过选择器可以选择特定的HTML元素并为其添加样式。
本节将介绍常用的选择器，如标签选择器、类选择器、ID选择器等。
2.3 CSS样式属性掌握常用的CSS样式属性可以使网页呈现出各种各样的效果。
本节将介绍常用的样式属性，如背景、边框、字体、颜色等。
三、响应式网页设计3.1 移动设备的普及随着智能手机和平板电脑的普及，移动设备上的网页访问量大幅增加。
学习响应式网页设计可以使网页在不同设备上都能有良好的显示效果。
3.2 媒体查询媒体查询是响应式网页设计中的重要技术，通过媒体查询可以根据设备的特性来调整网页的样式和布局。
本节将介绍媒体查询的基本语法和常用的媒体特性。
3.3 弹性布局弹性布局是一种适应不同屏幕尺寸的布局方式，通过使用弹性盒子模型和网格布局可以实现网页的自适应。
网页制作与设计教学大纲
网页制作与设计教学大纲一、课程介绍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软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计教学大纲
一、课程性质与任务
1、课程性质
《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
2 、课程任务
本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：
* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 能够解决一些网页设计中的常见问题。
* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目标与要求
1、本课程的基本目标
（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求
（1）知识要求
深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的
流程。
理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。
了解Dreamweaver cs3在动态网站上的应用。
（2）素质要求
本课程将培养学生以下几方面的职业素质：
服务意识：能够为他人提供优质的服务；
文明法制意识：网站内容应积极健康向上，不做违法的事；
合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；
较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
三、教学内容结构
学生应按照《网页设计与网站建设课程设计指导书》的要求认真设计。
教师应掌握好课程设计的总体进度，并组织答疑，以保证学生按时保质、保量地完成任务。
学生最后所完成的《网页设计与网站建设课程设计报告》应当做到内容齐全、条理清楚、文字通畅、打印或书写规范。
（1）网站建设总体策划
（2）域名注册与建站方式选择论证
（3）网站总体设计
（4）网站静态页面设计
（5）Web数据库设计
（6）网站测试、发布与维护管理
四、教学内容与要求
第一章网页设计概述：重点讲授网站，网页设计的概念；了解网页设计设计的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。
第二章网页赏析：初步了解网页赏析要求；理解网页赏析的理论要求；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。
第三章网页规划与布局：了解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；了解网站的规划与建设；熟悉网站设计，掌握网站与网页的区别。
第四章网页设计创意：通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。
让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发觉新意，提
出自己独到的见解。
第五章网页编程语言：了解HTML、CSS的定义、概念和作用；理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用；会用HTML语言总的标记设置颜色、文本格式和列表；掌握HTML的语法结构，掌握HTML语言中标记的使用方法；理解表格、框架、表单的作用。
理解CSS样式表的作用和意义；掌握CSS样式表的结构；掌握在网页中添加CSS的方法。
掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式。
第六章网页制作工具：
（1）通过教学，使学生能够用基本法和高级法新建站点、编辑站点，掌握如何在站点中新建文件和文件夹，会预览网页。
（2）掌握表格的组成和基本操作方法；熟练掌握穿件表格、表格操作、表格编辑的方法；
（3）掌握表单的基本概念和表单的各个组成元素；掌握插入表单以及表单元素的方法；会制作具有表单的网页。
（4）通过教学，掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。
（5）通过教学，使学生掌握导出与发布Flash动画的方法，能够准确设置Flash8动画作品的发布格式。
第七章动态网页介绍：掌握静态网页和动态网页的概念；了解实现动态网页的四种技术（CGI、ASP、JSP和PHP）的特点；掌握数据库、数据库管理系统、Web数据库的概念及关系数据库的特点；理解数据库在开发动态网页中的地位；了解ASP、JSP、PHP如何访问Web数据库。
第八章设计实例：综合运用前七章所学的知识创建和编辑一个站点，掌握主页和子页、子页之间、以及站内和站外的链接。
五、教学实施
1 、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。
2 、教学场所与设备要求：安装有Windows XP 或Windows 2000 的机房均可以进行实验，教学要求在多媒体教室进行。
六、考核与评价方式
有笔试和机试两种考试形式，主要由选择题、实验操作题组成。
在总成绩中，笔试成绩和上机考试成绩各占50%。