《2022年网页制作与制作 .pdf》由会员分享，可在线阅读，更多相关《2022年网页制作与制作 .pdf（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页设计与制作教学设计一、课程性质、目的和任务网页设计与制作是计算机网络专业及其计算机相关专业的一门重要的专业必修课，是计算机网络技术专业的专业核心课程。授课对象为计算机网络及计算机相关专业的专科学生。通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言和 JavaScript程序，掌握运用Dreamweaver 网页制作软件制作网页、运用Photoshop 图像处理软件进行网页中图形制作和运用 Flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的
2、实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。二、教学基本要求知识要求熟练掌握运用Dreamweaver 网页制作软件制作网页、运用Photoshop 图像处理软件进行网页中图形制作和运用Flash 动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。能力要求具备网页设计、图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基本能力；培养分析问题、解决问题的能力；培养协作、交流的能力，培养创新能力和团队意识。三、教学内容及要求
3、单元一：网站开发基础1）课程教学内容：?网站开发概述?网站开发流程?常用网页设计软件?HTML 入门2）教学重点、难点：了解网页系统的起源和发展；了解常用的网页制作软件；初步理解HTML。通过经典网站赏析激发课程学习兴趣。名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 8 页 -单元二：Dreamweaver 网页制作基础1）课程教学内容：?Dreamweaver CS6 的工作环境?建立本地站点?在 Dreamweaver 中制作第一个网页2）教学重点、难点：（1）教学重点：Dreamweaver 的工作环境、站点建立的方法（2）教学难点：站点规划。（3）教学要求：熟悉Drea
4、mweaver 的工作环境、掌握站点建立的方法以及如何制作一个网页单元三：制作网页内容1）课程教学内容：?文字和段落在网页中的应用?图像在网页中的应用?多媒体对象在网页中的应用?超链接2）教学重点、难点：（1）教学重点：文本的输入和设置、图像的插入和设置、超级链接的建立和设置。（2）教学难点：超级链接（3）教学要求：掌握在页面上输入文本和文本属性设置的方法；掌握在页面上插入和调整图像，图像属性的调整和设置的方法；掌握设置文本的超级链接、建立锚点和邮件的链接的方法。单元四：CSS样式表1）课程教学内容：?CSS 入门?CSS 详解?创建和应用CSS?链接外部CSS 样式表2）教学重点、难点：（1
5、）教学重点：CSS样式表的创建和应用。（2）教学难点：CSS样式表的各种类型。（3）教学要求：熟练掌握Dreamweaver 中 CSS样式表面板的使用，掌握如何创建和应用CSS，如何美化网页效果。单元五：网页布局1）课程教学内容：?网页布局类型名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 8 页 -?用表格进行网页布局?框架?用 CSS 进行网页布局2）教学重点、难点：（1）教学重点：利用表格进行网页布局、利用CSS进行网页布局。（2）教学难点：用CSS进行网页布局的方法。（3）教学要求：熟练掌握在Dreamweaver中利用表格和CSS进行网页布局的方法和技巧。单元六：网页
6、特效与交互1）课程教学内容：?行为的应用?AP 元素?Spry 框架?JavaScript 基础知识2）教学重点、难点：（1）教学重点：Dreamweaver 的行为、AP元素、Spry 框架，以及JavaScript程序。（2）教学难点：AP元素、Spry 框架以及相应的JavaScript程序。（3）教学要求：掌握在Dreamweaver 实现各种交互的方法，以及熟练理解JavaScript程序。单元七：模板和站点管理1）课程教学内容：?模板?资源?站点管理2）教学重点、难点：（1）教学重点：模板的创建和保存方法及模板的使用，管理站点。（2）教学难点：在模板页的保存，用新模板更新网页。（3
7、）教学要求：掌握模板的创建和保存方法及模板的使用；了解库元素的编辑和在网页中的运用；掌握在 Dreamweaver 中管理站点的方法。单元八：网页中图形的制作（对应教材的第8 至 10 章）1）课程教学内容：（1）Photoshop 介绍。（2）用 Photoshop 绘制画形。（3）切割图像。（4）将图形图像用于网页中。2）教学重点、难点：名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 8 页 -（1）教学重点：用Photoshop 绘制画形和切割图像。（2）教学难点：用画图工具进行网页中图形的制作和处理。（3）教学要求：熟悉Photoshop 窗口、面板；熟悉画图工具的使用，
8、可以用画图工具进行网页中图形的制作和处理；掌握在Photoshop 中切割较大图像的方法；了解用Photoshop 绘制、处理图形的一些实例。单元九：网页动画的制作1）课程教学内容：（1）Flash 介绍。（2）制作简单的动画。（3）图层在动画中的运用。（4）元件在动画中的运用。（5）动画的简单交互。（6）将动画运用于网页中2）教学重点、难点：（1）教学重点：用Flash 制作简单的动画。（2）教学难点：动画的行为编程。（3）教学要求：熟悉Flash 的窗口、命令、菜单；掌握逐帧动画、形状补间动画、传统补间动画、路径动画和遮罩动画的制作方法；熟悉和掌握图层的应用以及元件的应用，能将动画运用于网
9、页中。四、课程各教学环节要求及安排1）教学原则本课程采用理论和实践相结合教学，以完成工作任务的活动为过程，建议全部采用在多媒体网络机房进行现场教学，创设真实工作环境，融“教、学、做”为一体。2）教学建议由于网页设计技术发展较快，各单元的内容可根据具体情况作适当调整（增、删、合并），也可适当增加网站规划与设计的知识，安排适当时间观摩国内外精品网站和从网上收集有关资源。建议采用采用“任务驱动”教学。3）作业要求每次练习，教师要根据教学内容提出明确的目标任务，学生所完成的任务作为作业，记入平时成绩。五、实验环节名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 8 页 -网页设计制作是一门
10、实践性很强的课程，因此实验教学是本课程非常重要的组成部分。通过实验教学，培养学生正确使用应用软件的能力。具体要求：掌握网页制作的基础知识和基本操作技能。上机实验安排如下：序号上机实验内容实践学时备注1 对各网站的浏览，增加认识；完成第一个实例。HTML讲解，并介绍网站建设流程。4 2 HTML 工作原理、基本语法介绍2 3 表格布局网页以及网页中各种类型的元素添加4 4 框架和层2 5 CSS美化网页练习4 6 页面交互4 7 表格+CSS、Div+CSS布局练习4 8 网页图像和动画的制作和应用4 9 综合范例练习及期末考试4 学时合计32 六、本课程与其它课程的联系1）信息技术，此课程为基
11、础（先导）。2）网站规划与建设，ASP.NET网站开发名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 8 页 -七、各教学环节学时分配（黑体，小4 号字）主 要 内 容各教学环节学时分配作业题量备注讲授现场操作讨论习题其它小计单元一：网站开发基础?网站开发概述?网站开发流程?常用网页设计软件?HTML 入门2 2 单元二：Dreamweaver网页制作基础?Dreamweaver CS6 的工作环境?建立本地站点?在 Dreamweaver 中制作第一个网页2 2 1 个模仿型 子 任务单元三：制作网页内容?文字和段落在网页中的应用?图像在网页中的应用?多媒体对象在网页中的应用?
12、超链接4 4 8 若 干 模仿 型 子任 务 和若 干 开放 型 子任务单元四：CSS样式表?CSS 入门?CSS 详解?创建和应用CSS?链接外部 CSS 样式表4 4 8 一个模 仿 型子 任 务和 一 个开 放 型子任务单元五：网页布局?网页布局类型?用表格进行网页布局?框架?用 CSS 进行网页布局4 4 8 一个模 仿 型子 任 务和 一 个开 放 型子任务单元六：网页特效与交互?行为的应用?AP 元素?Spry 框架?JavaScript 基础知识4 2 6 一个模 仿 型子 任 务和 一 个开 放 型子任务名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 8 页 -单
13、元七：模板和站点管理?模板?资源?站点管理2 2 4 第一阶段综合练习4 4 完成开 放 型任 务 中的 网 页设 计 任务第一阶段考核2 单元八：网页中图形的制作（对应教材的第 8 至 10 章）（1）Photoshop 介绍。（2）用 Photoshop 绘制画形。（3）切割图像。（4）将图形图像用于网页中。4 6 10 若 干 模仿 型 子任 务 和若 干 开放 型 子任务单元九：网页动画的制作（对应教材的第 11、12 章）（1）Flash 介绍。（2）制作简单的动画。（3）图层在动画中的运用。（4）元件在动画中的运用。（5）动画的简单交互。（6）将动画运用于网页中4 6 10 若 干
14、 模仿 型 子任 务 和若 干 开放 型 子任务综合练习4 4 开放型 任 务全 部 完成第二阶段考核2 2 合 计28 28 12 68 八、考核方式1）总评成绩平时成绩60+考试成绩40，考试成绩为阶段考核成绩。2）平时成绩包括：出勤、纪律、完成每一个模仿型子任务的质量。3）阶段考核成绩依据完成开放型阶段任务的质量进行考核。4）考核范围应以课程大纲为依据，重点考查学生分析问题、解决问题和网页设计的实际能力，注重考核对启发学生创新思维和培养学生创新能力的引导作用。可分二至三个阶段考核，第一阶段重点名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 8 页 -考核运用Dreamwea
15、ver 网页制作软件制作网页、特别是制作动态网页的能力，第二阶段重点考核运用Photoshop 图像处理软件进行网页中图形制作的能力和运用Flash动画制作软件设计网页中动画的能力，第三阶段重点考核综合运用三个软件完成网站建设任务的能力（或将第二、第三阶段合并考核）。九、推荐教材和教学参考书1、Dreamweaver 网页制作实用教程（第3 版），作者：律佳、刘洪霞、缪亮，ISBN：9787302435860 出版日期：2016.09.01清华大学出版社2、网页设计与制作实用教程Dreamweaver+Flash+Photoshop(第 3 版），作者：缪亮、孙毅芳ISBN：9787302481331出版日期：2017.10.01清华大学出版社十、说明加强理论与实践相结合,注重培养学生网页设计的实际能力。教学中根据具体情况可对部分内容作适当筛选、组合。名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 8 页 -