《网页设计与制作》课程简介
《网页设计与制作》课程标准
《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。
通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。
同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。
1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。
教学时各模块既有独立性, 又有关联性。
独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。
本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。
2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。
课程纲要《网页设计与制作》
,课程纲要《网页设计与制作》一、课程简介本课程是由浙江省衢州中等专业学校余亚军老师编写,郑晋芹、苏小春、林剑伟老师参编的校本教材，共18课时。
本课程按照网页设计制作的流程设置要求，以网页设计与制作的业务流程为主线，对网页设计与制作的基本原理及实现方法进行了介绍及完整的展示。
体现理论教学和实践教学融通合一、专业学习和工作实践学做合一、能力培养和工作岗位对接合一的特征。
本课程由网页效果图制作、静态页面制作、网页布局共三章构成。
第一章以网页素材的选取为突破口，让学生能迅速熟悉并快速掌握网页效果图制作的方法、步骤及关键技术。
第二章以现有效果图为基础，来讲解静态页面的制作，让学生轻松理解主要的html标记。
第三章介绍了目前流行的DIV+CSS技术，让学生掌握使用该技术实现网页布局的重要技能，以适应网页设计与制作类岗位职业发展的需要。
本课程实训项目的设计，以网页素材丰富、页面规范化程度较高的企业网站为载体，有利于激发学生兴趣，提高他们的实战能力。
在对教学内容细节的处理上，有效降低学习的难度，以适应网站设计师岗位能力素质的基本需求。
本课程适用高中学生平时教学或选修使用，同时，对于从事电子商务、网页设计等行业的爱好者业余学习也有一定的参考作用。
二、课程目标1．通过网页设计与制作校本选修课程的学习，进一步激发学生兴趣，培养学生爱好，使学生拓宽视野，增长知识，陶冶情操，丰富生活。
2．学生通过18课时的学习，能够了解网页设计与制作的基本流程，以及网页布局的知识，能够增长见识。
3．通过学习，能够掌握Photoshop和Dreamweaver等软件的基本操作，能够掌握网页设计与制作的方法，提高自己的动手能力。
4．在学习的过程中，能够学会互相帮助，能够根据老师提供的资料进行自主学习，能够进一步提高自己发现问题、分析问题和解决问题的能力。
三、课程内容本课程以一个完整的网页设计与制作为实例进行制作，共安排了18课时。
教材内容及课时安排：第一章网页效果图制作（8课时）第二章静态页面制作（4课时）第三章网页布局（6课时）四、教材编写原则1．实践性原则注重理论知识和实践经验的有机结合，注重学生的上机操作实践，坚持实践第一、力求达到课程项目、活动化，培养学生个体独特的实践精神和动手能力。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
网页设计与制作课程简介
《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。
本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。
在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。
在以后学生还将学习《程序设计》课程，能设计和制作动态网页。
2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。
课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。
同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。
3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。
课程以工作任务来组织内容，以案例驱动贯穿教学过程。
由浅入深，最后完成主题网站的开发项目。
课程教学中以Dreamweaver的使用为主线，要重视HTML语言和CSS样式的讲解和应用。
通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。
二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握HTML语言的文档结构和基本标签使用。
网页设计与制作课时说课稿
<div id=“main”>
先堆到一起再说！
<div id=“main_left></div>
<div id=“main_right>
<div id=“right_top>
<div id=“right_top_kcjs”></div>
<div id=“right_top_jcjs”></div>
</div>
课程 目标
网站设计与制作能力、团队协作能力、 沟通能力、分析解决问题能力、项目实施能力
内容 选取 组织
以教学仿真项目和企业实际项目为载体 重构和序化教学内容
项目五 佳佳商城用户及留言管理系统
课
项目一 书法家庄辉个人网站
程
教
学
项目二 电子信息工程系迎评网站
内
容
选
项目三 精品课程网站
取
与
安
项目四 武威旅游网
展 示 与 评 价
自信感、成就感、责任心
以工作任务为主线，以学生为主体，以教师为主导，融“教、学、做、评”为一体。
六
课后拓展练习
主页效果图 二级页面效果图
巩固本节课的内容 培养动脑、动手、创 新
大部分学生对盒子模型有 了更深刻的认识，会用 “DIV+CSS”布局技术 及制作出精品课程网站的 主页，能够熟练应用css 语法规则。
任 务
论）
目
标
通过插入多个DIV ,通过控制盒子外观的CSS样式表
教师为主导 学生为主体
三
学 生 自
1.学生分析精品课程网站主页的布局。
主 探
完整版)网页设计与制作课程标准
完整版)网页设计与制作课程标准网页设计与制作》是一门理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。
该课程定位于WEB技术开发工作岗位，是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。
通过本课程的研究，学生将了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。
该课程旨在为今后从事网页设计与制作、网站开发和管理奠定基础，并在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主研究能力和探索创新能力。
该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：1.网页基本概念（第1章）2.基本开发工具的使用DW CS6软件介绍（第2章）3.建立与管理站点（第3章）4.制作主要内容为文本的网页（第4章）5.插入与编辑图像（第5章）6.插入多媒体元素（第6章）7.创建超级链接（第7章）8.HTML基础（第13章）9.表格处理与网页布局（第6章）10.网页布局AP Div的应用（第9章）11.使用CSS+DIV布局网页（第11章）12.网页美化CSS样式表（第10章）13.行为（第12章）14.动态网页基础（第15章）15.创建和使用模板（第9章）16.创建和使用库（第10章）该课程的教学目标为：1.掌握使用Photoshop进行图像处理的基本方法及操作技能；2.掌握DreamweaverCS5的基本知识及操作技能；3.掌握建立与管理站点的方法；4.掌握制作主要内容为文本的网页的方法；5.掌握在网页中插入与编辑图像的方法；6.掌握在网页中插入多媒体元素的方法；7.掌握表格处理与网页布局的方法；8.掌握创建超级链接的方法；9.掌握使用框架制作旅游网站的方法；10.掌握创建和使用模板的方法；11.掌握创建和使用库的方法；12.掌握在网页中添加AP Div的方法；13.掌握在网页中使用行为的方法；14.掌握HTML基础知识及通过代码修饰网页的方法。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲1000字一、课程名称：网页设计与制作二、课程性质：专业选修三、先修课程：计算机基础、HTML语言基础、CSS样式基础、JavaScript基础四、课程目的：本课程旨在培养学生熟练掌握网页设计和制作所需的技能和知识，包括从网站设计和规划到页面布局和导航、从图像和多媒体素材的处理到网页代码开发的全过程。
五、教学内容：1.网站设计和规划（1）需求分析与目标设定（2）信息架构设计（3）网站页面设计2.页面布局与导航（1）CSS样式技术（2）网页布局设计（3）导航设计3.视觉设计（1）颜色与图像设计（2）多媒体素材处理（3）响应式设计技术4.网页代码开发（1）HTML语言与标签（2）CSS样式（3）JavaScript脚本5.网页制作（1）网页编辑器使用（2）网页调试与测试（3）网页发布和维护六、教学方法：课堂讲授、案例分析、实践操作、课程论文七、成绩评定方式：平时成绩占30%，包括参与度、作业完成度等；考试成绩占70%。
八、教材：1.《Web页面设计基础》2.《HTML5与CSS3基础教程》3.《JavaScript权威指南》九、参考资料：1.《Web标准设计》2.《响应式Web设计》3.《图解CSS3》4.《实战Bootstrap》十、实验操作：实践操作是课程的重要组成部分。
通过实验操作，学生将掌握网页设计和制作的实际技能和经验。
实验操作包括：1.网站规划和设计2.网页布局与导航3.视觉设计和处理4.网页代码开发和调试5.网页发布和维护十一、教学进度安排：第一周：课程介绍和网站设计和规划第二周：网页布局与导航第三周：视觉设计和处理第四周：HTML语言与标签第五周：CSS样式第六周：JavaScript脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
【完整版】网页设计与制作课程课件
网页排版和布局
深入研究网页排版和布局的原则，包括网格系统、流式布局和固定布局等技术。
图像、音频和视频在网页中的应用
学习如何在网页中嵌入各种媒体文件，创建富媒体的用户体验，提升网页的吸引力。
动态交互效果设计实战
通过实际案例和项目，学习如何使用JavaScript和CSS创建各种动态交互效果。
PHP语言基础
介绍PHP的基本语法、函数和流程控制，学习如何使用PHP开发动态网页。
MVC模式与Web应用程序框架
深入研究MVC模式的原理和应用，介绍常用的Web应用程序框架。
网站发布与维护
了解网站发布的流程和方法，学习如何进行网站的维护和更新。
网站安全和防范策略
探索网站安全的重要性和挑战，学习如何应对常见的安全威胁和攻击。
【完整版】网页设计与制 作课程课件
探索网页设计与制作的全过程，从前端开发基础到后端开发基础，通过丰富 的案例和实战项目，提升您的技能与知识。
网页设历程以及课程的主要内容和学习目标。
前端开发基础
介绍前端开发的基本概念、技术工具和流程，包括HTML、CSS和JavaScript。
网页性能和优化
深入了解网页性能优化的技术和策略，提高网页的加载速度和用户体验。
前端框架的使用
介绍常见的前端框架，如Bootstrap和Vue.js，学习如何使用框架开发快速高效的网页。
后端开发基础
探索后端开发的基本概念和技术，包括服务器端语言和数据库。
数据库设计和应用
学习数据库的基本原理和设计方法，以及如何使用SQL语言进行数据查询和操 作。
HTML语言基础
学习HTML的基本语法和标签，掌握常用标签的用法以及语义化网页的重要性。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲《网页设计与制作》教学大纲课程编号：14411400 课程总学时：48 周学时数：3 学分：3课程类型：专业必修课开课〔系〕院：教育学院执笔人：朱玲审核人：刘梅一、课程简介《网页设计与制作》是一门综合性、应用性很强的课程，是教育技术学专业的一门专业必修课程。
通过学习本课程，能利用Dreamweaver 8来开发出有实用价值的网站来。
熟练掌握Dreamweaver 8的根本界面环境和HTML语法，了解当前常用数据库的根底知识，能利用数据库来为网站效劳。
本课程以《Dreamweaver 8中文版网页制作根底》作为教材，该教材采用工程教学法。
工程教学法〞是通过实施一个完整的工程而进行的教学活动，其目的是在课堂教学中把理论与实践教学有机地结合起来，充分开掘学生的创造潜能，提高学生解决实际问题的综合能力。
这也充分表达了我校的培养应用型人才的路线。
二、教学目的与要求1、教学目的本课程开设的主要目的，是为了适应web技术的飞速开展，为学生今后在学习、工作中建立网站及网页制作打下根底。
通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的根底知识，能熟练利用Dreamweaver 8提供的强大的功能制作出精美的网站。
2、教学要求在本课程的学习中，要求学生能够熟练使用Dreamweaver 8操作环境，掌握HTML的语法规那么，并能够利用Dreamweaver 8的强大功能制做出精美的网页，同时能独立创立并管理网站。
三、教学内容及学时安排第一章Dreamweaver 8概论[教学目的与要求]1.认识Dreamweaver 82.了解Dreamweaver 8的用途及新增功能3.熟悉Dreamweaver 8的工作界面4.熟悉Dreamweaver 8的一些简单的设置 [重点与难点]1. Dreamweaver 8的工作界面2.自定义工作环境3.选择视图方式 [教学时数] 3学时[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]一、什么是Dreamweaver 二、新增功能三、Dreamweaver 8的工作界面〔一〕选择工作界面〔二〕界面组成四、自定义工作环境〔一〕显示/隐藏面板和工具栏〔二〕更改“插入〞工具栏的外观〔三〕自由组合面板〔四〕调整文档窗口大小五、选择视图方式〔一〕代码视图〔二〕设计视图〔三〕代码和设计视图 [实验实践教学环节]实验工程：熟悉Dreamweaver8操作环境实验课时：2学时 [课堂训练、作业思考题]×480像素大小？[教学目的与要求]1.了解网页的设计与布局原那么2.明确网站的筹划与创立原那么3.知道网站的开发流程 [重点与难点]1.网页的设计与布局原那么2.网站的筹划与创立原那么3.网站的开发流程第二章网页与网站的根本知识[教学时数] 3学时[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]一、网页设计和布局原那么〔一〕网页主题网页主题时应该遵循以下原那么：〔二〕网页命名和标志〔三〕网页的色彩〔四〕网页的文字〔五〕网页中的表格〔六〕网页版面和布局二、筹划与创立原那么(一)什么是网站 (二)网站的目标定位 (三)网站的风格 (四)网站的CI形象(五)网站的栏目和板块 (六)网站的目录结构。
《网页设计与制作》课程教案
《网页设计与制作》课程教案第一章：网页设计与制作概述1.1 课程介绍网页设计与制作的基本概念网页设计与制作的目的与意义网页设计与制作的应用领域1.2 网页设计原则网页设计的基本原则用户体验设计原则响应式网页设计原则1.3 网页制作工具与技术网页设计软件的选择与使用HTML与CSS的基本语法与使用方法JavaScript的基础知识与应用第二章：网页布局与排版2.1 网页布局的基本概念网页布局的定义与作用常见的网页布局方式布局元素的分类与使用2.2 排版的原则与方法排版的基本原则文本的格式化与排版图片与多媒体元素的排版2.3 响应式网页布局与排版响应式网页布局的概念与意义媒体查询的使用方法布局与排版在不同设备上的应用第三章：网页色彩与字体3.1 色彩的基本概念与应用色彩的视觉效应与心理作用色彩的搭配原则与技巧色彩在网页设计中的应用案例3.2 字体的选择与使用字体的分类与特点字体的搭配原则与技巧字体在网页设计中的应用案例3.3 网页色彩与字体的综合应用色彩与字体的协调与平衡字体大小与行距的设置与调整色彩与字体的个性化应用与创新第四章：网页图片与多媒体元素4.1 网页图片的选择与处理图片的格式与特点图片的选择标准与技巧图片的处理与优化方法4.2 多媒体元素的应用音频与视频元素的应用动画与GIF图片的应用交互式多媒体元素的应用4.3 网页图片与多媒体元素的优化图片与多媒体元素的加载优化图片与多媒体元素的响应式应用图片与多媒体元素的视觉效果与用户体验第五章：网页交互与动画5.1 网页交互的基本概念与原理交互的定义与作用交互的实现方式与技术交互的设计原则与技巧5.2 JavaScript基础与应用JavaScript的基本语法与功能事件处理与DOM操作JavaScript库与框架的选择与使用5.3 网页动画的实现与优化CSS动画的制作方法与技巧JavaScript动画的制作方法与技巧动画的加载优化与性能考虑第六章：HTML与CSS高级应用6.1 表单设计与验证表单的基本结构与属性表单元素的使用与布局表单验证的实现方法6.2 网页组件设计与实现导航栏与面包屑的制作折叠面板与标签页的制作轮播图与幻灯片的设计与实现6.3 网页动画与过渡效果CSS过渡与动画的实现JavaScript动画的实现方法动画的性能优化与调试第七章：前端框架与库7.1 前端框架的基本概念前端框架的作用与优势常见的前端框架介绍框架的选择与使用7.2 Bootstrap框架的应用Bootstrap的基本结构与组件栅格系统与布局设计Bootstrap表单与样式定制7.3 React与Vue框架的选择与应用React框架的基本概念与使用方法Vue框架的基本概念与使用方法框架项目结构与组件化开发第八章：网页兼容性与优化8.1 网页兼容性基本概念浏览器兼容性的原因与挑战兼容性测试的方法与工具兼容性解决方案与最佳实践8.2 网页性能优化网页加载速度的影响因素图片与多媒体元素的优化代码压缩与合并技巧8.3 搜索引擎优化（SEO）SEO的基本概念与原则关键词研究与内容优化代码优化与站点结构调整第九章：网页安全与维护9.1 网页安全基本概念网页安全的威胁与挑战跨站脚本攻击（XSS）的预防跨站请求伪造（CSRF）的预防9.2 数据备份与恢复数据备份的重要性与方法数据库备份与文件备份恢复策略与流程9.3 网站维护与更新网站维护的内容与流程网站更新的方法与技巧网站监控与性能调优第十章：项目实践与案例分析10.1 项目实践流程项目需求分析与规划设计阶段与实现阶段项目测试与上线流程10.2 项目案例分析案例一：个人博客网站设计与制作案例二：电子商务网站设计与制作案例三：响应式企业官网设计与制作项目过程中的问题与解决方法网页设计与制作的趋势与展望重点和难点解析1. 第一章：网页设计与制作概述难点解析：网页设计原则的理解与应用、网页制作工具与技术的熟练运用2. 第二章：网页布局与排版难点解析：响应式网页布局与排版的设计与实现3. 第三章：网页色彩与字体难点解析：色彩与字体的协调与平衡、字体大小与行距的设置与调整4. 第四章：网页图片与多媒体元素难点解析：网页图片与多媒体元素的优化方法、响应式应用5. 第五章：网页交互与动画难点解析：JavaScript事件的处理与DOM操作、动画的实现与优化6. 第六章：HTML与CSS高级应用难点解析：表单验证的实现方法、网页组件的布局与样式设计7. 第七章：前端框架与库难点解析：框架的选择与使用、React与Vue框架的选择与应用8. 第八章：网页兼容性与优化难点解析：兼容性解决方案与最佳实践、网页性能优化的实施方法9. 第九章：网页安全与维护难点解析：预防跨站脚本攻击（XSS）与跨站请求伪造（CSRF）的策略、网站维护与更新的方法10. 第十章：项目实践与案例分析难点解析：项目需求的分析与规划、项目测试与上线流程的控制本教案《网页设计与制作》涵盖了网页设计与制作的基本概念、技术应用、项目实践等各个方面。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：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制作网页的方法。
自考0900网页设计与制作--课程性质、学习内容、考试简介及学习方法
五、学习方法
1、使用本考试大纲推荐的教材 2、阅读本大纲推荐的参考书 3、使用为本课程设计的"辅导与练习”。 4、保证领会和掌握考核知识点中所列出的所有内容 5、能够4根据考核内容的要求提供自己的实例 6、尽可能地积累大量与课程内容有关的实践经验 7、利用书籍、参观访问、电视、网络等手段，发现各种网页设计技术 8、应用自己的实践经验和所学知识，分析各种不熟悉的案例
三、课程内容与考核要求
三、课程内容与考核要求
三、课程内容与考核要求
三、课程内容与考核要求
四、关于大纲的说明与考核实施要求
1、本课程共5学分，学习过程中要理解和掌握基本理论与基本方法， 并联系实际对案例进行分析。 2、本课程对不同能力层次要求的分数比例大致为：识记占33%，领会 占33%，应用占34%。 3、试卷满分100分，60分及格。考试时间：150分钟，闭卷 4、考试的题型一般有单选题、多选题、名词解释题、简答题、论述题、 综合应用题等题型。
《网页设计与制作》
《课程性质、学习内容、考试简介及学习方法》
课程代码：0900
主要内容
一、课程性质与课程目标 二、考核目标 三、课程内容与考核要求 四、关于大纲的说明与考核实施要求 五、学习方法
一、课程性质与课程目标
1、课程性质和特点
• （a）课程设置目的：使考生掌握目前流行的各种网页设计工具 • （b）特点：课程学习将以案例助学与教学相结合为主。通过课程的学习，使
考生掌握阅读、分析计算机与商务应用案例的技巧
一、课程性质与课程目标
2、课程目标
1.了解互联网、超文本页面的主要概念和术语； 2.掌握策划 Web站点的基本原则和设计方法； 3. 熟练掌握Web页制作基本的HTML(超文本标记语言）； 4.了解 DHTML、JavaScript、VBScript等动态页面实现技术； 5. 掌握一到两种Web站点快速开发工具的使用方法和技巧； 6.了解一到两种可以进行图形处理、网页动画编辑的工具； 7.了解将来Web页面技术的发展方向。
《网页设计与制作》课程简介
《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。
本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。
在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。
在以后学生还将学习《程序设计》课程，能设计和制作动态网页。
2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。
课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。
同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。
3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。
课程以工作任务来组织内容，以案例驱动贯穿教学过程。
由浅入深，最后完成主题网站的开发项目。
课程教学中以Dreamweaver的使用为主线，要重视HTML语言和CSS样式的讲解和应用。
通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。
二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握HTML语言的文档结构和基本标签使用。
《网页设计与制作》课程介绍
网页设计
• QQ：994892675 • • • E-mail ：994892675@ 王日桂
目 录
网页设计与制作
网页设计与制作
网站建设概论 超文本标记语言HTML 网页制作工具Front Page 网页制作工具 Dreamweaver 图形处理工具Fireworks 动画制作软件Flash ASP动态网页设计
1. 2. 3. 4. 5. 6. 7.
网页设计与制作
课程性质
公共选修课
网页设计与制作课程是面向全院理、工、 管、文等各本科专业学生开设的一门公共选修 课。教学对象：大学本科各年级学生，结合教 学，面向全校学生开展主题为 “倡导时代文 明，丰富校园文化；培养创新能力，加强网络 建设” 。
网页设计与制作
5. 初学时重点是掌握计算机网络知识及其运用 技术的意识和初步能力； 6. 后期应重点掌握应用软件进行网页设计与制 作的思想和方法。
教材与参考书
清华大学出版社。
参考书：
1. 《网页制作基础教程 》黄洪杰 杨 工业出版社。
网页设计与制作
教材:《网页设计与制作教程 》杨选辉编著，
军 主编，电子
2. 《网页制作短训教程与上机指导 》李春义 岑剑锋 编著，清华大学出版社，。
3. 网页规模：网页的深度至少包括二级页面。网页总 量不超过10M。 4. 显示环境：网页视觉效果采用以下两种浏览器之 一，显示分辨率以 800×600 状态为准，显示分辨率 以1024×768状态为佳。
网页设计与制作
教学目标：对学生的要求
掌握应用常规软件进行网页设计与制作 的思想和方法；
培养学习和掌握计算机网络知识及其运 用技术的意识和初步能力；
网页设计与制作大纲
《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。
“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》课程简介
课程名称：网页设计与制作
课程代码：02038
适用专业：初等教育（计算机与信息技术方向）
课程性质：专业核心课程、必修课、专业技能课
学分：3 学分
计划学时：72学时（理论36学时，实训36学时）
一、前言
1. 课程性质
本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。
本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。
在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。
在以后学生还将学习《程序设计》课程，能设计和制作动态网页。
2. 课程基本理念
初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。
课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。
同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。
3. 课程设计思路
根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。
课程以工作任务来组织内容，以案例驱动贯穿教学过程。
由浅入深，最后完成主题网站的开发项目。
课程教学中以的使用为主线，要重视语言和样式的讲解和应用。
通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。
二、课程目标
1. 总体目标
本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握语言的文档结构和基本标签使用。
能综合应用软件、和技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。
通过小组合作完成主题网站的建设，培养学生团队协作精神、责任感、克服困难的精神、理论应用于实践和解决实际问题的能力，为今后学习进一步动态网页的制作打下良好的基础。
2. 具体目标
（1）知识目标
1）理解网站和网页的本质；
2）理解网站建设工作流程；
3）掌握网页制作工具软件的使用；
4）掌握网页的基本制作方法；
6）掌握语言和的使用；
7）掌握网站的测试、发布和管理。
（2）能力目标
1）能合理规划主题网站；
2）能进行团队合作完成任务；
3）能理论与实践结合，解决实际问题；
4）能克服困难解决问题；
5）能设计与制作网站，并进行测试和发布。
（3）素质目标
1）理论结合实践，培养动手能力；
2）具有团队意识，协作完成任务；
3）具有责任感，主动承担任务；
4）具有分析问题和解决问题的能力。
三、课程内容与学习目标
四、实施建议
1. 教学建议
根据课程标准选定合适的教材，以项目、模块和工作任务组织教学内容，教师在讲解知识点的基础上，要重视学生的操作练习，完成实践项目的工作任务。
应当教、学、做三位一体化，理论与实践并重。
最后已以3-4人为一组，完成主题网站的建设，深化对课程学习内容的掌握。
培养学生团队协作能力、交往与合作能力、沟通能力、抗挫折能力、创新实践能力、获取新知识与新技能的能力。
课程总学时72，理论教学和实践教学各占36学时。
2. 教学考核评价建议
网页设计与制作课程是专业核心课程，考核方式有多项内容组成，期初就对学生明确。
期末成绩为综合评定，由平时成绩（15%左右）、作品（35%左右）、期末笔试（35%左右）、上机操作测试（15%左右）等项目组成，其中综合实训内容主题网站的建设是重要的评价项目。
3. 教材选用和编写建议
课程教材优先选用高等职业院校规划教材，注重技能的培养，要有实验实训环节。
教师要提供相应的教学参考书，弥补教材不足的内容和学生拓展能力所需的知识。
（1）教材
网页设计与制作教程（第2版），赵丰年编，人民邮电出版社2009年10月；
（2）参考书
1）网页设计案例教程，朱艳丽编，清华大学出版社2012年9月；
2）网页设计与制作，董洁编，清华大学出版社2012年8月；
3）网页设计与制作实例教程，孙士保编，电子工业出版社2013年5月
4）网页设计与布局项目化教程()，温谦编，人民邮电出版社2013年9月
（3）编写建议
学院可以组织教师编写《网页设计与制作》教材，以项目和模块形式组织课程内容，每章节有工作任务开展实践教学环节，最后进行综合实训。
编写的学习内容应考虑高职院校的学生特点，理论以够用为主，加强实践操作提高学生的职业技能。
4. 课程资源的开发与利用
教师可以利用校内共享课程资源平台，开发《网页设计与制作》课程的共享资源，向学生提供优质学习资源。
此外，网络资源也是很好的学习资源，应加强对学生使用网络资源学习的指导。
一些网络资源可参考“：
（1）校内共享课程网站：；
（2）W3：，因特网上最大的开发者资源，其中包括全面的教程、完善的参考手册以及庞大的代码库。
（3） 5 ：，以通俗易懂知识讲解、案例分析、实例示范让您轻松学习布局技术、轻松实现标准网页重构开发。
（4）优秀设计网：，提供平面设计、网页设计、编程开发、设计欣赏、酷站欣赏网页特效等。
5. 其他说明
课程学习将提供学校的专用服务器作为学习交流的平台，架设和服务，学生制作的网站发布到服务器上。
作为远程站点，可以测试网站、调试网页效果、展示制作的网站和学习交流。
五、附录
（）：超文本标记语言；
（）：层叠样式表；
：网页制作专用软件，建议用4版本；
主题网站：学生可以自己确定网站的主题开发网站。
六、学习建议
本课程教材目前使用《网页设计与制作教程（第2版）》，赵丰年主编，人民邮电出版社出版。
全书共分15章，分别介绍了网页制作的基本概念和理论、建立站点和编辑网页、文本编辑与格式化、使用超链接、网页中使用图像、使用样式、使用表格、使用布局、使用框架、使用表单、使用多媒体、使用行为、使用模板和库、站点测试和发布等等。
内容涵盖面广，并以旅游网站的开发实例贯穿整个学习过程。
学生在学习过程中，要善于利用课程提供的各种学习资源，包括参考书、教学、教学视频、学习参考和教学拓展等内容，完成学习任务要求。
使自己的网页设计和制作水平得到有效的提高。