华南理工网页设计与制作
《网页设计与制作》课程简介
《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。
本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。
在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。
在以后学生还将学习《程序设计》课程，能设计和制作动态网页。
2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。
课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。
同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。
3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。
课程以工作任务来组织内容，以案例驱动贯穿教学过程。
由浅入深，最后完成主题网站的开发项目。
课程教学中以Dreamweaver的使用为主线，要重视HTML语言和CSS样式的讲解和应用。
通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。
二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握HTML语言的文档结构和基本标签使用。
《网页设计与制作》课程教学大纲
《网页设计与制作》教课纲领（114 学时）一、课程性质和任务本课程是中等职业学校的计算机专业的一门专业课。
其主要任务是学习相关网页设计与制作的基础知识和基本技术，使学生可以娴熟地制作出一般企事业单位所需的中高级水平的网页。
二、课程教课目的本课程的教课目的是使学生掌握网页制作的基本知识和基本技能，掌握网页内容对象的制作方法及技术，拥有对网页内容多个对象进行合理布局与设计的初步能力。
（一）课程目标要求1、掌握制作简单网页的基本方法。
2、掌握 HTML 常用标志及其功能格式。
3、掌握向网页中输入对象的方法。
4、会制作网页中各样超链接。
5、掌握网页内容多个对象的布局方法。
6、能给网页适合增添动向成效。
7、认识高级网页制作技巧。
8、能进行站点管理和保护。
（二）能力培育目标1 、掌握 FrontPage基本操作及技术。
2 、会用 HTML 编写改正简单网页。
3、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。
4、站点创立及站点内超链接的制作技巧。
5、能绝对定位和相对定位，表格，框架对网页合理布局。
6、会用模板、主题、款式制作高质量网页。
7、利用各样插件，控件脚本程序制作高级网页。
（三）思想教育目标1、培育学生网上分辨是非，合理运用网络资源的能力。
2、培育学生踊跃长进的修业态度和较强的自控能力。
三、教课内容和要求（一）理论教课摸块1 、FrontPage基本观点1）新增功能、工作界面构成。
2、制作简单网页1）网页文件基本操作方法。
2）输入文本、制作超链接的基本方法。
3、HTML 语言基础1 ）HTML 基本法与构造。
2）常用标志的功能、格式。
4、增添网页元素1）输入标题、文本并对其进行格式化。
2）编写列表。
3）插入图片及图片办理。
4）制作站点内超链接的方法介绍。
5）制作表格及用表格定位。
6）制作表单。
7）制作网页内动向成效。
5、网页元素合理布局1）相对定位和绝对定位。
2）表格定位。
3）框架定位。
网页设计与制作实践教学大纲讲解
《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时，共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1．计算机基础及网络基础理论知识；2．电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1．硬件要求：使用计算机，512M 内存、40G 硬盘2．软件要求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、实践内容实验一 HTML基础实验 7学时（一）实验目的1．掌握HTML 语法基本的基本结构。
2．熟悉HTML 编写网页的方法。
（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML 语法基本结构⑵．HTML 各标记的使用（三）学时分配本实践项目为7学时（四）实验内容1．写出HTML 语法的基本结构2．编写包括文本和图像的两至三个简单网页3．在网页之间建立文本、图像和书签超链接4．编写一个带有表格的网页5．编写一个带框架结构的网页实验二 Dreamweaver基础 2学时（一）实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
（三）学时分配本实践项目为2学时。
（四）实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
网页设计与制作教案重点和难点
网页设计与制作教案重点和难点教案标题：网页设计与制作教案重点和难点教案目标：1. 了解网页设计与制作的基本概念和原理。
2. 掌握网页设计与制作的基本技能和工具。
3. 能够设计和制作简单的网页。
教案重点：1. 网页设计与制作的基本概念和原理：- 了解网页的结构和组成部分，包括HTML、CSS和JavaScript。
- 理解网页设计的原则，如布局、色彩搭配、字体选择等。
- 熟悉网页制作的工作流程，包括需求分析、界面设计、编码和测试等。
2. 网页设计与制作的基本技能和工具：- 掌握HTML的基本语法和标签，能够创建网页结构。
- 熟悉CSS的基本属性和选择器，能够实现网页的样式设计。
- 了解JavaScript的基本语法和常用功能，能够实现网页的交互效果。
- 掌握网页设计与制作的常用工具，如文本编辑器、图形编辑器和浏览器调试工具等。
教案难点：1. 网页设计与制作的复杂性：- 网页设计与制作涉及多个技术领域，需要学生综合运用HTML、CSS和JavaScript等知识。
- 网页制作过程中可能遇到兼容性、布局调整和浏览器兼容性等问题，需要学生具备解决问题的能力。
2. 网页设计与制作的创意与实践结合：- 网页设计与制作需要学生具备一定的创意和审美能力，能够设计出符合用户需求和美观的网页界面。
- 学生需要通过实践来巩固所学知识，将理论应用到实际项目中，提升实际操作能力。
教学策略：1. 理论与实践相结合：- 在讲解基本概念和原理的同时，引导学生进行实际的网页设计与制作实践，加深理解和掌握。
- 提供一些实际案例和练习题，让学生通过实际操作来解决问题和巩固知识。
2. 分步教学：- 将网页设计与制作的过程分为多个步骤，逐步引导学生完成每个步骤的任务，帮助学生建立起完整的制作流程和思维模式。
3. 引导学生思考和解决问题：- 在遇到问题时，引导学生主动思考和解决问题的方法，培养学生的问题解决能力和自主学习能力。
评估方法：1. 课堂练习：- 设计一些小型练习题，考察学生对网页设计与制作基本概念和技能的掌握情况。
完整版)网页设计与制作课程标准
完整版)网页设计与制作课程标准网页设计与制作》是一门理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。
该课程定位于WEB技术开发工作岗位，是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。
通过本课程的研究，学生将了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。
该课程旨在为今后从事网页设计与制作、网站开发和管理奠定基础，并在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主研究能力和探索创新能力。
该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：1.网页基本概念（第1章）2.基本开发工具的使用DW CS6软件介绍（第2章）3.建立与管理站点（第3章）4.制作主要内容为文本的网页（第4章）5.插入与编辑图像（第5章）6.插入多媒体元素（第6章）7.创建超级链接（第7章）8.HTML基础（第13章）9.表格处理与网页布局（第6章）10.网页布局AP Div的应用（第9章）11.使用CSS+DIV布局网页（第11章）12.网页美化CSS样式表（第10章）13.行为（第12章）14.动态网页基础（第15章）15.创建和使用模板（第9章）16.创建和使用库（第10章）该课程的教学目标为：1.掌握使用Photoshop进行图像处理的基本方法及操作技能；2.掌握DreamweaverCS5的基本知识及操作技能；3.掌握建立与管理站点的方法；4.掌握制作主要内容为文本的网页的方法；5.掌握在网页中插入与编辑图像的方法；6.掌握在网页中插入多媒体元素的方法；7.掌握表格处理与网页布局的方法；8.掌握创建超级链接的方法；9.掌握使用框架制作旅游网站的方法；10.掌握创建和使用模板的方法；11.掌握创建和使用库的方法；12.掌握在网页中添加AP Div的方法；13.掌握在网页中使用行为的方法；14.掌握HTML基础知识及通过代码修饰网页的方法。
《网页设计与制作》课程实验(上机)教学大纲
《网页设计与制作》课程实验（上机）教学大纲一、实验教学目标与基本要求本实验课程是信息管理专业和财务管理专业的专业任选课程。
通过本实验课程的学习，要求学生掌握Web的基本概念，学会使用常用的网页设计工具，网站的建立维护能力。
通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。
因此，精通Web的应用基础，掌握Web网页的制作和Web 站点的管理等内容已经成为现代人必备的一种技能。
该课程强调基础知识的教学和实践技能的培养。
在“虚拟企业”教学实践平台上，大力开展技能教学，专门设计电子商务网站构架平台，辅助学生自行动手创建个性化的商务网站。
并编写实训手册，训练学生帮助企业解决企业电子商务问题的能力，形成了以案例教学为主线的理论教学和以项目驱动为特点的实践教学相结合的课程特色。
本课程内容以网站建设的实践为线索来确定课程的知识结构。
根据课程具有的实用性的特点，实践环节在教学过程中应占有重要地位，为此，教学中一定要加强实际动手能力的培养。
具体通过本课程的学习，要求学生掌握一、两种常用的网页设计工具，熟练运用多种网页设计技术，具备Web页设计、制作及站点管理的基本知识和基本技能；了解一种绘制图形和加工图像的图像处理工具。
二'基本理论与实验技术知识1.了解网站开发的基本知识。
2.掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。
3.掌握加强网页显示效果的CSS样式、资源、模板和库。
4.掌握交互的表单应用和插入媒体对象。
5.掌握行为的应用、动画创建等实际内容。
6.学习搭建服务器平台，测试和发布站点。
7.掌握在Macromedia Dreamweaver CS4中使用数据库、ASP对象、服务器行为制作动态网页。
三' 实验方法' 特点与基本要求本实验开设对象为《网页设计与制作》课程的学习者（经济管理类信管专业学生），实验为必修内容。
《网页设计与制作》学习指南
学习指南《网页设计与制作》网络资源共享课程由网上学习、教学互动等部分组成，由于该课程是一门实践性和应用性很强的技术专门课程，因此还要求学习者参与每个任务所规定的实验及实训等实践性教学环节的训练。
网上学习部分的内容充分利用了计算机、INTERNET、多媒体等技术手段, 采用文本图片、音频、视频、动画、案例、网站等多种表现形式，全面系统介绍网页设计与制作的知识。
实践性教学环节含实验和实训等内容，由每个任务具体给出，学生应认真按照具体指导及要求完成实验和实训的训练，着重培养理论联系实际的能力，培养实际动手能力及实验技能，培养分析问题与解决问题的能力。
本课程是一门“教、学、做”一体化的学习领域课程，在学习本课程时，不仅要重视知识技能的学习，还应重视实践性教学环节、团队协作等，要完成一定数量的实践和实训课题，在反复运用中加深理解和巩固所学的知识。
经过与企业工程师反复讨论，根据网站的一般开发流程，我们设计四个真实的网站建设项目作为教学素材，根据教学规律进行优化，形成了本课程的教学项目。
这四个项目分别是：项目一：“银帝矿业”企业网站建设（第一版）。
这是一个导引项目，定位于“我教---你学”。
主要用于教师教学示范和学生技术体验，是“边学边做”的教学过程，项目二：“银帝矿业”企业网站建设（第二版）。
这是一个是训练项目，定位于“你做---我导”，主要用于巩固提高，训练学生操作能力，以学生自己动手做为主，教师的作用是解决学生在做的过程中出现的问题，是“做中学”的训练过程。
项目三：工学结合项目。
这是一个强化项目，定位于“你做---我评”，主要用于强化学生网页设计与制作的综合能力，教师的作用是从用户的角度对网页设计效果进行评价，是“技能提升”的过程。
项目四：岗位工作项目。
这是一个综合项目，定位于“你做---用户评”，这个项目安排在企业进行，由企业兼职指导教师带领学生参加真实项目的设计与制作，学生参与用户需求分析、项目规划、设计与制作全过程，作品将直接由用户评价，是“工学结合”的过程。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第一章网页基础知识·1.1 基本概念
第一章网页基础知识·1.2 网页设计
随堂练习提交截止时间：2020-06-14 23:59:59
当前页有2题，你已做2题，已提交2题，其中答对2题。
第一章网页基础知识· 1.3 网页制作
随堂练习提交截止时间：2020-06-14 23:59:59
第二章Dreamweaver入门·2.4 使用Dreamweaver
第三章HTML·3.1 基本概念
第三章HTML·3.2 基本组成部分——HTML元素属性
随堂练习提交截止时间：2020-06-14 23:59:59
当前页有3题，你已做3题，已提交3题，其中答对3题。
第四章编辑基本网页元素·4.1 文本输入与编辑
随堂练习提交截止时间：2020-06-14 23:59:59
第四章编辑基本网页元素·4.3 超级链接
第四章编辑基本网页元素·4.4 多媒体元素
随堂练习提交截止时间：2020-06-14 23:59:59
第五章表格·5.1 表格的基本操作
第五章表格·5.2 在表格中添加内容
第五章表格·5.3 表格属性
第六章APDiv及框架·6.1 APDiv
第六章APDiv及框架·6.2 框架
随堂练习提交截止时间：2020-06-14 23:59:59
第七章CSS及表单·7.1 表单
第七章CSS及表单·7.2 层叠样式表(CSS)
随堂练习提交截止时间：2020-06-14 23:59:59
第八章行为、模板及库· 8.1 行为
第八章行为、模板及库·8.2 使用模板
随堂练习提交截止时间：2020-06-14 23:59:59
第八章行为、模板及库·8.3 使用“库”项目
第九章平面图像处理基础·9.1 图像处理基础
第九章平面图像处理基础· 9.2 绘制和编辑选区
第十章画笔与绘画· 10.1 绘图工具的使用
第十章画笔与绘画·10.2 修图工具的使用
随堂练习提交截止时间：2020-06-14 23:59:59
第十一章调整图像的色彩和色调· 11.1 调整命令
第十二章图层、通道和蒙版· 12.1 图层
第十二章图层、通道和蒙版·12.2 通道
随堂练习提交截止时间：2020-06-14 23:59:59
第十二章图层、通道和蒙版·12.3 蒙板
随堂练习提交截止时间：2020-06-14 23:59:59
第十三章文字和滤镜·13.1 文字
随堂练习提交截止时间：2020-06-14 23:59:59
第十三章文字和滤镜·13.2 滤镜
第十四章Flash动画基础·14.1 图形绘制
第十四章Flash动画基础·14.2 图层与元件
随堂练习提交截止时间：2020-06-14 23:59:59
第十五章Flash动画制作·15.1 基础动画
第十五章Flash动画制作·15.2 高级动画。