网页设计制作基础班课程安排

（入门引导）

1： 网页设计软件介绍、网页设计中图片格式的讲解、文件像素与分辨率、HTML代码的简单讲解

2： 网页的组成部分以及应注意的事项。通过网页的基本讲解让学生深入了解网页的概念，什么是网页以及各种网页设计的风格

3： 网页中的色彩、板式、风格构成

熟悉HTML语言

HTML 基础教程

4 HTML 简介入门

5 HTML 标签 元素 属性

6 HTML 标题 段落 格式化

7HTML 样式 链接

8 HTML 表格

9 HTML 列表

10 HTML 表单

11 HTML 图像

12 HTML 背景颜色 颜色值

HTML 高级教程

13 HTML 布局

14 HTML 框架

15 HTML 字体

HTML CSS

16 HTML 实体

17 HTML 头部

18 HTML 元信息

19 HTML URL

20 HTML 脚本

21 HTML 属性

22 HTML 事件

23HTML URL 编码

DIV+CSS

础课堂（一）24 了解网页的设计制作，主要编程语言HTML，DIV+CSS的定义和优势 暂无演示

基础课堂（二） 25 网页中各类标签作用，如何运用标记对文章进行合理排版。 暂无演示 基础课堂（三） 26 了解网站的目录结构。超级链接，文本的作用和区别。使用DIV定义网站框架。 暂无演示

基础课堂（四） 27 CSS使用细节，了解文本排版样式，并合理使用。 暂无演示 实战案例（一） 第五课 使用Photoshop切图，各种图片格式使用细节，活用网页中的图片。了解盒子模型和她的结构。 暂无演示

实战案例（二） 28 无序列表在网页中的应用，内联和块的区别。 暂无演示 实战案例（三） 29 了解浮动、溢出、溢出控制，活用各类网页排版。 暂无演示 实战案例（四） 30 了解CSS伪类，CSS雪碧，浏览器兼容以及兼容测试的方式。 暂无演示

实战案例（五） 31 了解网页设计布局。用户体验的意义，无序列表的实现图文混排的方式。 暂无演示

实战案例（六） 32 了解所有标记的作用，熟悉Javascript。解决浏览器兼容的三种方法，避免兼容问题的守则。 暂无演示

灵活应用（一） 33 了解门户导航的类型，通过所学完成门户网站导航和子板块。 暂无演示

灵活应用（二） 34 学习别人网站经验（下载别人网页源码作为己用）。位置属性和层级别的活用。 暂无演示

灵活应用（三） 35 QQ空间小窝布局实例，iframe的活用，透明FLASH的实现。 暂无演示 实战案例（四） 36 模仿淘宝导航的方式，并实现下拉菜单。 暂无演示 灵活应用（五） 37 了解前端SEO和搜索引擎优化基础 暂无演示

Photoshop Fireworks

38： 图形软件的讲解功能的讲解 基本知识讲解，绘图环境介绍，工具箱中工具命令的讲解，功能运用，图像编辑，图层概念，图形模式及蒙板功能讲解，实例说明。通道和遮罩的讲解与应用，Photoshop的路径讲解、功能应用、图形绘制，动作的讲解及应用，滤镜的讲解及应用。

39： 抠图工具的应用

40： 文字工具的应用

41： 图像合成

42： 图像的制作

图像设计综合实例讲解与制作技巧 Photoshop Fireworks

43： 网页中文字的应用 网页的整体设计，GU

I界面设计，GIF动画设计，ICON图标设

44： 网页平面效果图的制作之LOGO的设计制作

45： 网页平面效果图的制作之Baner的设计

46： 网页平面效果图的制作之导航的设计

47： 网页平面效果图的制作之整体设计制作

Dreamweaver

48：中文版概述与入门，窗口参数设置，创建网页基本对象及设置WEB站点。 页面设置使用文本，使用图像，在文档中插入水平线，网页中的表格设置，使用表单，使用框架，层和样式表，使用行为和模板; 网页HTML语言的讲解以及HTML中各标签的用法

49： 表格在网页中的应用

50： 使用表格制作网站

51： 表单的应用

52： 行为和框架

53：使用DIV＋CSS整站制作二

54：使用DIV＋CSS整站制作三

SEO

55：网页SEO优化知识讲解

56：网页SEO优化知识讲解

57：网页SEO优化知识讲解

58： 两人为一小组模拟完成网页项目一（结业考试）

59： 两人为一小组模拟完成网页项目二（结业考试）

60： 结业考试

第二篇：《 网页制作基础 》课程实施细则

《 网页制作基础 》课程实施细则（ 20xx年10月制定）第一部分 课程概况1、课程名称：　　网页制作基础2、课程概况和性质：　　"网页制作基础"是中央电大计算机应用专业网络方向必修的一门专业课。学生在学习本课程之前应当具有计算机网络和计算机操作的预备知识和能力。基本要求是：　　1．掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。　　2．了解有关Web网站建设的基本概念与方法。　　3．了解网络信息的特点，掌握收集、加工的方法。　　4．掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。　　5．主要掌握网页制作工具FrontPage的使用，了解其它网页制作工具的概况。　　6．掌握网络信息发布与维护的方法。　　7．了解本课程相关技术的发展趋势。　　总之，学习完本课程后，学生应该能够具有创建一个小型的个人网站，并将其发布到Internet上运行的能力。3、课程的主要内容"网页制作基础"是一门技术与艺术相结合为特点的课程，共分为如下六部分内容：第一部分：网络信息概述。包括：作为信息传播媒介的网络的特点，网络信息的类别，网络信息的来源，网络信息的价值判断，与网络信息收集有关的知识产权问题。第二部分：网络信息的加工。包括：单篇稿件的加工，多篇稿件的整合，网络信息的整体组织，信息服务性数据库的建立。第三部分：网站的规划与建设。包括：网站的基本概念，网站的分类，网站评析，网站建设的整体规划，网站内容与功能的设计，网站结构的设计，网站建设的技术实现，网站技术人员的构成，网站的功能、技术、成本、效益的综合分析，网站技术环境的选择与运行方式的确定，网站创建示例。第四部分：Web艺术设计。包括：Web设计环境，Web设计元素，Web艺术设计。第五部分：网页制作工具-FrontPage2000。包括：FrontPage200概述，网页创建示例，网页文本的组织，改进网页外观，添加多媒体与动画，表格，创建超级链接，高级FrontPage技术，其它网页制作工具。第六部分：网络信息的发布与网站的维护。包括：网络信息发布前的准备工作，网络信息的发布，网站的维护4、课程特点、与其它课程的关系（1）本课程的特点 　　本课程的特点是实践性比较强，因此要求学生在学习本课程时要紧紧围绕网页制作和网站设计的实践。能够结合网络的特点，并充分利用网络优势，具有一定的网站建设的规划、方案设计或选定、网页制作实现等基本能力。（2）本课程与其它课程的关系　　本课程的先修课程为《

计算机应用基础》等。5、基本要求　　本课程的基本要求分为三个层次：即了解、掌握和重点掌握。* 了解主要是针对课程的相关背景资料、主要事件及历史发展过程，要求能够用自己的语言对相关问题的简要情况、要点作一个概略的描述。* 掌握主要是针对课程的基本原理、基本操作方法，要求能够正确领会其中的基本原理，对基本操作方法能够在规定的时间内正确完成。* 重点掌握是针对网站规划与网页设计和制作中的重要概念、基本理论及有关的美学知识与设计流程，掌握网页制作工具FrontPage的使用方法和制作技巧，掌握网络信息发布与维护的方法，同时要求能够在实际中综合运用所学的知识。6、课程教材：（1）文字教材* 《网页制作基础》，为合一型，曾文华主编，中央电大出版社(20xx年第一版)* 《网页制作基础实验》，曾文华主编，中央电大出版社(20xx年第一版)（2）其它媒体：　　《网页制作基础》课程录像（18讲）曾文华主讲。7、教学反馈与责任教师及联系方式（1）辅导信息　　网上的教学辅导信息有：课程介绍、教学大纲、课程实施细则、教学进度、电子教案、期末复习、重点难点辅导、课程考核说明等。（2）教学反馈方式　　学生和教师可以通过电子邮件方式、电话、信函等方式与责任教师进行沟通或共同探讨有关问题。有关本课程的教学与学习等方面的问题，请与该课程的责任教师联系，以获得及时的反馈信息。（3）责任教师联系资料* 省电大负责本课程的责任教师以及网上教学信息主持教师：何丰如* 责任教师联系方式：Email: frhe@通信地址：（广州市下塘西路1号）广东广播电视大学导学中心邮 编： 510091电 话： 020-83493036（办公室）第二部分 教学方案1、教学媒体的种类与使用要求　　本课程除文字教材外，还配有网络课件，其中有课程讲解、课堂练习、网上实践和网上操作作业、相关的站点、链接等。通过使用该网上课件，完成教学过程，教师应指导学生通过该网络课件进行学习，进行上网实践和操作作业指导。　　网络课件作为文字教材的辅助媒体，主要用于网络自主学习。2、对教师和学习者的建议　　根据本课程特点，教学和学习上应该注意以下几点：（1） 网页制作基础的概念较多，主要分成网络信息概述、网络信息的加工、网站的规划与建设、Web艺术设计、网页制作工具-FrontPage2000、网络信息的发布与网站的维护几个部分，因此讲述与学习时要强调基本概念，基本设计方法。而不是过多地讲具体的技术细节。（2） 网络信息的加工不存

在统一的标准，应以文字规范、加工合理、科学性与政治性为参考标准。（3） Web艺术设计部分更不存在统一的标准，应按艺术规律，以加强美术欣赏能力为主。（4） 本课程实践性极强，教学中应特别重视理论联系实际，并强调实验环节。（5） 面授辅导课应以重点难点辅导、解惑答疑为主。（6） 学习时应在充分自学每章内容的同时，重点学习网络课件和教学录像中有关的教学内容，当每章内容学习将结束时，可利用网上辅导的材料来归纳总结。如学习中存在问题可以通过当地电大的辅导教师、省电大主持教师以及充分利用网上的有关技术论坛，来取得网友们的帮助。（7） 教材的每章后面配有自测题和练习题，同学在学习完每章的知识内容后应认真练习，并总结本章所教授的内容。此外，在学习每章内容后，还应该结合各个实验，来体会和巩固所学过的知识。　　整个教学过程由面授辅导、自学、实验、形成性考核（作业）四个环节组成。形成性考核（作业）采用省电大编写的《网页制作基础》形成性考核册中的练习，并要求完成其中的全部作业。此外还应符合《广东广播电视大学省管课程形成性考核实施细则的规定。形成性考核（作业）与实验未完成者不得参加考试。形成性考核成绩占本课程总成绩的20％。　　形成性考核（作业）、实验成绩与期末考试成绩共同评定为课程总成绩（其中形成性考核占20％，实验成绩占10%学分，期末考试占70%）。4、教学过程（1）自学　　辅导教师应指导学生按本实施细则设计好的进度阅读文字教材，浏览网上的辅导内容，进行自我测试，并有针对性地对实践内容进行练习，在此基础上整理出已经掌握的内容和未掌握的内容。（2）面授辅导　　辅导教师在浏览网上辅导内容及指导学生自学的基础上进行面授辅导。每次面授辅导的内容可分为三个阶段：第一阶段用少量时间对本章的内容进行归纳总结，第二阶段是组织学生进行讨论，针对本章的难点、疑点进行讨论，同时结合实际进行深入讨论、讲解，提高学生对网页制作技术的学习兴趣。第三阶段是组织学生对网上实践作业进行指导和评判。（3）平时作业的管理　　平时作业是巩固所学内容、对所学知识进行进一步深化，提高学生能力的重要环节，一定要引进足够的重视。5、教学进度、目的与要求　　本课程的教学总学时数为90学时，共5学分。具体章节的教学目的、要求以及学时分配如下：（1）教学进度：　　该教学安排按照一学期18周进行，每周3学时，实验30学时。共84学时。复习6学时。周次教学内容实 验1

第1章 网络信息概述实验一：网络信息的搜集2第1章 网络信息概述3第2章 网络信息的加工实验二：网络信息的加工与整体组织4第2章 网络信息的加工5第2章 网络信息的加工6第3章 网站的规划与建设实验九网站类型分析与创建7第3章 网站的规划与建设8第3章 网站的规划与建设9第4章 Web艺术设计实验三：色彩基础10第4章 Web艺术设计实验四：文本编排11第4章 Web艺术设计实验五：图像和VI设计实验六：网页设计要点12第5章网页制作工具-FrontPage2000实验七：使用FrontPage2000制作网页之一13第5章网页制作工具-FrontPage2000实验八：使用FrontPage2000制作网页之二14第5章网页制作工具-FrontPage200015第6章网络信息的发布与网站的维护实验九：网站类型分析与创建16第6章网络信息的发布与网站的维护实验十：网站的发布与维护17第6章网络信息的发布与网站的维护实验十一：网页制作基础综合实验18总复习 （2）主要教学媒体的使用与学时分配建议学时分配如下：　　序号　　　　　教学内容　　　　　　　　　　 授课　　 录像 实验　　第一单元 网络信息概述 6 2 （第1、2单第二单元 网络信息的加工 8 2 元共4小时）第三单元 网站的规划与建设 3 1 2第四单元 Web艺术设计 12 7 6第五单元 网页制作工具-FrontPage2000 10 5 14第六单元 网络信息的发布与维护 3 1 4总计 42 18 30（3）教学内容和要求第1章 网络信息概述一、教学内容：　　本章以网络信息为研究对象，通过从不同角度对网络信息进行分类，说明网络信息存在的形式、传播途径以及网络信息的用途。着重介绍利用检索工具、新闻网站或通过网民在网络中收集信息的方法，同时介绍了网络信息的价值判断及其准则，以及与网络信息收集有关的知识产权问题。二、教学要求：　　（1）掌握：网络信息的有关概念及价值判断　　（2）理解：网络信息的分类及搜集的方法　　（3）了解：与网络信息收集有关的知识产权问题第2章 网络信息的加工一、教学内容：　　本章主要介绍信息加工的各个环节。包括单篇稿件的加工和提炼、稿件标题的制作、多篇稿件的整合、网络信息的整体组织以及信息服务性数据库的建立。二、教学要求：　　（1）掌握：单篇稿件加工中的原稿的修改、多篇稿件的整合、网络信息的整体组织原则与方

法　　（2）理解：原稿的提炼、标题的拟定　　（3）了解：信息服务性数据及相应数据库的建立第3章 网站的规划与建设一、教学内容：　　本章主要介绍了网站的基本概念、基本组成和分类；网站建设的整体规划；网站结构的设计及其原则；网站内容与功能的设计；网站建设的技术实现方法；网站技术人员的构成；网站的功能、技术、成本、效益的综合分析；网站技术环境的选择与运行方式的确定等内容。二、教学要求：　　（1）通过对互连网上网站的分析，了解各类网站的功能特征和主要的技术实现方式。　　（2）掌握网站设计规划、建设的一般原则和步骤，能初步对网站建设提出合理的框架，　　（3）创建站点的操作，为学生实际参与网站建设打下基础。第4章 Web艺术设计一、教学内容：　　本章主要介绍Web设计所需的美学原理和设计法则，具体包括：Web的设计环境、Web的设计元素（色彩、文字、图形、动画、导航元件等）、Web艺术和版式设计等内容。二、教学要求：　　（1）掌握：网页设计流程、网页元素的基本知识及基本制作方法、网页创意设计的原则以及设计要点。（2）理解：网页设计中应用到的网络技术与传播特点、版式设计基本法则。（3）了解：不同的制作软件、视听语言基础和网页设计的未来趋势。第5章 网页制作工具-FrontPage2000一、教学内容：　　本章主要介绍微软的网页制作工具软件FrontPage的使用方法和操作技巧，主要包括：FrontPage 2000的安装和基本功能介绍、网页创建示例、网页文本的组织、改进网页外观的方法、如何在网页中添加多媒体元素（图形图像、声音、视频与动画）、表格的使用、、如何创建超级链接以及高级FrontPage技术，此外还简单地介绍了其他网页制作工具（如：Dreamweaver、HotDog、HomeSite） 二、教学要求：　　（1）掌握：FrontPage2000基本功能及系统安装步骤　　（2）掌握：网页基本编辑方法（编辑、格式化、项目符号和编号、网页元素的定位，水平线、时间戳、页面等的使用，计数器应用，网页模板使用，网页属性设置，插入图象、动画、声音的方法，表格菜单与工具栏、表格的创建与编辑、表格与文本的转换，文本与图片的超级链接、编辑与维护，标签的使用。）　　（3）理解：插入视频的方法，页面布局的改善，超级链接的概念　　（4）了解：FrontPage高级技术，其它网页制作工具第6章 网络信息的发布与维护一、教学内容：　　本章主要就网络信息的发布与网站的维护等有关问题进行论述，主要内容包括：网络信息发布前的准备工

作、网络信息的发布的方法和步骤以及网站的维护内容及要求。二、教学要求：　　（1）掌握：网页的测试与修改　　（2）掌握：网站测试的方法，利用FrontPage发行网站的方法　　（3）掌握：网站的更新、备份　　（4）理解：网页测试的特点，网络信息发布的原则，申请地址空间的方法　　（5）了解：网站宣传、维护的基本内容与方法第7章 实验内容（总计30学时）实验一：（4学时）　　1．结合个人站点设计构思，进行有关信息的收集、整理、打印，提交个人站点设计构思方案及收集的有关信息打印材料。　　2．对单篇稿件中的原创稿件进行修改加工，对多篇稿件进行整合，使之利于网络发布。3．结合个人站点设计构思，对要发布的网络信息进行整体组织。实验二：（2学时）1．在教师的指导下，分析Internet上的几种不同类型的网站，分析网站的性质、宣传方式、技术特点，并写出调查分析报告。2．利用FrontPage进行创建，简单的个人站点和比较复杂的企业站点的基本操作。实验三：（6学时）　　1．色彩基础　　2．文本编排3．图像和VI设计4．网页设计要点实验四：（6学时）　　熟悉FrontPage2000环境，结合收集整理的信息，制作一些简单的页面。实验五：（8学时）进一步使用FrontPage2000，制作图、文、声并茂的页面，完成个人站点信息的制作与测试。实验六：（4学时）1．利用FronePage 2000或CuteFTP Pro完成个人网站的发布2．网站的宣传与推广（加入搜索引擎）3．利用FronePage 2000完成网站的备份与删除实验七：（利用业余时间）　　 利用以上所掌握的方法，综合设计制作一个具有确定主题的个人网站，并利用免费资源在网上发布。　　第三部分 考试说明1、考试方式：　　本课程的考核形式为：考试；考试方式为：闭卷2、考试范围* 考试章节：第一章至第六章* 考试题中各章分值所占总分比例大概如下：第1章：15％； 第2章：15％ 第3章：15％ 第4章：20％第5章：25％ 第6章：10％ 3、考试题型* 多项选择题（每题2分，共10分，占10 %）* 填空题（每题2分，共30～40分，占30 ～40%）* 单项选择题（每题2分，共30分，占30 %）* 简答题（每题4分，共20分，占20 %）* 名词解释（每题2～3分，共10分，占10 %）4、期末考试成绩比例　　形成性考核（作业）、实验成绩与期末考试成绩共同评定为课程总成绩，它们所占的比例分别如下：* 形成性考核占20％；* 实验成绩占10%学分；* 期末考试占70%）。《 网页制作基础 》课程实施细则第 1 页