当前位置：文档之家 › 《多媒体网页设计》课程教学大纲

《多媒体网页设计》课程教学大纲

  • 格式：docx
  • 大小：19.60 KB
  • 文档页数：18

.word可编辑. 专业.专注 〈多媒体网页设计》课程教学大纲 （Eleme nts of Multimedia Web Desig n 一、课程说明 课程ID】课程修习类型】必修 学分数】3适用专业】文科类专业 开课学院】国际服务工程学院 建议修读学期】第二学期 学时数】总64课时（理论32/实验32 先修课程】大学计算机基础 1. 课程介绍： 多媒体网页设计》课程的设置是为了满足专业对多媒体信息处理和网站运用 的实际需求。

多媒体技术适用于绝大部分文科类专业，着眼于培养学生将媒体技术直接运用 至其本专业实际需求中的能力，如文学创作、音乐创作、舞美设计、体育运动教 学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向，以成就感来提高 学习兴趣同时也将计算机专业知识更好地运用到其本专业实际需求中 。而网站开 发与制作作为一项综合性很强的技能，可以全面提升学生对信息处理的综合能力，在 大量工作岗位中能体现其价值，适合基础较好的学生。

2. 课程的主要内容及课时安排： 章次内容（宋体五号字总学时理论学时实验、实践学时 一网页编写基础理论8 4 4 二网站的规划与设计4 2 2 .word可编辑. 专业.专注 三数字图像、图形处理12 6 6 四网页动画创作8 4 4 五结构化网页制作16 8 8 六基于CSS的页面样式与布局控制16 8 8 3. 课程教学目的与要求： 〈多媒体网页设计》是一门面向文科类专业的计算机进阶型”技能课程,主要讲 授适用于各个行业的最新的多媒体技术，以及如何设计规划网站、制作符合行业标 准的多媒体网页。这两类技能对于文科类学生来说尤为可贵，既能满足本专业在媒 体类作品创作方面的需求（例如制作精美的展示图片，拍摄和编辑产品的演示视频，并 配以画外音与字幕，然后创建主题网站，并将这些内容以网页的形式加以展示，

还能大大提升学生的就业竞争力，真正体现计算机作为一个工具在其他专业中 的应用价值。

4. 本门课程与其它课程关系及要求： 大学计算机基础》是本课的前导课程，无后续课程。 5. 课程教学方法与手段： 课堂讲授和上机实验相结合。利用多媒体的课堂教学，学生的集体讨论，并结合 大量的实例与练习，加强实际动手能力。

6课程政策:（对课堂纪律、到课、作业等要求 遵守学校课堂纪律政策，按时到课，及时完成教师布置的课内外作业，自觉进行课 外实践训练。

7. 推荐教材及参考文献： .word可编辑. 专业.专注 [1]〈多媒体网页设计教程》，高等教育出版社，2014年1月。 8. 学生成绩评定：(学生学业成绩评定标准、原则、方法、要求 本课程为必修课。 本课程强调实际操作能力和创新能力，因此考核方式采用理论与实际操作相结 合。其中平时成绩(来自于平时的作业、实验练习及考勤等占50%,期末考试占 50%。

9•实践教学内容安排： •实验1(2课时:利用记事本制作符合 web标准的简易网页 •实验2(2课时:图像处理技术之基础训练 •实验3(4课时:图像处理技术之网站效果图绘制 •实验4(4课时:简单网站动画制作 •实验5(8课时:利用可视化工具搭建简单网站 •实验6(8课时:基于CSS的页面样式和布局控制 10.课程网站： http://jsj.hz nu.edu.c n 二、教学内容和学时分配 周次主题内容学时数 1网页编写基础理论：网页制作应具备的基础4学时 2网页编写基础理论：利用记事本编写符合 web标准的简单网页4学时 .word可编辑.

专业.专注 3网站的规划与设计：主题、信息架构、页面布局、色彩设计、导航设计等4 学时 4数字图像、图形处理:PS基础操作，米老鼠的诞生”案例4学时 5数字图像、图形处理:PS进阶操作，游侠相册”效果图案例4学时 6数字图像、图形处理:PS进阶操作，游侠相册”切片与输出4学时 7网页动画创作：Flash动画基础,矮人招工”案例4学时 8网页动画创作:Flash动画制作,米图切换”案例4学时 9结构化网页制作:DW基础操作,我的天空”网站案例4学时 10结构化网页制作：网页内容的插入与编辑4学时 11结构化网页制作：多媒体对象的插入与编辑4学时

第1次:网页制作应具备的基础（上 1•教学要求 了解设计、编写网站所需要具备的各项软硬件基础和知识储备 2.主要内容

设计、编写网站的软硬件要求和知识储备；html基础。

12 结构化网页制作：超链接编辑与网站发布4学时

13 基于CSS的页面样式与布局控制 :CSS基础4学时 14 基于CSS的页面样式与布局控制

:样式的编辑与应用4学时

15 基于CSS的页面样式与布局控制 :盒模型、浮动与定位4学时

16 基于CSS的页面样式与布局控制 :布局与排版4学时 .word可编辑.

专业.专注 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4•阅读材料 参考 多媒体网页设计教程》第1章。 5. 思考作业题 实验1 第2次:网页制作应具备的基础（下 1. 教学要求 利用记事本编写符合web标准的简单网页。 2. 主要内容 利用记事本编写符合web标准的简单网页填充内容、内容结构化、CSS控制 格式。 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4. 阅读材料 参考 多媒体网页设计教程》第1章。 5. 思考作业题 实验1 第3次:网站的规划与设计 1•教学要求 .word可编辑. 专业.专注 了解网站规划与设计的知识与技巧。 2. 主要内容 网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编 撰。

3. 教学方法 多媒体教学、小组讨论结合上机操作。 4•阅读材料 参考 多媒体网页设计教程》第2章。 5.思考作业题 暂无 第4次:数字图像、图形处理（上 1. 教学要求 了解Web图像处理的相关理论知识。 2. 主要内容 Web图像处理的相关理论知识，PS基础操作，米老鼠的诞生”案例。 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4•阅读材料 参考 多媒体网页设计教程》第3章。 .word可编辑. 专业.专注 5. 思考作业题 实验2 第5次:数字图像、图形处理（中 6. 教学要求 了解利用Photoshop绘制网页效果图的理论知识和操作技巧。 1. 主要内容 利用Photoshop绘制网页效果图的理论知识和操作技巧,游侠相册”效果图案 例。 2. 教学方法 多媒体教学、小组讨论结合上机操作。 3. 阅读材料 参考 多媒体网页设计教程》第3章。 4. 思考作业题 实验3 第6次:数字图像、图形处理（下 1.教学要求 了解利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧 。 2. 主要内容 利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧 相册”效果图案例。 ,游侠 .word可编辑. 专业.专注 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4•阅读材料 参考 多媒体网页设计教程》第3章。 5.思考作业题 实验4 第7次:网页动画创作（上 1. 教学要求 了解基于Flash的动画理论基础和操作技巧。 2. 主要内容 Flash动画基础，矮人招工”案例。 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4. 阅读材料 参考 多媒体网页设计教程》第4章。 5. 思考作业题 实验5

第8次:网页动画创作（下 1•教学要求 .word可编辑. 专业.专注 了解基于Flash的动画理论基础和操作技巧。 2主要内容 lash动画基础,图片切换”案例。 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4. 阅读材料 参考 多媒体网页设计教程》第4章。 5. 思考作业题 实验5 第9次:结构化网页制作（1 1.教学要求 了解基于DW的设计、编写网页的理论与操作技巧 2主要内容 DW基础操作，我的天空”网站案例。 3.教学方法 多媒体教学、小组讨论结合上机操作。 4. 阅读材料 参考 多媒体网页设计教程》第5章。 .word可编辑. 专业.专注 5. 思考作业题 实验6 第10次:结构化网页制作（2 1.教学要求 了解基于DW的设计、编写网页的理论与操作技巧 2主要内容 网页内容的插入与编辑，游侠相册”案例。 3. 教学方法 多媒体教学、小组讨论结合上机操作。 4. 阅读材料 参考 多媒体网页设计教程》第5章。 5. 思考作业题 实验7 第11次:结构化网页制作（3 1.教学要求 了解基于DW的设计、编写网页的理论与操作技巧 2主要内容 多媒体对象的插入与编辑，游侠相册”案例。

合集下载

网页设计与制作说课稿

网页设计与制作说课稿


新邵职中
16
2．课程教学方法设计
本课程采用任务驱动的教学模式，实施项目化教学方法，
课堂与实训3地．点课一程体教化学。方从法以设下三计个方面展开。
（3）采用“四步曲”的教学流程， 融“教、学、做”于一体
第一步，教师展示示范项目，分析工作任务， 演示操作流程，讲解涉及的理论知识。 第二步，下达实训项目工作任务，提出完成任 务的具体要求和完成时间。 第三步，小组协作学习，完成实训项目。 第四步，项目验收，学生自我评价，教师综合 评价。
《网页设计与制作》 说课
一
课程构思
二
课程设计
三
课程实现
四
课程运作
新邵职中
2
1、课程定位
课程名称
网页设计 与制作
授课对象
计算机专业 学生
课程性质
计算基础机课专业
先学课
F计la算sh机动应画用等
新邵职中
理论
72
实践
108
3
2．课程目标
课程目标包括知识目标和能力目标。Байду номын сангаас
知识目标
☺ 了解WWW、HTTP、HTML、CSS的定 义、概念和作用； ☺ 理解服务器、客户端、浏览器的概念和作 用； ☺ 理解HTML语言中的常见标记及其作用； ☺ 熟练掌握Dreamweaver的基本操作方法； ☺ 理解表格、框架、层的作用，掌握设置其 属性的方法； ☺ 理解CSS样式表的作用和意义，掌握定 义CSS样式的方法； ☺ 理解表单的作用，掌握设置表单元素属性 的方法； ☺ 理解行为的作用，掌握设置行为的方法， ☺ 理解模板和库的作用；
4
3、课程特色
任务驱动
大案例贯穿
学生 主体
网页设计教程课程设计

网页设计教程课程设计

网页设计教程课程设计一、课程设计背景随着互联网的不断发展，网页设计也日渐成为一项热门的技能。

越来越多的人开始关注网页设计，并且希望通过学习来提升自己的能力。

因此，开设一门网页设计教程，不仅可以为学生提供知识和技能，还能满足市场的需求。

二、课程设置1.课程名称网页设计教程2.课程时间本课程共计12周，每周2节课，每节课2小时，共计96个学时。

3.课程目标通过本课程的学习，学生应该能够：•掌握网页设计的基础知识和技巧•能够熟练使用网页设计软件和工具•能够根据需求创建功能强大的网页设计方案•能够有效地进行网页设计的审美研究和评估4.课程内容本课程的主要内容包括：第一周•网页设计的概述和基本概念•网页设计的基本流程和方法论第二周•网页设计软件的介绍和使用•熟练掌握网页设计软件的各项功能第三周•网页设计元素的介绍和应用•完成网站首页的设计案例第四周•网页设计布局的技巧和方法•完成网站二级页面的设计案例第五周•图片和视频的应用技巧•完成网站资讯页面的设计案例第六周•颜色和字体的应用技巧•完成网站服务页面的设计案例第七周•动画和交互的实现方法•完成网站产品页面的设计案例第八周•网页设计试验和评估的方法•完成网站联系页面的设计案例第九周•网页响应式设计的基本原理•完成响应式网站的设计案例第十周•SEO优化的基本知识和技巧•熟练掌握SEO优化工具的使用方法第十一周•数据分析和用户研究的基本方法•掌握数据分析和用户研究工具的使用方法第十二周•课程总结和作品展示•展示个人设计作品并进行评估和交流5.教学方式本课程采用理论与实践相结合的教学方式，具体包括：•讲授与演示：由教师进行课堂讲解和操作演示，使学生了解网页设计的基本理论和实践方法。

•实践与案例：在教师指导下，学生通过完成实际网页设计案例，深入理解和掌握相关知识和技能。

•课堂讨论和互动：教师引导学生进行互动式的讨论，促进学生之间的知识交流和思维碰撞。

6.评估方式学生的成绩由综合表现和设计作品评估结果综合决定。

《UI设计》教学大纲

《UI设计》教学大纲

《UI设计》教学大纲UI设计教学大纲一、课程简介本课程旨在帮助学生了解和掌握UI（User Interface，用户界面）设计的基本原理和技巧，培养学生的界面设计能力，使学生能够独立完成优秀的UI设计项目。

二、学习目标1.了解UI设计的基本概念和原则；2.掌握常见的UI设计工具和软件；3.学会分析和评估现有的UI设计；4.能够独立设计并制作用户友好的UI界面；5.能够与相关团队成员进行有效的协作。

三、教学内容和学时安排1.UI设计基础（4学时）a.什么是UI设计；b.UI设计的重要性；c.常见的UI设计原则；d.用户界面的组成部分。

2.UI设计工具和软件（6学时）a.常见的UI设计工具及其特点；b.学习使用常见的UI设计软件；c.掌握UI设计工具的基本操作。

3.UI设计流程（8学时）a.从需求分析到初稿设计的过程；b.快速原型设计和迭代优化；c.可用性测试和用户调研的重要性；d.最终设计稿的制作和交付流程。

4.UI设计原则和技巧（12学时）a.色彩搭配和配色原则；b.字体选择和排版技巧；c.图标和按钮设计；d.布局和层次结构设计；e.用户交互和动效设计；f.响应式设计和移动端UI设计。

5.UI设计案例分析（8学时）a.分析和评估现有的UI设计作品；b.掌握UI设计的趋势和发展方向；c.学习从成功的案例中借鉴和运用。

6.项目实践（12学时）a.团队合作，完成一个真实的UI设计项目；b.学生们根据教师指导，从需求调研到最终设计稿的制作；c.学生们根据团队成员的反馈和评估，不断优化和改进设计。

四、教学方法2.实践操作，帮助学生掌握UI设计工具和软件的基本操作；3.项目实践，培养学生的团队合作能力和解决问题的能力；4.课堂互动，鼓励学生积极参与讨论和分享经验。

五、考核方式1.平时表现（20%）：包括出勤情况、参与讨论、作业完成情况等；2.项目实践（40%）：根据团队合作的情况、设计稿的质量等综合评估；3.期末考试（40%）：综合考核学生对于UI设计的理解和掌握程度。

网页设计与制作课程设计

网页设计与制作课程设计

网页设计与制作课程设计一、课程目标知识目标：1. 让学生掌握网页设计的基本概念，包括网页结构、布局、色彩搭配等；2. 使学生了解并熟悉HTML、CSS等网页编程语言；3. 让学生掌握网页制作的基本工具和软件，如Dreamweaver、Photoshop 等；4. 引导学生了解互联网发展趋势，提高对网页设计行业标准及规范的认识。

技能目标：1. 培养学生运用HTML、CSS进行网页编写的能力，能独立完成静态网页的制作；2. 培养学生运用网页设计工具和软件进行创意设计的能力，提高网页视觉效果；3. 培养学生团队协作能力，能在团队项目中发挥个人特长，共同完成复杂网页设计任务。

情感态度价值观目标：1. 激发学生对网页设计的兴趣和热情，培养创新精神和审美观念；2. 培养学生严谨细致的工作态度，注重细节，追求卓越；3. 引导学生关注互联网产业发展，树立正确的职业观念，为未来职业生涯奠定基础。

课程性质：本课程为实践性较强的学科，注重理论知识与实践操作的相结合。

学生特点：本课程针对初中年级学生，学生具备一定的计算机操作基础，好奇心强，喜欢探索新事物。

教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重培养学生的实际操作能力。

在教学过程中，将课程目标分解为具体的学习成果，以便进行有效的教学设计和评估。

二、教学内容1. 网页设计基础知识：包括网页的基本结构、布局原则、色彩搭配技巧等，对应教材第一章内容。

- 网页的基本结构及其作用- 常见的网页布局类型及特点- 网页色彩搭配原则及视觉效果2. 网页编程语言HTML、CSS：学习HTML、CSS基本语法及其应用，对应教材第二章内容。

- HTML标签及其使用方法- CSS选择器、属性及其应用- 网页样式表编写及优化3. 网页制作工具与软件：学习Dreamweaver、Photoshop等软件的基本操作，对应教材第三章内容。

- Dreamweaver的基本操作与使用技巧- Photoshop在网页设计中的应用- 网页图片处理与优化4. 网页设计与制作实践：通过实际案例，培养学生动手能力，对应教材第四章内容。