湖南省商业技术学院
学期授课进度计划
（二年级第一学期）
课程名称网页制作与设计
适用班级 16高21、22
制定教师易会芝
审批签字
2017-2018 学年第一学期制定
教学计划
学期授课进度计划表
学期授课进度计划表
2、文字要求：标题宋体二号蓝色正文：五号宋体加粗
制作如下网页素材见文件夹网页命名文字为index 保存在文件夹中上交给老师
1、找一篇文章输入至页面中，然后利用所学知识，对其进行格式编排
利用教师所给素材，制作简单网页《我的偶像》，素材见文件夹填写实训总结，并上交实习报告。
填写实训总结，并上交实习报告。
《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如 下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文 化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知 道网页间互相链接的方法，所以我把超级链接做为本节的
认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。
HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
华南理工大学工业设计、设计学考研复习攻略与心得 作者：华南理工大学scut-kyzl 从2013年开始，华南理工大学设计学院工业设计硕士研究生已划分为工业设计工程（专硕）和设计学（工业设计）两个专业，考试科目都为政治、英语和两门专业，工业设计工程专业课考337设计理论和设计综合（工业设计快题）；设计学（工业设计）考643设计基础和设计综合（工业设计快题），复试笔试都是设计表达。由于设计理论和设计基础的考试大纲一样的，所以两个专业的考试科目试题也是一样的，复习备考也相同。 先说一些数据，每年华工设计学院的考研人数近两百人，招生约50，其中保研人数约1/2，所以考研成功的概率约15%，竞争压力还是挺大的。尤其是热门专业的竞争更剧烈，录取率更低。其实不必紧张，热门的学校必然有值得你去拼搏的地方。考研决心很重要，尽管很多人考研，但是真正认真备考坚持下来的并不多。 如果没有理由和动力去支撑自己的考研之路，是很难坚持走下去的。我的理由之一就是实现我高考遗落的目标——华南理工大学。我本科是普通二本学校，初试总分370(政治75/英语60/理论112/快题123)，排名第10位，处于中间偏上。复试比较顺利，英语口语发挥得不是很好，分数比较低，我得了二等奖学金，不用交学费，挺爽的。回想当时考研复习的时光，我经历了很多，其中有苦有乐，也有很多经验想和大家分享。近来有师弟师妹问我复习经验，于是写下这篇心得，仅供各位参考。本人扣扣号一三零八五九三一六三，若还有其他问题，可以跟我探讨一些，相互学习，共同进步（但是不要骚扰哦，呵呵）。之前看过别人写的经验，讲自己考研挺轻松，没花多少时间，那大多数是假的，当然我也不否定有些天才的存在。 一、学校指定的专业课考试参考书目 设计综合（工业设计快题）：《创造突破性产品》，Craig Vogel，机械工业出版社；罗仕鉴、朱上上《用户体验与产品创新设计》机械工业出版社。
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会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制作各种超级链接
课题说明： 设计的目的之一是给人们的生活带来方便和舒适，“使用者的舒适”是 本次课题重点要解决的问题。这件东西应该是能够把人舒适托住的东西，托什么部位，怎么托，托的方式，托的造型形态由学习者充分发挥想象力，不局限在人们已经习惯的范畴之中。 “舒适”的相关词：舒畅、舒服、舒但、舒心、舒展、舒张。 课题要求： 1. 通过市场调查和思考，至少画处20个以上的草图在这些草图之中选出一个方案深入设计。 2. 分析形态和色彩，画出设计效果图。 3. 在人机工学、材料、造型等相关方面进行研究，画出设计制图。 4. 1: 1模型制作（大型的可做缩比模型）。 5. 完成设计报告和设计展示版面。课题用材：设计用材不限。 课题完成时间: 课题目标： 通过本次课题练习，学习者在创造思维能力上要得到发展，在发现问题、研究问题、理解问题、分析问题的能力上要有所进步，对人机工学的理解要进一步加深。在设计表现能力方面也要进一步提高，使学习者的“设计力” 得到加强。 指导老师: 工业设计系
课题：“设计一件能提醒人的器具 课题说明： 设计的目的之一是给人们的生活带来方便和快捷，在繁忙的工作和劳累 休息之中，人们必须得到必要的提醒。本课题就是要求学习者设计一件能起到提醒人的器具。他可能是提醒自己的工具，也可能是提醒别人注意自己的工具，怎样提醒，什么方式提醒，器具应该是什么样的造型形态，学习者须发挥想象力，用最佳的解决方法解决问题。 “提醒”的相关词：提示、提神、提起。 课题要求： 1. 通过市场调研和思考，至少画出20个以上的草图，在这些草图之中选出一个方案深入设计。 2. 分析形态和色彩，画出设计效果图。 3. 在人机工学、材料、结构等相关方面进行研究，画出设计制图， 4. 1 ：l模型制作（大型的可做缩比模型）。 5. 完成设计报告和设计展示版面。课题用材：设计用材不限。 课题完成时间:
《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计 一、教材或教学内容分析 本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。 本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。 重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。 难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。 二、教学对象的分析 第 1 页共 6 页 信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常
用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内 第 2 页共 6 页 掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必
北京理工大学 硕士研究生学位入学考试试题 2005年：工业设计[150分] 结合老年人的心理特征，论述老年消费者的需求设计 2004年：工业设计【150fen】 一正方形为基础设计一个随身携带的游泳产品 要求： 1.所设计的产品要有正方形的特征『20分』 2.正方形的大小尺寸自定 3.设计草三个 4.最终确定最佳方案一个并有图文补充说明，完成此方案的设计『40 分』 2003年，工业设计【150fen】 结合设计创意所考的内容从人因关系的角度论述形态与结构的关系2002年，工业设计【150fen】 1 怎样理解《文化遗产》这一概念？『50』 试论述构成文化遗产的感念有哪些具体内容『100』 2001年，工业设计【150fen】 钟表的外观设计『100分』 请选择一类钟表展现外观设计，并用设计草图的形式表现其外观及细节设计，设计方案不少于四个 各学校历届工业设计考研试题 ----------湖南大学---------- ________产品设计(初试专业设计试题) 1。根据蜻蜓、甲虫、热带鱼的造型特点各出2个总共6个CD机方案（50’）2。根据1个摩托车、2个汽车脸部的造型特点设计3个电吹风（50’） 3。从上面9个方案中选1个完成快速效果图（50’） 时间3小时（提供了灰度图片） _______________1997年产品方向设计理论试题 一.填空题：（每空1分，共15分） 1.设计是一种形态的________、__________、_________的学科。 2.广义的设计领域包括__________、_________和_________。 3.工业设计是以_________为对象，以_________为手段，以__________为基础的造型设计活动。 4.工业设计不同于单纯的_________，它包含着审美因素，产品的美学特征是在_________就决定的。 5.人造物的__________、____________、___________集中体现在人造物的根本
《简单网页制作》教学设计 一、设计意图： 目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了FrontPage网页制作工具，引导学生简单的了解网页制作的过程，采用了所见即所得的形式避开代码的繁琐，调动学生自行设计的积极性，对网页制作有一个简单的入门了解。 二、教学目标 1、知识目标 （1）理解网页制作的简单步骤。 （2）学会用FrontPage的制作简单网页。 2、技能目标 （1）掌握的FrontPage的背景添加的操作。 （2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。 （3）知道HTML的简单编码。 3、情感目标 （1）培养学生的口头表达能力、操作和分析概括能力。 （2）培养学生展示自我、表现自我的能力。 （3）培养学生独立思考问题、解决问题的能力和团结协作精神。 （4）在网页制作的过程中，提高学生对FrontPage的认识。三、重难点、问题预测及对策
1、重难点 （1）重点：FrontPage的基本操作。 （2）难点：HTML的理解。 2、问题预测 本节课是网页制作的第一节内容，需要学生掌握的技能并不困难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。 3、对策 以制作班级自己的主页引起学生注意，引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具，通过作品展示激发学生的动力。 在教学过程的设计上，通过自主设计自己的个人主页来达到解决一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美情趣和创作激情。 四、课前准备 精美网站、优秀班级主页、素材图片等。 五、教学流程 1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲试。 2、自主学习：引导学生做自己班级的主页。 3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。
全国10大工业设计手绘培训机构 NO.1 海上艺号手绘推荐指数★★★★★ 理由：海上艺号位于上海，是全国最大的考研培训机构，是全国最早的的手绘考研培训品牌，培训专业涵盖建筑、景观、城市规划、室内、环艺、工业产品，培训教材是由同济大学博导和教授共同编写的是所有其他培训机构不具备的，顾问也是所有培训机构最多的，大多是同济大学的博导教授，录取率高达98%，也是所有培训机构中录取人数最多的培训机构！ NO.2 绘世界手绘推荐指数★★★★☆理由：绘世界位于武汉，是目前武汉最大最专业的考研快题设计与表现机构，绘世界在武汉地区拥有绝对的知名度，培训专业有建筑手绘考研班、规划考研班、景观考研班、环艺考研班！ NO.3 庐山手绘训练营推荐指数★★★★ 理由：庐山手绘位于江西九江，是当地最大的手绘机构，坐落在风景秀丽的庐山西海之滨，庐山手绘艺术特训营将以世界专业领先的高度，全力打造全球最大最绝的手绘艺术训练基地，为世界培养更多更好的艺术设计人才，为把它培养成为中国的艺术西点军校而奋斗。 NO.4 华元手绘推荐指数★★★☆ 理由：华元手绘位于北京，是北京地区最大的专业考研快题机构，华元手绘一贯秉承为设计服务的理念，不抛弃不放弃任何一名有理想有目标的学员，我们制定了一套科学的、系统的，并且专门针对考研、出国留学及工作需要的教学体系，不断地把各个院校的快题设计与表现风格独立化、系统化，并运用到教学实践当中 NO.5 三道手绘推荐指数★★★ 理由：三道手绘始终以学员为本，以学员当前的考研需求为最优先，时刻关注国内外建筑类高等院校考研快题发展趋势，跟进国际建筑行业动态，更新建筑学高端创新理念。探索教育模式创新、结构创新，加大教学质量和教学产品方面的投入，以多年考研教学管理经验与商业手绘表现方案承接为主要依托，做中国最专业考研快题教育品牌，是三道手绘品牌的驱动核心。
网页制作教案 IMB standardization office【IMB 5AB- IMBK 08- IMB 2C】
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计：
我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。 （二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。（5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。（6）请一位学生上台操作，其他学生完成相同操作。可以参考视频快速建站技术－模板的应用.wmv。教师巡视指导。 （7）教师总结评价学生完成情况。
[章节名称]：网页设计入门基础 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 1.了解网络的基本知识，网页设计的基础知识，网页的分类，动态网页的原理及 技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程，掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：结合PPT课件的内容，讲解网络和网页的基本知识。了解网页的分类，网页运行的原理，介绍网页设计的工具，动态网页的技术。 环节二：介绍网页的构成，并对一个网站进行实例分析说明。编写最简单的html 代码。 环节三：了解网页设计的流程 主要有以下几个步骤： 一. 网站规划 二. 素材资源收集
三. 选择开发工具 四. 站点建立与规划 五. 分模块进行网页设计 六. 网页源代码测试与特效添加 七. 申请域名与空间 八. 网页源代码上传 九. 定期的维护 环节四：对本节课的内容进行复习，让学生练习html的代码。并进行疑难解答
[章节名称]：html基础与应用1 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 了解html语言的基础知识，结构，掌握html语言设置网页的背景音乐，背景图片，字体的方法。 [重点] Html语言设置网页的背景音乐，图片，字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：复习网页设计的基础知识，介绍如何利用Dreamweaver开发工具，记事本编辑网页的源程序，介绍网页站点的创建及注意事项。 环节二：讲解html语言的结构，特点，设置网页页面的背景音乐，图片，字体1. 设置背景颜色
2. 背景图片 3. 背景音乐 背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部工业考研经验贴｜昆明理工大学工业设计快题145分状元学姐分享 （四方手绘｜绘四方设计） 关于昆明理工大学艺术与传媒学院 昆明理工大学艺术学科具有成熟的发展历史。工业设计专业创办于1986年，是云南省成立最早的设计类专业和省重点建设专业。艺术系成立于1999年，2001年获设计艺术学硕士授权点。2009年，整合文学院艺术系、文化传播系和机电工程学院工业设计系的优质师资，成立了艺术与传媒学院，同年获得艺术硕士MFA硕士授权点。2011年获艺术学理论和设计学两个一级学科硕士授权点。 艺术与传媒学院研究生培养立足区域文化，发挥地缘优势，全面融入国家和西南地区发展战略。利用云南辐射南亚、东南亚的区位优势，在艺术设计、广播电视艺术和民族美术等方面表现云南元素，传播中国声音。 工业设计工程是研究和实施工业产品的美学设计、造型设计、功能性设计、结构设计、可靠性设计、生产工艺设计、生产系统集成设计等的工程技术领域。2018年主要招收1、工业产品设计工程2 、环境设计工程3、视觉设计工程三个方向。 关于专硕和学硕 艺术与传媒学院工业设计工程与艺术设计专业的异同 085237工业设计工程（专业学位）135108 艺术设计MFA（专业学位） 工业设计工程 工业设计工程毕业时授予工程硕士学位，本科是艺术生或者理工科的工业设计都可以考取这个专业，分数线比艺术设计分数线低一些，为工科分数线，师资教学设备和课程大部分是一样的，工程硕士的学费为每年8000。 艺术设计MFA 艺术设计设置的课程和工业设计的课程差不多，导师也是想通的，分数线为国家艺术类
分数线，艺术设计的学费为每年10000。 不同处： 1. 分数线不同 2. 学位不同 3. 学费不同 相同处： 1. 教学环境设备相同 2. 师资相同 3. 考题相同 昆工工业设计工程考试内容 专业命题设计（150分） 1.2017年专业命题设计，考试科目代码：858，以“彩云之南”为主题，设计一款旅游产品 2.2016年专业命题设计，考试科目代码：858，设计项目：竹制灯具设计 3.2015年专业命题设计，考试科目代码：858，根据数字媒体界面设计原则，为某电商（主要销售3C电子类产品）设计一套APP，应用于手持移动设备。 4.2014专业命题设计，考试科目代码：858，海南是我国旅游大省，每年吸引着成千上万的游客，请从老年游客的角度出发，探讨旅行过程中的问题，开发一款（套）产品。 5. 2013专业命题设计，考试科目代码：854，题目：《家用豆浆机造型设计》。 要求：作图3小时，自带白色不透明A2幅面绘图纸及绘图工具 设计基础（150分） 试卷满分为150分，考试时间为180分钟，答题方式为闭卷、笔试。
《H T M L 网页设计》教案 列 1 号 共 5 页
《HTML网页设计》教案（续页）第 2 页
图1- 1 组织教学 3分钟 （一） 创设情境， 引入课题 10分钟 （二） 实例探究 例1 5+8分钟 师生致礼、点名、检查学生准备情况、使学生集中注意力上课。 （组织教学贯彻于上课的始终） 在实际生活中，我们常常会上网获取各种各样的信息，完成各种各样的工作，上网展示在大家面前的是丰富多彩的网页，比如…… 注意．．： （1） 网站与网页的概述．．．．．．．． （2） 网页的基本元素．．．．．．． （3） 网页布局．．．． （4） 配色原则．．．． （5） HTML ．．．．与渲染．．． 教师活动：利用多媒体展示实际网页，引导学生思考。 教学意图：创设问题情境，激发学习动机。 例1．中国最成功的个人网站--hao123网址之家，在经过大家羡慕模仿复制以后，为什么依然风采依旧，而且是独树一帜，hao123网址之家最好的亮点就是他的创意了，在他运作起来并且迅速被大家认可的时候，大量站点的模仿以及复制其实是等于对他的运作模式的认可，对于这么个站点的结构内容以及程序方面，大家都已经认为了他一点技术含量没有，但是为什么他就这样一直做的很好，而别的网站倒的倒，改行的改行，那么“hao123网址之家”他到底好在哪里？ 教师活动：启发诱导，师生互动，把实际问题转化为专业问题。 学生活动：通过讨论、思考回答问题，把实际问题转化为思考专业问题。 教学意图：通过具体网页发起问题探究，掌握网页设计的原则。增强学生应用专业知识的意识。 《HTML 网页设计》教案（续页） 第 3 页 图1- 2
本帖最后由挥着翅膀的海豚于 2016-5-3 12:40 编辑 【前言】 斟酌了好久，才提笔这写篇帖子，既是对自己考研历程的一个回顾总结，也希望给学弟学妹们的备考提供一点参考与建议。先简单自我介绍一下，我叫姜冬其，本科毕业 于山东理工大学工业设计专业，今年是二战考同济大学设计创意学院，初试学硕第二， 快题第一，被顺利地录取了，回顾这一路来走过的路，有过彷徨、失落，但也充实、收获了许多。考研是一种选择，既然你选择了，就是跪着也要将它走完！以此勉励大家！ 【为什么考研？为什么选择同济？】 对于这个问题，每个人的想法不尽相同，希望大家在考研一开始能够想清楚这个问题，不至于备考后期出现迷茫、意志消弱甚至出现考前放弃的情况，结合我自身而言， 我选择考研的原因有三：1，当下国内所谓的工业设计，更多的是外观造型设计，而我 并不喜欢单纯设计造型，希望通过考研，转换研究方向，从事工业设计其他领域的学习；2，本科就读于普通的一本院校，各方面的平台资源有限，希望通过考研，去到更加优秀的设计院校深造；3，在本科所学到的知识技能不足以支撑我去到梦想的公司，从事 梦想的工作。 确定了要考研之后，便是选择院校，我认为选择学校要充分地考虑你今后希望在哪里发展，毕竟根基、人脉会对今后的择业影响巨大，所以同济大学设计创意学院就成了 我的不二之选。首先是因为地理的因素，长三角地区的设计发展态势良好，而我的家乡 是浙江省宁波市，为了以后的择业、发展考虑，我希望能在离家近一些的城市学习，同时上海是一座国际化大都市，拥有资源和平台上的优势，除此之外我一直有出国深造的情结，而同济与国外众多的优秀设计院校有交换的项目，如意大利的米兰理工、荷兰的?代尔夫特、芬兰的阿尔托、德国的包豪斯等等，这是十分吸引我的一点，同济大学拥有良好的设计氛围，再加上之前有学长考上过给了我极大的信心，从而我义无反顾的选择了同济大学设创学院。 【同济工设考研基本情况分析】 首先，考同济的工业设计难么？无可置疑是难的！得益于优越的地理位置和学院先进的培养理念与资源，这几年同济大学工业设计考研竞争激烈，这从 2015 年的报录比上可以看出（设计学 239/14;工业设计工程 109/15)，但是经历过的人会发现，其实用对了学习方法以及不断地努力，其实也没这么难，我这一路走来得到了许多学长学姐无私 的帮助，给我指明了方向，复习也就变得非常有章法，所以向学姐学长交流经验和搜集 一些经验分享是非常重要。然后分析一下今年的复试分数线，今年学硕与专硕分数线一致，分别是政治 60，英语 65，史论 90，快题 85，总分 320，这是院线，一般院线高于校线。这里有必要介绍一下学/专硕的区别，同济的学硕（即设计学）与专硕（工业设计工程）基本上没有什么区别，包括考试内容、录取过程、以及培养计划都是一样的，而且最后在复试中也一起排名，根据初、复试成绩加权总分排名确定是学硕还是专硕（15年总分排名前 11 位为学硕，之后的为专硕），具体的区别在于：1、学硕可以直博；2、 学硕毕业写论文，专硕是做设计；3、学硕补助略高于专硕。 同时，今年同济英语一分数线为 65，刚出分数线时吓了一跳，好高，笔者有几位研友就是因为今年英语卡线与复试失之交臂，从这里也可看出同济是一个十分国际化的学校，对于学生英语语言能力要求比较高。 下面具体介绍备考的具体过程与经验分享，供学弟学妹们参考，干货来了！ 【政治篇】? 政治是一门很难拉开分数的科目，大部分学生的成绩集中 60-75 之间，只要好好准备了，过线没有问题，我全程是跟着肖秀荣的系列书系学下来的，对于政治的复习建议从大纲出来后正式开始，因为每年大纲会做出不同幅度的调整（集中于毛中特与思修），推荐的书
课程教学设计 2013 ～2014 学年第 二 学期 教学部门 信息技术系 课程名称 网页设计 专业、班级 13网络 主讲教师 丁宁 山东省潍坊商业学校
《网页设计》课程整体教学设计 1、 管理信息 课程名称：《网页设计》制定时间：2014年3月 课程代码：所属部门：信息技术系 制定人：丁宁批准人： 2、 基本信息 学分： 4 课程类型：专业课 先修课： 授课对象：13网络后续课： 3、 课程设计 1． 课程目标设计 (1) 能力目标 总体目标：学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，并能够运用多dreamweaver制作简单的静态网页。 具体目标： ① 掌握网页当中卡通元素的设计和制作。 ② 熟练应用Photoshop制作页面的平面效果图的能力。 (2) 知识目标 ①了解网站制作流程,布局方法以及不同方法的差异、优缺 点，学会书写网站设计说明书 ②了解各类网站的各自特点及设计原则 ③分析并用Photoshop临摹制作各类优秀网站效果图 ④运用dreamweaver将制作好的平面效果图制作成静态网页 (3)素质目标 ① 养成良好的开关机的习惯。 ② 养成小组合作学习的习惯。
③ 在表述与回答问题的过程中提高语言表达能力。 2． 课程内容设计 模块名称学时Dreamweaver的基本应用方法和简单命令52 网页制作的基本流程（综合实训）20 学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop 制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。 3． 能力训练项目设计 编号能力训 练 项目名 称 拟实现的能 力目标 相关支撑 知识 训练方式、 手段及步骤 结果 （可展 示） 单元创建站 点与浏 ①创建和管 理本地站点 ②工作界面 的认识 ①管理网 站中的文 件和文件 夹 ②打开网 页浏览网 页保存网 页文档和 关闭网页 文档等基 本操作 ②浏览窗 ①讲解操作 方法及注意 事项； 通过现 场操 作、上 传作业
网页设计和发布流程 第一步是对站点进行规划 第二步是创建站点的基本结构 第三步即可开始具体的网页创作过程 最后一步是站点的发布 第一节站点的规划与创建 【教学目的与要求】 一、规划站点 二、创建一个站点 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性； 【教学重点与难点】： 基础知识：规划站点 重点知识：创建一个站点 2课时 【教学组织过程】2课时 1．上讲回顾 2．教授新知 【授课内容】 一、规划站点 Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的等）的链接文档。 本地站点：是本地硬盘中存放远程网站所有文档的地方（文件夹）。 建立网站的通常做法是：在要地硬盘中建立一个文件夹用来存放网站的所有文件，往后就在该文件夹中创建和编辑文档。待网页设计和测试好之后，再把它们拷贝到网站上供浏览者浏览。 1、规划站点结构
注：规划站点的结构之前应先用笔绘出站点的结构图（如下图所示是一个典型的学校站点的结构图） 2、规划站点的浏览机制 一般可采用以下的方法： ●创建返回主页的链接 ●显示网站专题目录 ●显示当前位置 ●搜索和索引 ●反馈（将网页创作者或网站管理员公布在网页上，或创建一个E-MAIL超级链接，以使用户能快速地将信息反馈到网站中） 二、创建一个站点 步骤： 1、单击“文件”---“新建”---“站点”命令（或单击常用工具栏中“新建网页”按钮的下拉箭头，从打开的下拉菜单中选择“站点”命令） 2、选择一种站点模板或向导 3、单击“确定”按钮 三、站点的基本操作 1、打开站点：“文件”---“打开站点” 2、删除站点： 方法一：在Windows资源管理器中删除一个站点 方法二：在FrontPage中删除站点，在“文件夹”视图或“网页”视图的“文件夹列表”中，右击站点所对应的目录，在快捷菜单中单击“删除”命令 3、站点的设置 “工具”----“站点设置”，有“常规”、“参数”、“高级”、“语言”、“导航”、“数据库”六个选项卡 【课程小结】 【作业】 1．5 课后练习书本课后练习作业
“网页设计与评价”教学设计与思考 南召现代中学董麒麟 [摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页设计与评价”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。 [关键词]信息技术/网页制作/任务驱动 中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。 一、教材分析 我校目前使用的教材是上海教育出版社编写的高二《网络技术应用》。网页设计与评价是其中第四章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页设计与评价单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。 教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在高一阶段，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。 二、设计思想 1、任务驱动 本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。 2、小组协作