《新闻网页设计》课程标准
一、课程性质与任务
（一）课程性质
本课程是2016级艺术系新闻专业的一门专业课程。通过本课程的学习，要求学生掌握新闻网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的新闻页面，包括静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。
（二）课程主要任务
本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，整个《网页设计与制作》课程共分为五大模块，它们分别是：新闻网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
（三）与相关课程的关系
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为新闻专业的一门技术专业课程，一般在3年级开设，此时学生已经具备一定的新闻基础知识和多媒体操作的动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。
二、课程目标
总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
（一）能力目标：
1. 会使用Dreamweaver网页设计工具制作网页；
2. 理解HTML语言中的标记设置颜色、文本格式和列表；
3. 熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方
法；
4. 熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法；
5. 掌握HTML的语法结构，掌握HTML语言中标记的使用方法；
6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网
页格式和列表的格式；
7. 掌握在网页中嵌入图像的方法，掌握与嵌入图像相关标记的用法；
8. 掌握与图像布局和位置相关的标记的概念和用法；
9. 熟练掌握使用绝对和相对URL，创建超链接、图像链接；学会图像映射的建立方法；
10.熟练掌握表格的使用方法，会用表格布局并设计网页；
11.掌握框架制作网页的方法，会使用框架设计网页；
12.掌握制作表单的方法，会利用表单建立交互式页面；
13.掌握JavaScript语言的语法；
14.学会使用JavaScript语言实现网页特效。
（二）知识目标：
1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用；
2. 理解服务器、客户端、浏览器的概念和作用；
3. 理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；
4. 熟练操作DreamWeaver；
5. 理解CSS样式表的作用和意义；
6. 深入理解HTML语言的各种功能和应用；
7. 深入理解表格、框架、表单的作用；
8. 深入理解层的作用；
9.初步了解面向对象程序设计思想。
（三）素质目标：
1. 具有勤奋学习的态度，严谨求实、创新的工作作风；
2. 具有良好的心理素质和职业道德素质；
3. 具有高度责任心和良好的团队合作精神；
4. 具有一定的科学思维方式和判断分析问题的能力；
5. 具有较强的网页设计创意思维、艺术设计素质。
三、参考学时及学分
五、教学建议
（一）教学模式：
教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：
第1个阶段，案例引入，提出问题。
通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。
第2个阶段，学生自主学习，尝试解决问题。
充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。
第3个阶段，归纳总结，引申提高。
在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。
第4个阶段，举一反三、学以致用。
案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。
（二）教学方法：
充分利用现代化教学手段，提高教学效果。教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教学效率。包括：
（1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果。
（2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。
从《网页设计与制作》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。
（三）评价方法：
本课程的考核成绩有理论基础成绩与技能成绩两项组成，都是采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。
最终课程成绩由“平时成绩（占20%），实验实训考核（占40%），期中、期末考试成绩（占40%）”三个部分组成。
建议以学生自己制作的网站的实际水平作为学生的学习本课程的成绩。
（四）教材编选：
由于网页设计与制作这一岗位需要的知识面很光，除了本课程共所包含的五大模块外，还于Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充，因此仅靠一本教科书是无法达到教学目标的，需要多本教材的支撑，有条件、有师资的学校建议自己编写一本综合教材。
（五）教学资源：
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课
2015年 1 月编 一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具；
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的 使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的 动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录；能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。
4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素
一体化课程教案（首页） 课程网页制作授课教师 课题（项目） 名称 创意型网站开发审批 学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中 项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。 教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达， 解决问题的经验，体验团队合作和信息共享的乐趣。 教学重点 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞； 内容页制作和超链接。 教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。 学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。 教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为
本次课基本信息
教学设计页
教学内容页 8.5练习案例：装修公司 案例操作要点： 1．创建文件名称为index.html的新文档，并将所有样式存放在decoration样式文档中。插入ID名称为container的
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
《网页设计与制作》课程概述： 栏目介绍：课程栏目包括除课程概述之外，还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍： 《网页设计与制作》是一门理论与实践技能并重的课程，本 课程主要介绍第一章至第五章的内容。部分教学内容如下： 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时， 上下课时的内容相互联系 相互影响。 第一章： 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书
第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章： 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章： 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架
第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章： 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课：AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍： 所用教材是《网页设计与制作基础教程》，其内容丰富，结 构清晰，语言简练，图文并茂，具有很强的实用性和操作性，可 作为高等院校计算机相关专业的教材，也可作为广大动态网站开
南昌大学成人高考教育考试试题 一、单项选择题(每小题 1 分，共20分) 在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内 1、在通常意义上，电子商务所涉及的商务活动是() A.通过自动化通信手段进行的 B.在Internet上进行的 C.使用电子方式进行的 D.在专用网上进行的 2、当前使用的第四版本的IP地址有() 个字节个字节个字节个字节 3、ISP是指() A.基础网络运营商 B.应用服务提供商 C. Internet内容提供商 D. Internet服务提供商 4、下面不是电子商务网站的组成部分的是（） A.系列网页、后台服务器 B.网络设备 C.数据库软件 D.企业人员 5、以下不是电子商务网站模式的是（） 2C 2C D. A2C 6、商务网站的可行性分析包括（） A.技术可行性分析和经济可行性分析 B.管理人员分析 C.环境分析 D. 网络状况分析 7、下面哪个软件是web服务器软件（） A. word B. Visual foxpro D. ODBC 8、DSN的含义是（） A. 域名服务系统 B.数据源名 C.远程系统连接 D.命名系统 9、下面哪个不SQL语法关键词（） A. select B. update 10、下面哪种方式不是ASP访问数据库的方式（） D. Access 11、以下属于常用的大中型数据库的是（） A. Access B. Foxpro C. Excel D. SQL server 12、一般商务网站的首页头部不包含以下哪一项（） A. Logo B. Banner C. 导航 D. 产品简介 13、在网页的表格中要增加一个横行，应使用以下哪个标签（） A. table C. td D. hr
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题，每小题2分，共80分) (1) Photoshop中，下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中，利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6）下列关于层的说法，不正确的一项是___D_____。 A.在DreamweaverMX中，层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框，可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点，要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检 查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中，由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定 区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 （1）了解HTML语言的基本内涵。理解基本标记的用法； （2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； （3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； （4）掌握在网页中嵌入图象和多媒体的方法；
网页设计与制作课程标 准 公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法
网页课程设计心得 篇一：网页设计课程心得体会 “网页设计”学习心得体会 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习，对网页设计有了初步的认识和了解，并基本掌握了Dreamweaver的应用。 在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握，学习网页设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内
容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容，一个优秀的风站要有一个明确的主题。整
个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又
《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/952629395.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/952629395.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML
课程设计 课程名称：HTML5开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期
HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页
1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计
3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
电子商务网站课程设计报告 电子商务网站课程设计报告 目录 摘要 (2) 1．前言 (3) 2．网站整体功能 (3) 3．会员系统功能 (4) 4．数据库管理系统 (4) 参考文献 (7) 附图： (7) 摘要：
本网站利用Internet网络电子商务新技术,采用Microsoft https://www.doczj.com/doc/952629395.html,/SQL SELVER网站建设技术和数据库技术解决方案，实现了基于B/S模式的电子商务管理。凭借web服务器和客户的浏览器，利用电子工具高效率、低成本的特点，为客户提供交易平台，在Internet 上发布商业信息，商品广告，使用户可以查阅商品、搜索商品、订购商品，为客户提供全天候的、更好、更快的商务活动空间，实现网上交易的基本功能。网站依据目前商业网站的设计原则，以网上交易功能为主，辅于一些导购等功能，是一个简单的综合性电子商务网站。本文主要以一个衣服网站阐述了如何采用ASP/SQL网络数据库技术解决方案来完成会员注册、登陆、购买和后台数据库管理的设计，并介绍了其功能及实现技术。 关键词：电子商务，网站，数据库，ASP/SQL 1．前言 为适应国际贸易和商业领域的国际化、信息化和无纸化的需要，电子商务充分利用计算机技术，网络通信技术和因特网，在短短的几年内，迅速发展成为全球的支柱产业，给经济、生活、工作带来综合的革新。我们借助毕业设计这一锲机，以网上购物的形式，尝试建造一个全天侯的网上购物广场，为任何访问网站的客户提供优质的商业服务、可靠的商业信息、最新的商业机会。 本网站分为主页、会员区、订单、后台管理四个大模块。 客户首先进入本网站的首页，选购商品，阅读新闻。通过会员注册后，可以登录进入页面进行商品的购买，选购商品，放入购物车，填写相关信息经订单确定后，可以向本网站下购物单。这些模块的数据——商品数据、登录数据、客户数据、会员数据、订单数据等都存放在数据库管理系统中，由数据库管理员操作数据库管理程序进行系统管理。
《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计 一、教材或教学内容分析 本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。 本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。 重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。 难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。 二、教学对象的分析 第 1 页共 6 页 信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常
用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内 第 2 页共 6 页 掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必
系统功能设计 1、网站基本功能 1）网站基本信息后台设置： 网站名称、关键字、描述、联系方式、版权信息、ICP证书、Logo 设置是否显示浮动客服窗口，同时可以设置透明度 在线客服账户管理：支持多个QQ、MSN、旺旺、Skype 设置是否显示53kf客服窗口 设置是否显示：流量信息、报价单、发货单、赠品、优惠券、管理进入链接等 2）邮件发送系统：支持Jmail、ObjCdoMail、Aspemail、Cdo.Message组件管理员可选择组件和设置SMTP发件信息 3）后台管理账户维护功能，管理员分为总管理员、订单管理员、产品管理员管理员后台可设置添加、修改、删除信息成功后的处理方式 可选后台管理上下、左右显示模式 4）管理员后台可以查看服务器组件信息：脚本支持、组件支持、安全配置、运行速度 5）友情链接管理：管理员可以添加友情链接，支持图片和文字形式 2、网站模板管理 1）网站支持多种界面，后台可以自由切换 2）每个大类可以设置不同风格的模板 3）目前支持的模板包括： 黑底深蓝、黑底炫彩、黑底深灰、黑底棕色、混合苍青、经典蓝色、朴素蓝色、明亮蓝色、精美浅蓝、韵味深蓝、品味棕色、简洁灰色、明亮银灰、健康绿色、植物绿色、混合黄绿、混合蓝绿、可爱泡泡、可爱洋红、精美鲜花、可爱浅红、姹紫嫣红、混合紫蓝、精美深紫、精致淡紫、精美嫣红、仿京东红、稳重暗红、火热红色、深色紫红、淘宝金黄、清新浅黄 3、产品功能模块 1）商品二级分类系统，支持分类排序 每个大类可选不同模板 商品大类、小类页面可以单独添加广告 2）产品品牌功能，品牌介绍支持html在线编辑器 3）产品一级分类、二级分类、品牌页面的搜索引擎优化 4）商品添加、修改、以及独创的复制功能，支持名称价格、库存、积分等批量修改商品批量删除、批量转移分类、设置推荐、设置特价、设置分类推荐等 5）价格批量处理：可以将整站商品价格加、减、乘、除一定的值或者比例 6）商品自定义参数：商品可以按照大类设置最多50个参数，方便经营不同类型的产品管理员可设置商品参数显示位置：商品图片右侧或者商品介绍底部 7）商品可选参数：同一款商品可以设置不同的参数如颜色、尺码让客户选择 8）商品积分、编号可以选手动输入或者按照规则自动生成，库存可设置默认值 9）商品价格体系 市场价格-仅供参考不参与订购计算
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求