模块四_网页制作课件作业 李丽霞
首页二级页面—整体感知
spring
朱自清
春
按照课文顺序重新排列画面
盼望着,
盼望着
像小
姑娘,
像…
整体感知
二级页面—春草图二级页面—春花图
春草图
春草图
修辞
角度(顺序)
特征
名称
嫩、绿、多、软由物到人拟人
春花图
春花图
修辞
角度(顺序)
特征
名称
多、艳、甜由高到低排比、比喻、拟人
二级页面—春风图二级页面—春雨图
春风图
春风图
修辞
角度(顺序)
特征
名称
和悦触、嗅、视、
听觉拟人、比喻、引用
春雨图
春雨图
修辞
角度(顺序)
特征
名称
细密、轻盈由物到人由近到远排比、比喻
二级页面—课外练笔
课外练笔——
请你模仿春景图的写法，写一幅春水图或春山图或春树图。
《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用
使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式
网页设计与制作一体化教学总结与评价高艳秋
《网页设计与制作》一体化教学总结与评价 高艳秋 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标 通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 （1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 （7）掌握建立各种形式超级链接的方法。 （8）掌握表单网页制作方法。 （9）掌握网页特效的制作方法。 （10）掌握网站测试的方法。 2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
(完整版)《网页设计》课程教学大纲
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：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）掌握在网页中嵌入图象和多媒体的方法；
网页制作教学总结
网页制作教学总结 篇一：网页设计教学工作总结 网页设计教学工作总结 本学期本人担任学校11级计算机专业的网页设计的教学工作。下面就这一学期的教学工作进行总结： 一、期初制定计划及落实情况 在学期初，按照网页设计教学安排,制定周密详细的教学计划和教学进度表。在教学过程中，自始至终能按照计划进行教学，按照任务驱动，让学生通过案例作品设计，极大的提高了学生的计算机操作能力。 二、课前准备工作 1、认真钻研教材，结合新课标理念，以学生为主体，精心设计好教案，想好教法。 2、了解学生原有的知识技能的质量，他们的兴趣、需要、方法、习惯，学习新知识可能会有哪些困难，采取相应的预防措施。因材施教，使学生能真正的学到知识。 3、考虑教法，综合运用任务驱动法，边讲边练法和学生自主探究法等教学方法，使学生能在课堂上理解每节课的内容和不断的提高学生的信息素养。 三、在教学中取得的一些体会 1．网页设计的教学中，采用边教学、边思考的方法。在教学中不断
反思，一学期下来，积累了不少的经验。发现了问题就及时解决，对自己和对学生都是一个不断提高的过程。 2．网页设计的教学以操作课为主，老师主要讲解操作过程和工 具的功能，之后学生在操作的过程中掌握各种工具的使用，最终达到教学效果。并且要求学生能够良好的运用所学知识，来制作相关作品。在作品的制作过程中，我也进行了相关的指导，使他们能够在已学知识上有所拓展及提高。在教学中也不断的进行知识的深入及对学生所感兴趣知识的讲解，使其始终能保持足够的兴趣，这样的学习才是轻松的学习。 四、对以后教 学的打算 在今后的网页设计课程上，我会继续珍惜时间，善于思考，大胆实践。努力提高学生的学习效率，同时加强先进教育教学理念和学科专业知识的学习，提高自身素质，做一名优秀的学科教师，把《网页设计与制作》打造成精品课程。 对待学生方面：多与学生交流，倾听他们的心声，关注他们的需要，激发他们的学习兴趣，努力提高他们的学习能力和信息素养。 篇二：网页制作教学总结 教师个人工作总结范文 时间过得真快，转眼间一学期的教学工作已接近尾声，为了更好地做好今后的工作，总结经验、吸取教训，本人特就这学期的工作小结如下：
第五章动态网页的制作
第五章动态网页的制作精练试题 第一节动态HTML 一、选择题： 1.（单选题）（）是动态HTML的简称，它其实并不是一门新的语言，只是HTML、 CSS和客户端脚本的一种集成，即一个页面中包括HTML+CSS+JavaScript(或其它客户端脚本)。 A.HTML B.XML C.DHTML D.XHTML 答案：C 2.（单选题）在网页中的HTML代码嵌入JavaScript，应该使用的标记是（）。 A.＜script＞＜/script＞ B.＜head＞＜/head＞ C.＜body＞＜/body＞ D.＜!--...//--＞ 答案：A 3.（单选题）如果想要在网页打开时弹出一个提示对话框，应该在
标签中的 （）事件加上JavaScript代码？ A.onFocus B.onMouseOver C. onMouseOut D. onLoad 答案：D 4.（单选题）样式表（CSS）在网页制作中具有重要的作用，以下样式表内容定义文 字具有删除线，它将会影响网页中的（）效果？ A.所有文字 B.表格中的所有文字 C.段落中的所有文字 D.层中的所有文字 答案：C 5.（单选题）在网页中定义样式表，其内容一般位于（）标签之间。 A. 和 B. 和C. 和 D.
静态网页设计-教学大纲
《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系
三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。
(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务
网页制作教学心得体会
网页制作教学心得体会 网页制作教学心得体会 我们从一些事情上得到感悟后，写心得体会是一个不错的选择，如此可以一直更新迭代自己的想法。怎样写好心得体会呢？下面是小编帮大家整理的网页制作教学心得体会，仅供参考，欢迎大家阅读。 网页制作教学心得体会1目前，互联网是最快捷的信息传播渠道之一，学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题： 一、激发学生的学习兴趣，唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和操作技能之后，对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。 例如，在学习浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。 二、合理调整教学顺序和重点，理顺理论与操作的关系 学习网页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。 四、认识螺旋式上升的学习模式和探究式学习的方式，重视课前准备 学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学习网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么
动态网页设计 毕业设计论文
毕业设计（论文） 题目：动态网页设计 专业： 班级： 学生： 指导教师： 二0一0年
摘要 在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间，通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通，也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现，网页的界面和运作方式，尽力模拟近代网页普遍性形式，成为一个完整的动态网站 关键字 Dreamweaver；Php；PhpMyAdmin；动态网页
目录 1 引言 (1) 2 网页制作概述 (1) 2.1 网页的类型 (1) 2.1.1 静态页面 (1) 2.1.2 动态页面 (2) 2.2 网页开发技术 (2) 2.3 网页布局 (3) 2.3.1 网页布局的基本概念 (3) 2.3.2网页布局方法 (5) 2.3.2 网页布局技术 (7) 2.4网页配色 (8) 2.5 网页设计流程 (9) 3 动态网页开发环境和技术 (9) 3.1 了解Dreamweaver开发工具 (9) 3.2 Php语言基础知识 (11) 3.3 开发环境介绍 (12) 4 设计及具体代码实现 (12) 4.1网页结构设计 (12) 4.2创建数据库 (13) 4.3主要模块的代码实现 (14) 4.3.1 注册代码的实现 (14) 4.3.2 登陆及退出登录代码的实现 (16) 4.3.3留言代码的实现 (18) 4.4运行测试 (19) 4.4.1 注册 (19) 4.4.2 登陆 (21) 4.4.3留言 (22) 4.5遇到的问题及解决方法 (23) 结束语 (24) 致谢............................................... - 25 -参考文献............................................ - 26 -
(完整版)《网页设计与制作》课程教学大纲.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 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
网页制作工程师工作总结
工作汇报/工作计划/工程师工作总结 姓名：____________________ 单位：____________________ 日期：____________________ 编号：YB-ZJ-020649 网页制作工程师工作总结Sample work summary of web page production engineer
网页制作工程师工作总结 在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。 记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。 自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。 在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：
1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。 2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。 短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。 总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。 XX图文设计 YumBo Graphic Design Co., Ltd.
基于Dreamweaver动态网页制作技术技巧
基于Dreamweaver动态网页制作技术技巧 在Dreamweaver中有很多有用的技巧，如果运用得当，不仅能提高效率，而且可以实现很多实用的效果。 一、站点及窗口规划的技巧 1、快速添加站点导航。 使用站点窗口中的网站地图可以快速制作网站雏形，并可以方便的在个页面之间加入导航链接。首先打开站点地图窗口，选中index.htm文件，点击并拖动站点导航(Site Navigation)窗口中index.htm文件右上角的小圆圈，将它拖动到左边文件窗口中的某一个文件上，如图1所示。 图1 快速添加站点导航 Dreamweaver会自动将mydesign.htm的链接加入到index.htm文件中，同样执行此操作并分别指向其他相关链接文件后，导航窗口如图2所示。 图2 利用站点导航快速添加网页链接 此时打开index.htm文件，可以看到相应的链接文字和链接都已经添加好了，可以根据需要将他们合理的修改和组织。如图3所示。 图3 快速添加网页链接 2、快速修改文件Title。很多时候新建的文件往往忽视设定文件Title的内容，事后需要修改时，常常得打开每一个文件分别修改。其实这个工作可以在站点窗口中方便的完成。打开站点窗口View菜单下的Show Page Titles，可以使站点窗口中的文件显示出文件头，而不是原先的文件名。默认的文件头是Untitled Document可以分别两次点击，改变默认的文字为需要的文件头。如图4所示。 图4 快速修改文件Title 3、快速生成站点地图。有时需要制作一个包含当前站点所有文件结构的站点地图而找不到合适的方法。Dreamweaver本身就带有这个功能，方法如下：打开File—Save Site Map 命令，在弹出对话框中输入保存的文件名，Dreamweaver会在当前站点的根目录下自动生成一个.bmp或.png格式的站点图片。 二、页面布局阶段的技巧 Dreamweaver不仅是一个良好的页面制作工具，同时他还可以进行精确的页面排版和布局，这一部分介绍几个页面布局方面的技巧。 1、打开辅助表格。制作者都特别希望能精 确的定位网页元素，特别是希望每个元素都能
《网页设计》教学大纲
网页设计教学大纲 教材：《网页设计》 总学时：134学时 开课学期：第1—2学期 课程类别：必修 课程性质：专业基础课 适用专业：设计类 第一部分大纲说明 一、课程的性质和任务 在中等职业技术学校设计类专业所设置的课程中，网页设计是一门进阶性的设计课程，可以在平面学习的基础之上，不仅了解印刷产品谁，同时也能掌握电子产品内设计。网页设计行业也是从事专业技术工作人员必须掌握的一项职业技能。 对中职学校的设计类专业来说，本课程的任务是培养学生具有一定的网页设计基础，同时也能够了解网页的结构以及简单的设计技巧，进一步提高学生全面素质，形成综合职业能力。 二、课程教学目的 通过本课程教学，使学生了解网页设计常用软件工具、功能的使用；理解WEB界面设计的流程及规范；同时了解WEB界面设计中各行业的设计风格；理解企业客户对设计的需求和期望值；掌握网站及软件界面设计的技能和技巧。 第二部分大纲内容 第一章WEB界面设计规范及流程 1、WEB界面结构与作用 2、WEB界面设计规范及流程 3、网页中的字体设计 4、网页中的图标设计 5、Banner设计 第二章企业网站WEB界面设计 1、了解企业网站结构、制作流程及设计规范 2、企业网站根据模块划分进行设计
3、企业网站色彩搭配 4、企业网站WEB界面赏析 第三章网站专题页WEB界面设计 1、了解专题页网站结构、制作流程及设计规范 2、专题页网站根据模块划分进行设计 3、专题页网站色彩搭配 4、专题页网站WEB界面赏析 第四章电子商务网站WEB界面设计 1、电子商务网站结构、制作流程及设计规范 2、电子商务网站根据模块划分进行设计 3、电子商务网站色彩搭配 4、电子商务网站WEB界面赏析 第五章 PC客户端软件界面设计 1、赏析PC客户端软件界面的类型 2、企业OA办公软件、触摸屏管理展示系统界面的分析与设计 3、PC端界面设计注意事项 第六章 WEB界面版式设计 1、运用所掌握的美学知识，进行版面的“点、线、面分割”，颜色搭配进行设计 2、设计出美观实用的WEB版面。 3、赏析优秀版式界面 第七章 WEB标准化布局基础 1、标签的使用 2、（X）HTML/HTML5语言 3、CSS/CSS3层叠样式表 4、导航排版布局 5、内容排版布局 第八章 WEB综合项目实战 1、企业网站项目实战 2、电商网站项目实战 3、专题网站项目实战
网页制作教学心得体会【精品】
页制作教学心得体会 我们从一些事情上得到感悟后，写心得体会是一个不错的选择，如此可以一直更新迭代自己的想法。怎样写好心得体会呢？下面是帮大家整理的页制作教学心得体会，仅供参考，欢迎大家阅读。 目前，互联是最快捷的信息传播渠道之一，学习页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单页》教学中值得注意的几个问题： 一、激发学生的学习兴趣，唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，页制作是在学生掌握了一定的理论基础和操作技能之后，对互联有了一定的了解、浏览过相当数量的页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。 例如，在学习浏览页时，我有计划地挑选一些专题站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。 二、合理调整教学顺序和重点，理顺理论与操作的关系 学习页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作页和保存页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint 中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字
网页设计教学大纲
网页设计教学大纲 一、课程性质与任务 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等概念及作用；掌握网站设计和发布的
网页设计教学总结
网页设计教学总结 这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。 下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度 按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。 教学方法 教学中我从以下几方面进行努力： 一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。设计一些实际中的商业网站案例。 二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。 三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。 存在问题: 一、教学中的相互合作有待提高。 二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。 总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。 屈明 2011-12-28
《网页设计与制作》课程教学大纲(精)
《网页设计与制作》课程教学大纲 一、课程的性质和任务 课程性质：《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程，是学习网页设计与制作的一门重要课程。 主要任务：向学生全面介绍与网页设计制作有关的知识，向学生阐明Web 基本工作机制，并使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。 基本要求： 1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义，概念和作用； 2、了解图像的几种格式：GIF、JPEG、PNG和矢量图格式，它们各自的特点和差别； 3、理解服务器、客户端、浏览器的概念和作用； 4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用； 5、理解客户端脚本程序的工作方式； 6、熟练掌握使用绝对和相对URL，创建超链接，图象链接，图象映射的建立方法； 7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页； 二、课时分配 课程教学总学时数为42学时，具体分配见课时分配表。 课时分配表
三、本课程的教学内容 第一章 HTML概述 什么是HTML；什么是WEB；HTML的定义；基本的HTML语法；标记符的属性； WEB页的基本结构；HTML标记；首部标记；正文标记符；添加注释；显示特殊字符。 第二章页面背景与颜色控制 页面背景；背景颜色；背景图案；字符和链接的颜色。 第三章文本格式 字符格式；物理字符样式；逻辑字符样式；段落格式；分段与换行；段落对齐。 第四章列表格式 有序列表；OL标记符和LI标记符；有序列表的嵌套；无序列表；定义无序列表；混合嵌套列表；定义列表；创建定义列表；使用定义列表缩排文档第五章使用图象 WEB页图象格式；在网页中插入图象；IMG标记符及其基本属性；图象布局；使用GIF动画；创建GIF动画；注意事项；使用网页图象的要点。 第六章使用超链接 超链接基础；URL简介；绝对URL与相对URL；BASE标记符；创建超链接；.1 指向本地网页的链接；指向其他网页的链接；指向页面中特定部分的链接；指向电子邮件的链接；图象与超链接；链接到图象；图象链接；图象映射；客户端图象映射；服务器端图象映射。 第七章使用表格 创建表格；表格标记符TABLE；创建表格标题；表格的表头；表格的行与列；表格的修饰；边框和分隔线；表格的对齐；控制单元格空白；行组；列组；使用表格设计网页布局；设置表格或单元格的背景；嵌套表格。
网页制作的教学设计
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
(完整版)《动态网页制作》(PHP)课程标准分析
《动态网页制作》（PHP）课程标准 课程代码010******* 课程类别专业课程 课程类型考试课课程性质必修课 课程学分 5 课程学时80 修读学期第3学期适用专业网站规划与开发技术专业 合作开发企业长春中联软件工程有限公司区域总监 执笔人孙文江、张盛审核人姜惠民 1．课程定位与设计思路 1．1课程定位 本课程是网站规划与开发技术专业核心课程，专业必修课程。本课程的作用是通过“基于工作任务的以学生为主体，教师为主导”的教学方式，采取探究式、项目式、角色扮演、引导课文、案例分析等教学方法培养学生手工编写动态网页代码的能力，利用Dreamweaver等工具制作一个完整动态网站的能力，培养成学生具有良好的团队合作精神、获取知识能力、网页设计创意思维能力。 前修课程为：《程序设计基础》、《页面效果图制作》、《网站动画制作》、《网页设计与制作》、《网络数据库技术》。 后续课程为：《小型网站开发》、《企业网站制作》、《网站安全与维护》、《网站优化与推广》、《顶岗实习》。 1．2设计思路
根据《网站规划与开发技术专业人才培养方案》（2011版）要求、动态网页制作人员工作岗位分析，确定了课程的设计思路为： 运用基于工作过程导向的课程开发理论，针对动态网页设计与制作这一典型工作任务，以“PHP网站工作环境搭建”、“留言板系统网页设计”、“JavaScript 休闲小游戏开发”、“留言板系统程序开发”4个典型项目为载体，按照学生的认知和学习规律，由易到难，重构了体现动态网页制作的工作过程性知识与技能体系的学习领域课程内容，形成了《动态网页制作》学习领域课程的4个学习情境。并通过教学模式设计、教学方法设计、教学目标的设计、教学考核改革等，保证专业能力、专业素养和综合能力的培养。 图1 学习情境及知识与技能体系 其中： 网站环境搭建使用的是AppServ组合包，AppServ 所包含的软件有：Apache、Apache Monitor、PHP、MySQL、phpMyAdmin等。 网页制作使用的是Adobe Dreamweaver软件。 客户端脚本设计使用的是JavaScript脚本。 服务器端脚本设计使用的是PHP。 数据库使用的是MySQL。