湖北省高等教育自学考试大纲
课程名称:网页设计与制作 课程代码:6386
第一部分课程性质与目标
一、课程性质与特点
“网页设计与制作”是湖北省高等教育自学考试网络传播专业(独立本科段)开设的一门专业实践课程。
网页是网络中信息传播的主要载体,是当今网络传播应用的主要形式。网页是网络传播的重要展现形式,是传统新闻基本能力的新的展现形式,同时也对传统新闻基本能力提出了新的要求。作为网络传播专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法,才能更好进行网络传播的应用与实践。
本课程是该专业的一门非常重要课程。本课程通过对网页的基本结构原理、网页页面的基本组成、网页页面的编写语言、网页设计与制作流程、网页设计与制作方法介绍,以及对相关软件的操作掌握后,可以独立完成对网页的制作设计与编辑,从而将新闻、网络信息通过网页展现,更好将网络新闻的采编评与网络传播的网页展现形式结合,充分发挥网络传播的特点。在网络传播专业学生在将来的实际工作中,需要乃至本课程的内容中介绍的基本原理和方法。因此,本课程是网络传播专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。
二、课程目标与基本要求
网页的设计与制作是一门与计算机结合十分紧密的课程。既需要一定的理论知识,也需要一定的实际操作能力。通过本课程自学、上机实习、作业等方式的学习,要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件,最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。具体地说,包括以下几个方面:
(1)使考生比较全面系统地了解网页设计与制作的的发展历史、基本理论;
(2)考生了解网页设计与制作的技术基础、设计方法、基本流程以及网页发布的方法等主要内容;
(3)使考生掌握网页描述语言HTML的用法,能熟练运用常见的网页标记。
(4)要求考生能熟练掌握常见的网页设计与制作相关软件,能独立应用软件完成简单网页的制作,能与他人合作完成复杂网页的制作。
(5)了解客户端动态网页制作的基本原理,能制作简单的客户端动态网页。
本课程要求学生在自学过程中,特别要加强实践环节,培养动手能力,掌握相关软件的使用方法,要求应试者具备一定的上机能力和实际应用能力。
三、与本专业其他课程的关系
本课程需要具有一定计算机基本知识以及计算机网络基础知识,因此要以本专业的“计算机应用基础”、“计算机网络基本原理”、“多媒体信息基础”等作为先导课程。在学习本课程的过程中,可以与“图文信息处理”、“动画编辑与设计”等课程同步进行。学习完毕后,可以为“网络信息编辑”、“网络信息检索与利用”等课程打下基础。
第二部分考核内容与考核目标
第一章网页设计与制作综述
一、学习目的与要求
通过本章学习,考生应掌握互联网的相关概念、互联网与万维网的关系,掌握万维网的基本结构即B/S结构;网页制作的相关技术以及网页设计与制作的基本流程等,了解网页制作的相关软件以及网页制作环境的搭建等。
二、课程内容
第一节万维网的基本结构
1.相关概念
互联网即Internet是许多不同功能的计算机通过线路连接起来组成的世界范围内的网络。它采用采用TCP/IP网络协议。
万维网(WWW:WorldWildWeb):全球信息网络,是运行在互联网上的覆盖全球的多媒体信息系统。WWW是在欧洲核物理研究中CERN的Tim-BernersLee领导下于此年开始发展的。
互联网提供的常见服务包括:WWW、电子邮件(也有WEB邮件)、ICQ(OICQ、MSN)、文件传输(FTP、BT)、在线聊天、网络股票、联网游戏、SMS(短信服务)等。WWW即万维网服务只是互联网的一种重要服务。
超链接:将不同页面在某文字、图像或者某个区域上链接起来。链接主体:某文字、图像等;链接客体:链接到的目的地。
导航条:与软件中的菜单一样,起导航的作用的版块。实际就是多个超链接的集合。
网站与主页:一系列逻辑上可以视为一个整体的页面叫做网站。一个大型网站往往是由多台相连的高速服务器组成,分别完成各自的应用服务。主页是一个网站进入的最初页面,经由此页面可以链接到网站中的其它页面。
2.万维网的基本结构
万维的基本结构包括四个部分:
Web浏览器:浏览网页的客户端程序。
服务器:存放网页并响应客户端访问的服务程序。服务器通常采用空间租用、服务器托管、自建服务器等方式。
Web网页:由HTML语言描述的页面信息,需要通过浏览器进行渲染。
统一资源定位器(URL:UniformResourceLocator):用于定位网页资源位置的体系。
本节主要知识点和考核要求:
1、识记:互联网的定义、万维网的定义、超链接、导航条、网站、主页、万维网的基本结构
2、领会:网页从浏览器发出请求到收到网页并时行渲染的整个过程;服务器的各种形式。
第二节网页的制作基础
网页制作的相关软件
网页编辑软件:一类是纯文本编辑器;一类是可视化编辑器;通常复杂的网页制作软件还具有站点管理、网页发布等功能。
网页图像处理软件:专门用于处理适合于网页中使用的图像处理软件。
动画制作软件:用于制作网页中用到的动画的制作的软件。
这三大重要软件中比较典型的是被称为“网页制作三剑客”的网页制作专业软件:Dreamweaver、Fireworks、Flash。对于本课程以Dreamweaver为重点。
网页制作环境搭建
在制作网页过程中为了模拟网页真实运行过程,需要搭建网页制作环境。
介绍常见的网站服务器的安装与配置:IIS与Apache的安装。
网页制作基本步骤
小组成员分工:网站策划、版面美工、网络软件编辑人员、采编人员、网站测试人员。
网站计划书:确定主题与名称、确定网站性质及浏览人群、策划栏目功能与层次结构(层次、序列、网状、复合)。
内容的采集
网站的制作:统一风格(色彩、版面)、页面大小、导航条的使用。
宣传
发布
内容更新、维护、改版等。
本节主要知识点和考核要求:
1、识记:三剑客及其各自功能
2、领会:网页设计与制作的步骤
3、简单应用:网页制作环境搭建、网页上传与发布
第二章HTML基础
一、学习目的与要求
通过本章学习,考生应掌握HTML的概念及其发展历史,理解HTML语言的特点及其使用方法,能通过文本编辑器或者网页制作软件编辑HTML语言,并通过浏览器对其调试;并能识记常见HTML标记的使用方法。HTML语言作为网页设计与制作的基础,需要考生能熟练掌握;另外虽然通过可视化网页制作软件可以简化HTML的编写,但在网络编辑等实际工作中,很多时候需要直接对HTML进行编辑;掌握好HTML语言对后面的章节具有非常重要的作用。
对本章的学习需要多上机实践,才能熟练掌握各HTML标记的使用方法。
二、课程内容
第一节HTML介绍
HTML语言(HyperTextMarkupLanguage),是一种采用“标记”进行页面网页描述的语言。是一种Web出版语言(thepublishinglanguageoftheWorldWideWeb)。语言版本不断更新。
1.历史
HTML最初由CERN(CentreEuropeanpourlaRechercheNucleaire,欧洲粒子物理实验室)的TimBerners-Lee提出,在NCSA(美国国家超级运算应用中心)开发的Mosaic浏览器上得到普及。在90年代,随着Web的发展而兴盛起来。
2.概览
HTML文件由纯文本形式的HTML标记(tag、element)组成,因而可以实现最大限度的跨平台。
HTML标记约90个。主要包括文档结构、文本、字体样式、列表、表格、框架、表单等几个方面。
现在的HTML语言功能非常强大,加入了DHTML、XML、JavaScript、VBScript等方面的应用。
早期HTML文件由纯文本进行编辑,现在已经有很多专门制作网页的软件,很多排版、办公软件也都支持HTML文件格式。
HTML文件需要通过浏览器转换,才可以看到页面内容,由于不同的浏览器对不同的标记的显示效果不一样,因此HTML文件在不同的场合看起来可能会不一样。
3.HTML的基本语法
标记(element)
标记包含在“<>”中,一般成对出现(starttag、endtag)。开始标记与结束标记区别是前面多一“/”。但有的标记也可以是单独出现。标记不区分大小写。
标记的使用方法为:文本内容。如:这是粗体。
标记属性(attribute)
在标记后还可以加入一些属性,以定义标记的具体特性。属性不分大小写,属性值一般用包含在“”中,用“=”符号连接。多个属性之间用空格隔开。如:。
注释
注释对页面内容不起作用,只用于设计者阅读。以“”结束,包含其间的内容为注释。使用方法:
其它
HTML除定义了大量标记和属性外,还包括一些特殊的字符,如颜色表和字符实体。
颜色表,可以用一些词来表示某种颜色属性值,以便于记忆和阅读。如“blue”,等价于“0000FF”。
字符实体(entity),一些特殊字符被HTML作为保留字使用,如“<”、“>”、“/”等;另外一些常用字符难以表示,如?、?等。通过字符实体表可以查到这此特殊字符,采用实体名或者数值来表示。如
空格为:“ ”或者“ ”、<为“<”或者“<”、&为“&”或者“&”。
4.基本HTML网页文件的组成
通常包括、、、等基本标记。
本节主要知识点和考核要求:
1、识记:HTML概念、HTML的基本语法、基本HTML网页文件的组成。
2、简单应用:基本网页文件的编写、保存、浏览的步骤。
第二节HTML文本标记
:遇到 标记,则另起一段。 标记为另起一行。段有段前、段后等属性。而行只是从下一行开始。
:在页面中加入一条水平线,起分隔作用或者装饰作用。
标题标记Hn(H1…H6):
H1—H6字符由大到小。
段落对齐:
Align属性:取值“right”、”left”、”center”、”justify”。常用于、、、等标记。 与 标记:DIV为文档分节标记符。可以将某一组内容放到DIV标记内,用一个属性进行控制。
HTML语言的格式嵌套:
在HTML语言中,标记符可以嵌套。但要有层次,不能出现交叉的情况,就象编程语言中的循环嵌套一样。
文本显示效果
…文本内容…标记,其中的文本内容可以由Font标记的属性进行控制。
字符样式:加粗、大字体、斜体、删除线、下划线、下标、上标。
列表格式
有序列表:列表、- 列表项。
无序列表: |