江苏自考06627《网页制作与网站建设》教材大纲

高纲1990

江苏省高等教育自学考试大纲

06627   网页制作与网站建设

南京理工大学编（2021年）

江苏省高等教育自学考试委员会办公室

Ⅰ  课程性质与课程目标

一、课程性质和特点

《网页制作与网站建设》课程是江苏省高等教育自学考试信息管理与信息系统专业的必修课，该课程是信息管理与信息系统专业课程体系中的基础课程之一。

本课程是一门非常实用的课程，既有理论基础又有实际应用价值。课程在侧重于网站的设计内容、方法和原理的同时，兼顾一定的基础技术——静态网页制作的掌握。因此应考者在掌握网站规划、建设的方法同时，一定要加强实际动手能力的培养，应考者应当考察实际的各类网站，注重解决网站设计中的实际问题，以便应考者能把课程中所学的方法、原理应用到实际的网站设计与网页制作中。

二、课程目标

《网页制作与网站建设》课程是一门集知识和技能于一体,实践性很强的课程，课程设置的目标是鼓励考生：

1. 掌握网站规划、设计与建设的基本知识，包括网站设计与建设的基本框架与工作内容，域名设计与申请，系统培养学生的网站规划、设计与维护能力，提高学生的信息素养和信息技能。

2.掌握静态网页的基本设计和制作方法，尤其是HTML和CSS语言的使用，能够进行静态网页的设计与制作。

3.了解国内外常见的网页设计工具的功能、特色，能够进行网页布局和页面内容的编排，培养学生网页设计与制作的基本技能。

4. 能利用上述所学的方法、语言及技术，设计实际的商务网站，培养学生从事单位网站开发和维护、网页设计岗位的职业技术能力。

三、与相关课程的联系与区别

学习本课程应具备的一定的计算机操作能力，了解计算机网络、电子商务基本知识。

四、课程的重点和难点

本课程的重点在于HTML和CSS语言知识的掌握，次重点在于网站总体设计方法和内容的掌握，难点在于根据网站建设的任务，综合应用网页制作工具和开发语言建立静态网页和网站，并进行发布。

Ⅱ  考核目标

本大纲在考核目标中，按照识记、领会、简单应用和综合应用四个层次规定其应达到的能力层次要求。四个能力层次是递升的关系，后者必须建立在前者的基础上。各能力层次的含义是：

识记（Ⅰ）：要求考生能够识别和记忆本课程中有关网站规划设计和网页制作的基本理论和基础知识（如定义、分类、技术、方法、技巧、原理、语言、步骤、效果评价、特点等），并能够根据考核的不同要求，做正确的表述、选择和判断。

领会（Ⅱ）：要求考生能够领悟和理解本课程中有关网站规划设计和网页制作基础知识的内涵及外延，理解网页制作工具、HTML、CSS的语法、功能及其使用方法；理解相关知识的区别和联系，并能根据考核的不同要求对网页制作问题进行分析，做出正确的判断、解释和说明。

简单应用（Ⅲ）：要求考生能够根据已知的知识和网页设计的需求、条件，对网页制作问题进行分析和实施，得出正确的网页页面布局，并能把网页代码正确地表达出来。还可运用本课程中的少量知识点，利用简单的JavaScript语言分析和解决一般网页设计与制作应用问题，如简单的鼠标事件编制等。

综合应用（Ⅳ）：要求考生能够面对具体、实际的网站规划和网页制作问题，能探究解决问题的方法，分析网站的内容和风格，撰写合理的网站策划书，根据具体问题使用不同的网页元素进行不同类型网页的设计与页面布局，并综合应用HTML、CSS、JavaScript语言进行网页制作。

Ⅲ  课程内容与考核要求

第一章  Web基础

一、学习目的与要求

通过本章学习，考生应当了解Web相关的基础知识，掌握网页的基础知识、Web标准、编写语言、运行环境和常用开发工具，重点掌握URL和HTML的含义与功能、Web标准的含义与分类。

二、考核知识点与考核要求

1. Web简介

识记：URL的基本结构、含义和功能；超文本技术的含义；HTML的定义和特点；HTTP的含义。

领会：万维网、浏览器、URL、HTML、HTTP、搜索引擎之间的关系。

2. 网站、网页和主页

领会：网站、网页和主页的含义及它们之间的关系。

3. Web标准

识记：Web标准的含义与分类；不同结构化标准语言的区别；CSS语言的定义；DOM模型的含义。

领会：内容、结构、表现、行为之间的关系。

综合应用：举例说明常用的搜索引擎及使用搜索引擎查找信息的方法。

三、本章重点、难点

重点：URL和HTML的含义与功能；Web标准分类。

第二章  网站规划与网页设计

一、学习目的与要求

通过本章学习，考生应当掌网站开发的步骤，掌握网站整体设计的内容，了解常见的网页基本元素、网页布局的基本概念，掌握网页布局的步骤、布局原则、常见布局类型，了解网页色彩的基本特征、分类，并在此基础上通过实际查看常见的不同网页，进行网页布局、配色的分析，理解各类网页编辑工具的特点及其使用方法，认识HTML5+CSS3+JavaScript技术组合。

二、考核知识点与考核要求

1. 网站的开发流程

识记：网站开发流程及其内容。

2. 网站内容的设计

识记：网站内容设计的步骤、网站链接结构的方式。

领会：网站栏目的安排；网站内容设计中的注意点；网站链接结构的设计。

综合应用：针对不同类型的网站进行栏目、板块、链接结构的组织与设计。

3.网页的基本元素

识记：常见的网页元素及其特点。

领会：不同网页元素的应用场景。

4. 网页布局结构

识记：网页布局的基本概念。

5. 网页版面设计

识记：网页排版设计的步骤、布局原则。

领会：常见的版面风格及其特点；网页设计误区。

简单应用：常见网页的布局应用设计。

6. 网页色彩搭配

识记：网页色彩的基本特征；色彩搭配要点。

领会：网页色彩搭配技巧。

7. 常见的网页编辑工具

领会：常见网页编辑工具。

简单应用：网页制作工具实际选择及应用。

8. 认识HTML5+CSS3+JavaScript技术组合

识记：CSS的定义、特点。

领会：HTML、CSS、JavaScript的作用与发展。

9. 创建第一个网页

领会：创建网页的基本流程与方法。

综合应用：使用记事本创建一个包含网页基本内容的页面，并为内容设置简单的样式。

三、本章重点、难点

重点：不同类型网站的内容设计；HTML5+CSS3+JavaScript技术组合；网页制作工具实际选择及应用。

难点：常见网页的布局、配色的分析及实际设计运用；简单的网页创建。

第三章  构建HTML5网页结构

一、学习目的与要求

本章的学习偏重实践环节。通过本章学习，考生应当掌握网页制作基本语言HTML的基本结构、语法和常用标签，并在此基础上实现基本的页面排版。

二、考核知识点与考核要求

1. HTML5的基本结构

识记：HTML5的语法结构；网页头部标签类型。

领会：HTML5编写规范；HTML文档结构。

简单应用：HTML文档的实际创建。

2. 段落与文本排版

领会：
标签功能、格式；

标签功能、格式；标签功能、格式；标签    功能、格式；

标签功能、格式;

---

标签功能、格式。

简单应用：运用文字与段落排版标签制作实际网页。

3. 图像

识记：图像格式及使用要点。

领会：标签功能、格式。

综合应用：运用图像和文字与段落排版标签制作图文混排实际网页。

4. 超链接

识记：超链接定义。

领会：标签功能；锚点的应用。

综合应用：运用图像、超链接和文字与段落排版标签制作图文混排实际网页。

5. 列表

领会：

标签功能、格式；
标签功能、格式；
1. 标签功能、格式；

   、

   、

   标签组合功能、格式；嵌套列表格式。

   简单应用：运用列表标签和嵌套列表格式制作含有无序列表、有序列表的网页。

   6. 

   标签

   领会：

   标签功能、格式。

   7. 标签

   领会：标签功能、格式；与

   标签的区别。

   简单应用：使用

   标签和标签布局网页内容。

   8. 使用结构元素构建网页布局

   领会：HTML5的主要文档结构元素标签的功能、格式。

   综合应用：使用多种文档结构元素标签制作网页。

   三、本章重点、难点

   重点：文字与段落排版、图片标签、超链接标签、列表标签、

   标签、标签和主要文档结构元素标签的实际应用。

   第四章  HTML5页面的布局与交互

   一、学习目的与要求

   本章的学习偏重实践环节。通过本章学习，考生应当掌握网页制作基本语言HTML的使用，并在此基础上进行简单网页的实际应用。

   二、考核知识点与考核要求

   1. 表格

   识记：表格的结构。

   领会：

   标签功能、格式；标签功能、格式；

   标签功能、格式；

   标签功能、格式；

   标签功能、格式。 综合应用：运用跨行跨列的表格制作网页。 2. 表单 识记：表单的基本概念；常见表单元素及功能。 领会： 标签功能、格式；标签功能、格式；标签功能、格式；标签功能、格式。</p><p>综合应用：运用表单标签制作含有表单元素的交互式网页。</p><p>三、本章重点、难点</p><p>重点：运用表格布局技术制作含有表单元素的交互式网页。</p><p>难点：运用<input>元素标签制作不同类型带有输入数据的交互式网页。</p><p>第五章  CSS3入门</p><p>一、学习目的与要求</p><p>本章的学习偏重实践环节。通过本章学习，考生应当了解CSS3的特点，掌握CSS3的语法规则、引用方法，能够用常用的CSS3属性进行网页样式的定义。</p><p>二、考核知识点与考核要求</p><p>1．CSS3概述</p><p>识记：CSS的定义、特点、编写规范。</p><p>领会：CSS的工作环境；CSS3的优势与局限性。</p><p>2. CSS3语法规则</p><p>识记：CSS3的样式规则；CSS3选择符的类别。</p><p>领会：常用的CSS3选择符的含义、格式。</p><p>简单应用：能够使用常用的CSS3类型选择符进行CSS样式的简单定义。</p><p>3. CSS3的属性单位</p><p>识记：CSS的长度、百分比、色彩属性单位类型。</p><p>简单应用：能够使用常用的CSS属性和属性选择符进行网页样式的简单定义；</p><p>4. CSS3的引用方法</p><p>识记：CSS的引用方法。</p><p>领会：不同CSS引用方法的引用格式；<link>标签功能、格式。</p><p>5. 文档结构</p><p>识记：文档结构的基本概念；继承的基本概念；元素类型。</p><p>领会：样式表的层叠、特殊性与重要性。</p><p>综合应用：使用文档结构的基本知识制作网页。</p><p>三、本章重点、难点</p><p>重点：使用CSS和文档结构的基本知识进行网页样式的简单定义和网页制作。</p><p>难点：能够根据网页的表现形式进行CSS样式表的设计及方案的说明。</p><p>第六章  盒模型</p><p>一、学习目的与要求</p><p>本章的学习偏重实践环节，盒模型是CSS定位布局的核心内容。通过本章学习，考生需要掌握盒模型以及其中每个元素的用法，真正完成网页布局。</p><p>二、考核知识点与考核要求</p><p>1．盒模型简介 </p><p>领会：盒模型的结构、特点。</p><p>2．盒模型的属性</p><p>识记：盒模型的属性。</p><p>领会：border属性的语法、参数与说明；margin属性的语法、参数与说明；padding属性的语法、参数与说明。</p><p>简单应用：使用盒模型的border、margin和padding制作简单网页。</p><p>3．盒模型的大小</p><p>领会：盒模型的宽度与高度计算公式；块级元素与行级元素宽度和高度的区别。</p><p>4．盒子的margin合并问题</p><p>领会：行级元素之间的水平margin合并的规则；块级元素之间的垂直margin合并的规则。</p><p>简单应用：对行级元素和块级元素分别进行margin合并操作。</p><p>综合应用：使用盒模型技术制作和美化页面。</p><p>5．盒子的定位</p><p>识记：定位的基本思想、属性、方式。</p><p>领会：定位各属性的语法、参数；不同定位方式的应用。</p><p>简单应用：对网页中的内容进行定位操作。</p><p>6．浮动与清除浮动</p><p>领会：浮动的含义、语法、参数；父容器的含义；清楚浮动的应用情况、语法、参数。</p><p>简单应用：对网页中的内容进行浮动与清除浮动操作。</p><p>7．综合案例</p><p>领会：对页面进行合理规划与布局。</p><p>综合应用：使用盒模型技术制作和美化页面。</p><p>三、本章重点、难点</p><p>重点：盒模型的属性及语法；定位的基本思想、属性、方式。</p><p>难点：使用盒模型技术制作和美化页面。</p><p>第七章 CSS3格式化排版</p><p>一、学习目的与要求</p><p>通过本章学习，考生应当掌握网页设计的各种元素的CSS属性及其语法、参数，对网页布局、字体、颜色、背景和其他图文效果实现更精确的控制。</p><p>二、考核知识点与考核要求</p><p>1．设置字体样式</p><p>识记：字体样式的常用属性。</p><p>领会：各字体属性的语法、参数。</p><p>简单应用：对网页中的字体设置字体样式。</p><p>2．设置文本样式</p><p>识记：文本样式的常用属性；背景图像定位的方法。</p><p>领会：各文本属性的语法、参数。</p><p>简单应用：对网页中的文本设置文本样式。</p><p>3．设置图像样式</p><p>识记：图像样式的常用属性。</p><p>领会：各图像属性的语法、参数。</p><p>简单应用：对网页中的图像设置图像样式。</p><p>4．综合案例</p><p>领会：网页的页面布局规划。</p><p>综合应用：使用CSS格式化排版技术制作网页。</p><p>三、本章重点、难点</p><p>重点：CSS的字体样式、文本样式、图像样式的常用属性。</p><p>难点：使用CSS格式化排版技术制作网页。</p><p>第八章  使用CSS3美化表格与表单</p><p>一、学习目的与要求</p><p>通过本章学习，考生应当掌握CSS美化表格与表单的方法，使页面结构更加符合语义，将这些元素以各种样式体现在页面中。</p><p>二、考核知识点与考核要求</p><p>1． 美化表格</p><p>识记：常用的CSS3表格属性。</p><p>领会：CSS表格属性的语法、参数。</p><p>简单应用：对表格设置表格样式。</p><p>2． 美化表单</p><p>领会：常用的表单元素的修饰方法。</p><p>简单应用：使用CSS3修饰常用的表单元素。</p><p>三、本章重点、难点</p><p>重点：常用的CSS3表格属性；常用的表单元素的修饰方法。</p><p>难点：使用CSS3修饰表格技术、表单技术制作网页。</p><p>第九章  使用CSS3设置链接与导航</p><p>一、学习目的与要求</p><p>通过本章学习，考生应当掌握使用CSS3设置链接与导航的方法，在网页中插入超链接链接多个页面，形成一个有机网站。</p><p>二、考核知识点与考核要求</p><p>1.使用CSS3设置链接</p><p>领会：CSS3设置链接的方法、格式。</p><p>简单应用：制作网页中不同区域的链接效果。</p><p>2.使用CSS3设置列表</p><p>识记：常用的CSS列表属性。</p><p>领会：列表布局的优势；CSS3设置列表的方法、格式。</p><p>综合应用：使用超链接和图文信息列表制作网页。</p><p>3.创建导航菜单</p><p>识记：导航菜单的分类。</p><p>领会：导航菜单制作方法、格式。</p><p>简单应用：制作网页的主导航菜单。</p><p>4.综合案例</p><p>综合应用：使用CSS修饰页面元素与制作导航菜单技术制作页面。</p><p>三、本章重点、难点</p><p>重点：导航菜单的分类；导航菜单制作方法。</p><p>难点：使用CSS修饰页面元素与制作导航菜单技术制作多个页面并进行链接。</p><p>第十章  Div+CSS布局技术</p><p>一、学习目的与要求</p><p>通过本章学习，应考者应当掌握Div+CSS布局技术和CSS布局样式，并能够在理解教学案例的基础上制作网页。</p><p>二、考核知识点与考核要求</p><p>1. Div+CSS布局技术简介</p><p>识记：Div+CSS布局技术的基本理念、优点。</p><p>领会：使用嵌套的Div容器进行页面排版。</p><p>2. 常见的CSS布局样式</p><p>领会：常见的CSS布局样式及其实现。</p><p>3. 综合案例</p><p>综合应用：使用Div+CSS布局技术进行网页制作。</p><p>三、本章重点、难点</p><p>重点：Div+CSS布局技术的基本理念、优点；常见的CSS布局样式。</p><p>难点：使用Div+CSS布局技术进行网页制作。</p><p>第十一章  网页行为语言——JavaScript</p><p>一、学习目的与要求</p><p>通过本章学习，应考者应当了解JavaScript的特点、基本语法和交互方法，掌握在网页中插入JavaScript的方法，能够使用JavaScript的制作网页特效。</p><p>二、考核知识点与考核要求</p><p>1. JavaScript简介</p><p>识记：脚本的定义；JavaScript的定义。</p><p>领会：JavaScript的作用、发展。</p><p>2. 在网页中插入JavaScript的方法</p><p>识记：在网页中插入JavaScript的方法。</p><p>领会：在html文档中嵌入脚本程序；链接脚本文件；在标签内添加脚本。</p><p>简单应用：能够使用不同方法在网页中插入JavaScript脚本。</p><p>3. JavaScript的交互方法</p><p>领会：基本的对话框交互方法、表单对象的交互方法。</p><p>4. 制作网页特效</p><p>领会：网页特效的实现。</p><p>简单应用：制作网页特效，实现网页动态效果。</p><p>三、本章重点、难点</p><p>重点和难点：能够使用不同方法在网页中插入JavaScript脚本；制作网页特效，实现动态效果。</p><p>第十二章  美家装饰前台页面</p><p>一、学习目的与要求</p><p>通过本章学习，应考者应当了解书中给出的美家装饰前台页面制作案例，并能够在理解书中案例的基础上对其它网站的前台展示页面进行分析、设计。</p><p>二、考核知识点与考核要求</p><p>1. 网站的组织结构</p><p>领会：网站前台页面与后台页面的功能。</p><p>综合应用：利用本课程中的原理、方法、技巧对网站的目录结构、主要页面进行分析。</p><p>2. 设计首页布局</p><p>综合应用：利用本课程中的原理、方法、技巧对电子商务网站的目录结构进行分析；</p><p>3. 制作首页及其他页面</p><p>综合应用：首页的可视化设计与制作；其它页面的设计与制作。</p><p>三、本章重点、难点</p><p>重点：利用本课程中的原理、方法、技巧对网站的前台页面进行分析、设计与制作。</p><p>第十三章  美家装饰后台管理页面</p><p>一、学习目的与要求</p><p>通过本章学习，应考者应当了解书中给出的美家装饰后台管理页面制作案例，能够在理解书中案例的基础上对其它网站的后台管理页面进行分析、设计，并实现网站的整合。</p><p>二、考核知识点与考核要求</p><p>1. 制作后台管理登录页</p><p>综合应用：对网站的登录页进行分析、设计与制作。</p><p>2. 制作商品功能页</p><p>综合应用：利用本课程中的原理、方法、技巧对商品功能页进行分析、设计与制作。</p><p>3. 网站的整合</p><p>领会：整合栏目的方法。</p><p>三、本章重点、难点</p><p>重点：利用本课程中的原理、方法、技巧对网站的后台管理页面进行分析、设计与制作。</p><p> </p><p>Ⅳ  关于大纲的说明与考核实施要求</p><p>一、自学考试大纲的目的和作用</p><p>课程自学考试大纲是根据专业自学考试计划的要求，结合自学考试的特点而确定。其目的是对个人自学、社会助学和课程考试命题进行指导和规定。</p><p>课程自学考试大纲明确了课程学习的内容以及深广度，规定了课程自学考试的范围和标准。因此，它是编写自学考试教材和辅导书的依据，是社会助学组织进行自学辅导的依据，是自学者学习教材、掌握课程内容知识范围和程度的依据，也是进行自学考试命题的依据。</p><p>二、课程自学考试大纲与教材的关系</p><p>课程自学考试大纲是进行学习和考核的依据，教材是学习掌握课程知识的基本内容与范围，教材的内容是大纲所规定的课程知识和内容的扩展与发挥。</p><p>大纲与教材所体现的课程内容基本一致；大纲里面的课程内容和考核知识点，教材里都有。而教材里有的内容，大纲里不一定体现。</p><p>三、关于自学教材</p><p>《网站规划与网页设计》（第4版），张兵义等主编，电子工业出版社，2018年版。</p><p>四、关于自学要求和自学方法的指导</p><p>本大纲的课程基本要求是依据专业考试计划和专业培养目标而确定的。课程基本要求明确了课程的基本内容，以及对基本内容掌握的程度。基本要求中的知识点构成了课程内容的主体部分。因此，课程基本内容掌握程度、课程考核知识点是高等教育自学考试考核的主要内容。</p><p>为有效地指导个人自学和社会助学，本大纲已指明了课程的重点和难点，在各章的基本要求中也指明了各章内容的重点和难点。</p><p>本课程是一门技能性、实践性很强的课，重点在于对各类网站规划与内容设计及具体网页设计与制作的实际应用能力，以及熟练应用各种设计策略和技巧来进行网站建设的能力。自学考试主要是通过个人自学、教师辅导、社会助学和国家考试来考核应考者掌握专业知识和能力的方法。应考者应根据自己的特点，找出适合自己的学习方法，此外，考生在自学过程中，应注意以下几点：</p><p>1．在开始阅读指定教材某一章之前，先翻阅大纲中有关这一章的考核知识点及对知识点的能力层次要求和考核目标，以便在阅读教材时做到心中有数，有的放矢。</p><p>2．本课程内容涉及网站规划与网页设计的各个方面，知识、范围比较广泛，全书是一个整体，但各章之间又有相对独立性。自学者应首先全面系统地学习各章的内容，深刻领会网站规划与网页设计中的理论知识；其次，要注意各章之间的联系；然后，在全面系统的基础上掌握重点，有目的地深入学习重点章节，但切忌在没有了解全貌的情况下孤立地去抓重点，押题目。</p><p>3．在自学过程中，既要思考问题，也要做好阅读笔记，把教材中的基本概念、原理、方法等加以整理，这可从中加深对问题的认知、理解和记忆，以利于突出重点，并涵盖整个内容，可以不断提高自学能力。</p><p>4．完成书后作业是理解、消化和巩固所学知识，培养分析问题、解决问题及提高能力的重要环节，在做练习之前，应认真阅读教材，按考核目标所要求的不同层次，掌握教材内容，在练习过程中对所学知识进行合理的回顾与发挥，注重理论联系实际和具体问题具体分析，解题时应注意培养逻辑性，针对问题围绕相关知识点进行层次（步骤）分明的论述或推导，明确各层次（步骤）间的逻辑关系。</p><p>5．注意将网站规划与网页设计理论与实践应用相结合。考生应明白，网站规划与网页设计这门课是一门实践性很强的课程，在学习过程中切忌死记硬背，而应当尽可能多上网，观察、分析和研究实际电子商务网站的设计，将课程中所讲述的基本理论知识（如网站内容设计、网页设计方法等），与一定的实际相联系，并通过实际操作（如网页可视化的设计与制作）来更好地理解和掌握相关的理论知识。</p><p>五、应考指导</p><p>1. 如何学习</p><p>很好的计划和组织是你学习成功的法宝。如果你正在接受培训学习，一定要跟紧课程并完成作业。为了在考试中作出满意的回答，你必须对所学课程内容有很好的理解。使用“行动计划表”来监控你的学习进展。你阅读课本时可以做读书笔记。如有需要重点注意的内容，可以用彩笔来标注。如：红色代表重点；绿色代表需要深入研究的领域；黄色代表可以运用在工作之中。可以在空白处记录相关网站，文章。</p><p>2. 如何考试</p><p>卷面整洁非常重要。书写工整，段落与间距合理，卷面赏心悦目有助于教师评分，教师只能为他能看懂的内容打分。回答所提出的问题。要回答所问的问题，而不是回答你自己乐意回答的问题！避免超过问题的范围</p><p>3. 如何处理紧张情绪</p><p>正确处理对失败的惧怕，要正面思考。如果可能，请教已经通过该科目考试的人，问他们一些问题。做深呼吸放松，这有助于使头脑清醒，缓解紧张情绪。考试前合理膳食，保持旺盛精力，保持冷静。</p><p>4. 如何克服心理障碍</p><p>这是一个普遍问题！如果你在考试中出现这种情况，试试下列方法：使用“线索”纸条。进入考场之前，将记忆“线索”记在纸条上，但你不能将纸条带进考场，因此当你阅读考卷时，一旦有了思路就快速记下。按自己的步调进行答卷。为每个考题或部分分配合理时间，并按此时间安排进行。</p><p>六、对社会助学的要求</p><p>1．社会助学者应根据本大纲规定的考试内容和考核目标，认真钻研指定教材，明确本课程与其它课程不同的特点和学习要求，对自学者进行切实有效的辅导，引导他们防止自学中的各种偏向，把握社会助学的正确方向。</p><p>2．如果进行辅导，按考生平均每周接受6学时面授计算，本课程计划需要8周，讲授48学时。预计考生每周还需5小时用于自学和完成作业。建议学时如下：</p><p>第一章　Web基础　　　　                4学时　　　　　　</p><p>第二章　网站规划与网页设计　　　　　　　4学时</p><p>第三章  构建HTML5网页结构　　　　　　　8学时</p><p>第四章  HTML5页面的布局与交互　　　　　 4学时</p><p>第五章  CSS3入门　　　　　　　        6学时</p><p>第六章  盒模型　　        　　　 6学时</p><p>第七章  CSS3格式化排版                  4学时</p><p>第八章  使用CSS3美化表格与表单         2学时</p><p>第九章  使用CSS3设置链接与导航         2学时</p><p>第十章 Div+CSS布局技术                  2学时</p><p>第十一章 网页行为语言——JavaScript     4学时</p><p>第十二章 美家装饰前台页面               1学时</p><p>第十三章 美家装饰后台管理页面           1学时</p><p>3．在本课程的助学或教学中，建议采用案例教学方法。要尽可能给予考生获得实践经验的机会，并为他们提供各种类型的案例，以使他们在各种情况下运用所学知识和获得的经验。</p><p>4．要正确处理重点和一般的关系。课程内容有重点与一般之分，但考试内容是全面的，而且重点与一般是相互影响的，不是截然分开的，社会助学者应指导自学应考者全面系统地学习教材，掌握全部考核内容和考核知识点，并在此基础上在突出重点。总之，要把重点学习同兼顾一般结合起来，切勿孤立地抓重点，把自学者引向猜题押题。</p><p>七、对考核内容的说明</p><p>1．本课程要求考生学习和掌握的知识点内容都作为考核的内容。课程中各章的内容均由若干知识点组成，在自学考试中成为考核知识点。因此，课程自学考试大纲中所规定的考试内容是以分解为考核知识点的方式给出的。由于各知识点在课程中的地位、作用以及知识自身的特点不同，自学考试将对各知识点分别按四个认知（或叫能力）层次确定其考核要求。</p><p>2. 本大纲在考核目标中，按照识记、领会、简单应用和综合应用四个层次要求考生掌握，四个能力层次是递进关系。</p><p>3. 课程分为十三部分，分别是Web基础、网站规划与网页设计、构建HTML5网页结构、HTML5页面的布局与交互、CSS3入门、盒模型、CSS3格式化排版、使用CSS3美化表格与表单、使用CSS3设置链接与导航、Div+CSS布局技术、网页行为语言——JavaScript、美家装饰前台页面、美家装饰后台管理页面，考试试卷中所占的比例大约分别为：5%，10%，15%，10%，10%，10%，5%，5%，10%，5%，5%，5%、5%。</p><p>八、关于考试命题的若干规定</p><p>本课程的命题考试，应根据本大纲规定的考试内容和考核目标来确定考试范围和考核要求，按大纲规定试题中主观性题和客观性题的比例来组配试卷，适当掌握试题的内容覆盖面、能力层次和难易度。</p><p>1．本课程考试方法采用闭卷、笔试，考试时间为120分钟，评分采用100分制，60分为及格线。试卷的题型有：选择题、名词解释、简答题、网页制作题、论述题，各种题型的具体样式参见本大纲附录。</p><p>2．本大纲各章所规定的基本要求、知识点及知识点下的知识细目，都属于考核的内容。考试命题既要覆盖到章，又要避免面面俱到。要注意突出课程的重点、章节重点，加大重点内容的覆盖度。</p><p>3．命题不应有超出大纲中考核知识点范围的题目，考核目标不得高于大纲中所规定的相应的最高能力层次要求。命题应着重考核自学者对基本概念、基本知识和基本理论是否了解或掌握，对基本方法是否会用或熟练。不应出与基本要求不符的偏题或怪题。</p><p>4．本课程在试卷中对不同能力层次要求的分数比例大致为：识记占20%，领会占30%，简单应用占30%，综合应用占20%。</p><p>5．试题要合理安排难度结构。试题难易可分为易、较易、较难、难四个等级。每份试卷中，不同难易试题的分数比例一般为：易占20%，较易占30%，较难占30%，难20%。注意，试题的难易度与能力层次不是一个概念，在各能力层次上都会存在不同难度的问题。</p><p>附录  题型举例</p><p>一、单项选择题（四个备选答案只有一个正确，将其选出，并填入题内括号中）<br/>  1、假设当前正在编辑的页面文件是文件夹root/mypaper/works/cases中的casel.html,则如果该页面要访问页面root/mypaper/works/charpterl.html,应如何表示相对路径：（A）<br/>    A　…/charptel.html<br/>    B　…/works/charpterl.html<br/>    C　…/works/charpterl.html<br/>    D　…/…/charpterl.html<br/>    2、下面哪个说法是正确的？（D）<br/>    A、站点内所有的文件都应该放一个目录下，便于维护<br/>    B、网页文件越大越好，因为这样可以减少访问者寻找次数<br/>    C、为了使得目录名明确，站点的各目录名应该采用中文目录名<br/>    D、为了保持页面的统一，应该针对不同分辨率的浏览器设置不同的页面<br/>  二、名词解释<br/>  1、HTML<br/>  HTML（HyperText Markup Language），即超文本标记语言，其通过多种标准化的标记符号（Tag）对网页内容（超媒体）进行标注，对页面超媒体内容的输出格式（如字体大小、颜色，背景颜色，表格形式）以及各内容部分之间逻辑上的组织关系（例如链接关系）等进行描述和指定。</p><p>三、简答题</p><p>１、简述网站建站的基本步骤。</p><p>答： 建立一个网站如同开发软件一样，一般分为７步：目标规划、系统分析、网站设计、网站实现、网站发布、网站调试、维护与管理。在实际的工作中，用户可以根据实际情况进行具体的安排。</p><p>四、网页制作题<br/>   <img width="287" height="133" src="https://www.js-zk.com/editor/themes/default/images/spacer.gif" word_img="file:///C:UsersWindowsAppDataLocalTempksohtmlwpsD354.tmp.png" style="background:url(https://www.js-zk.com/editor/lang/zh-cn/images/localimage.png) no-repeat center center;border:1px solid #ddd"/><br/>    diaocha.htm,当用户点击`查看`按钮时触发chakan.htm文件。<br/>    <html><br/>    <head><title>调查表</title><br/>    </head><br/>    <body background="hsh.gif"><br/>    <form method="POST"action="chakan.htm"><br/>    <center><br/>    <table border="O"width="61%"><br/>    <tr><tdbgcolor="#FF9933"><br/>        <font>您对滁州卷烟厂哪种产品感觉最好？</font></td></tr><br/>    <tr><td><font color="#FF6600"><br/>        <input type ="radio"name="R1"value="V1"checked>精品红三环</font></td></tr><br/>    <tr><td><font color="#FF6600"><br/>        <input type ="radio"value="2"name="R1">珍品红三环</font></td></tr><br/>    <tr><td><font color="#FF6600"><br/>        <input type="radio"value="3"name="R1"特制红三环</font></td></tr><br/>    <tr><td><font color="#FF6600"><br/>        <input type="radio"value="4"name="R1">特醇红三环</font></td></tr><br/>    <tr><td><font color="#FF6600"><br/>        <input type="radio"value="5"name="R1">特制精品醉翁亭</font></td></tr><tr><td><font color="#FF6600"><br/>        <input type="radio"value="6"name="R1">特醇天柱山</font></td></tr><tr><td><br/>        <input type="submit"value="投票"name="B1"><br/>    <input type="button"value="查看"name="B2"></td></tr><br/>    </table><br/>    </center><br/>    </form><br/>    </body><br/>    </html><br/>    五、论述题</p><p>阅读背景材料，完成后面的题目。<br/>  背景材料：武进市三星轴承有限公司（武进市牛塘特种轴承厂）创建于92年8月。主要生产短圆柱滚子轴承，球轴承，轧机轴承，圆锥滚子轴承。广泛应用于减速机，柴油机，冷热轧机，开坯机，纺织机械，矿山机械，建筑机械等机械产品。重点配套单位有200余家大中型机械工业企业。并出口德，日本，美国，东南亚等20多个国家和地区。工厂占地面积68000平方米，建筑面积46000平方米，全厂现有职工580人，其中工程技术人员65人，中级以上职称16人，是轴承行业较大的民营股份制企业。现该企业要建立企业网站，请为该企业网站进行详细的设计。</p><p>题目：</p><p>1、具体分析一下应该如何进行该网站的前期规划。</p><p>2、根据以上信息为该网站进行信息内容的设计，确定网站的主要功能模块。</p><p>3、设计该网站的整块风格、链接结构。</p><p>4、对网站首面进行功能和可视化的设计。</p><p>答案要点：</p><p>1、从网站构建的目标、目标用户、竞争对手、域名几方面来考虑。</p><p>2、网站的主要功能模块应用包括企业介绍、产品介绍（产品说明、价格、产品图片）、网上订购、售后服务几方面。</p><p>3、说明网站的整体风格，包括LOGO图片、色彩等，连接结构采取何种方式。</p><p>4、画出首面的版面图，包括功能内容的文字、图片的位置。</p> <style> .fc-news-tag-list { width:90%; display:block; border-top: 1px solid; border-bottom: 1px solid; border-color: #f0f1f2; padding: 20px 0; margin-bottom: 20px ; width: 90%; text-align: left;} .fc-news-tag-list .uppercase { margin-bottom: 20px; list-style: none; display: inline-block; padding:5px; margin-right: 5px} .fc-news-tag-list .uppercase a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px} .fc-news-tag-list .uppercase a:hover { background-color: #40aae2; color: #fff; text-decoration: none} </style> <div class="fc-news-tag-list"> <!--关键词搜索--> <div class="uppercase"> <a href="https://www.js-zk.com/search/article/keyword-06627+%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E4%B8%8E%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE.html" target="_blank">06627 网页制作与网站建设</a> </div> <div class="uppercase"> <a href="https://www.js-zk.com/search/article/keyword-%E6%95%99%E6%9D%90%E5%A4%A7%E7%BA%B2.html" target="_blank">教材大纲</a> </div> <div class="uppercase"> <a href="https://www.js-zk.com/search/article/keyword-%E6%B1%9F%E8%8B%8F%E8%87%AA%E8%80%83.html" target="_blank">江苏自考</a> </div> <div class="uppercase"> <a href="https://www.js-zk.com/search/article/keyword-%E6%B1%9F%E8%8B%8F%E8%87%AA%E8%80%83%E7%BD%91.html" target="_blank">江苏自考网</a> </div> </div> </div> <div class="clearfix"></div> <div style="text-align:left; margin:15px; font-size:14px;"> <p>以上是关于江苏自考06627《网页制作与网站建设》教材大纲已公布的相关信息，请自考生们认真查看，如果你想获取最新的江苏自考新闻或者江苏自考问题答疑，可以扫描江苏自考网公众号二维码，我们会最第一时间内为你解答。</p> </div> <div style="text-align:center; margin:15px 0px 15px 0px; font-size:14px;"> <p>➤自考有疑惑或想进学习群，请联系<a href="https://www.js-zk.com/kefu/" target="_blank"><span style="color:#004276;text-decoration:underline">江苏自考网客服</span></a></p> </div> <div class="authorhits"><span class="author"><i></i>(编辑：wangxin)  H：<em class="hits"><span class="dr_show_hits_25062">0</span><script type="text/javascript"> $.ajax({ type: "GET", url:"/index.php?s=api&c=module&siteid=1&app=article&m=hits&id=25062", dataType: "jsonp", success: function(data){ if (data.code) { $(".dr_show_hits_25062").html(data.msg); } else { dr_tips(0, data.msg); } } }); </script>次</em></span></div> </div> <script src="https://www.js-zk.com/static/jszk/js/newfootwxgzh.js" type="text/javascript"></script> <div class="prev">上一篇：<a href="https://www.js-zk.com/jszxksjcdg/25061.html">江苏自考30453《机电一体化技术及应用》教材大纲</a></div> <div class="next">下一篇：<a href="https://www.js-zk.com/jszxksjcdg/25063.html">江苏自考01763《药事管理学（二）》教材大纲</a></div> <div class="ct_pl"> <div class="pl_list"><a name="pinglun" id="pinglun"></a> </div> </div> <div class="copyright"> <strong>【免责声明】</strong> <div> 由于各方面情况的调整与变化，本站所提供的考试信息仅供参考，敬请以权威部门公布的正式信息为准。江苏自考网(www.js-zk.com)在文章内容来源出处标注为其他平台的稿件均为转载稿，免费转载出于非商业性学习目的,版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系，QQ：602469880，我们会及时进行处理解决。</div> </div> </div> <div class="extend"> <div class="ysyd"><i></i>江苏自考网延伸阅读</div> <div class="col-xs-4 first"><a href="https://www.js-zk.com/gushi" target="_blank"><img src="https://www.js-zk.com/images/newopengushi.jpg" alt="我的自考故事！"> <p>自考故事，你我的经历！</p></a></div> <div class="col-xs-4"><a href="https://www.js-zk.com/zhinan" target="_blank"><img src="https://www.js-zk.com/images/newopenzhinan.jpg" alt="江苏省自学考试报考指南手册"> <p>江苏省自考指南手册</p></a></div> <div class="col-xs-4 last"><a href="https://www.js-zk.com/kefu/" target="_blank"><img src="https://www.js-zk.com/images/jszkwkf.png" alt="在线客服咨询"> <p>江苏自考网在线客服</p></a></div> </div> </div> <div class="right-content"> <div id="rtflash"> <script src="https://www.js-zk.com/static/jszk/js/listright.js" type="text/javascript"></script> </div> <div class="side"> <div class="zikao-tip"> <div class="titleright"><span><i></i>江苏自考时间</span> </div> <div class="zikao-content"> <script charset="utf-8" language="javascript" src="https://www.js-zk.com/static/jszk/js/xbdjs.js"></script> </div> </div> <!--<div class="clazz">--> <!-- <div class="titleright"><span><i></i><a href="https://www.js-zk.com/zklnztsj/28841.html" title="本月免费自考资料领取" target="_blank">本月免费可领取自考资料</a></span>--> <!-- </div>--> <!-- <ul>--> <!-- <li><a href="https://www.js-zk.com/zkzl/25163.html" target="_blank" class="rows">--> <!-- <img src="https://www.js-zk.com/images/clazz1.png" alt="">--> <!-- <div>自考 00015英语（二）--> <!-- <p><span>真题卷+入门300词，免费送</span></p>--> <!-- </div>--> <!-- </a></li>--> <!-- <li><a href="https://www.js-zk.com/zkzl/25163.html" target="_blank" class="rows">--> <!-- <img src="https://www.js-zk.com/images/clazz5.png" alt="">--> <!-- <div>自考03708中国近现代史纲要<img src="https://www.js-zk.com/images/hotico.gif">--> <!-- <p><span>真题卷+讲义，精华，免费送</span></p>--> <!-- </div>--> <!-- </a></li>--> <!-- <li><a href="https://www.js-zk.com/zkzl/25163.html" target="_blank" class="rows">--> <!-- <img src="https://www.js-zk.com/images/clazz3.png" alt="">--> <!-- <div>自考03709 马克思主义基本原理--> <!-- <p><span>真题卷+讲义，精华，免费送</span></p>--> <!-- </div>--> <!-- </a></li>--> <!-- <li><a href="https://www.zikaoda.com/5yuan.html" target="_blank" class="rows">--> <!-- <img src="https://www.js-zk.com/images/clazz5.png" alt="">--> <!-- <div>自考网校学习￥5抵扣券--> <!-- <p><span>精讲班+串讲班+全程班</span></p>--> <!-- </div>--> <!-- </a></li>--> <!-- <li><a href="https://www.js-zk.com/gotostudy.html" target="_blank" class="rows">--> <!-- <img src="https://www.js-zk.com/images/clazz4.png" alt="">--> <!-- <div>自考热门专业辅导 <img src="https://www.js-zk.com/images/hotico.gif">--> <!-- <p><span>教材精讲，章节练习，在线提问...</span></p>--> <!-- </div>--> <!-- </a></li>--> <!-- </ul>--> <!--</div>--> <div class="yuedu"> <div class="titleright"><span><i></i><a href="https://www.js-zk.com/news" target="_blank" title="江苏自考网新闻榜单">江苏自考网新闻榜单</a></span> </div> <ul> <li class="li1"><a href="https://www.js-zk.com/zhinan/3930.html" target="_blank"><i></i>江苏省自学考试课程免考实施细则</a></li> <li class="li2"><a href="https://www.js-zk.com/zhinan/3931.html" target="_blank"><i></i><span style="color:#ff0000">江苏自学考试转考业务办理指南</span></a></li> <li class="li3"><a href="https://www.js-zk.com/jszkbm/28840.html" target="_blank"><i></i><span style="color:#ff0000">江苏省2024年自考报名时间和报名网址</span></a></li> <li class="li4"><a href="https://www.js-zk.com/xuewei/28914.html" target="_blank"><i></i>2024年3月苏州大学社会自考本科毕业生...</a></li> <li class="li5"><a href="https://www.js-zk.com/jszkby/28917.html" target="_blank"><i></i>2023年下半年苏州自考毕业证书领取通知</a></li> <li class="li6"><a href="https://www.js-zk.com/jszkby/28918.html" target="_blank"><i></i>2023年下半年无锡自考毕业证书领取通知</a></li> </ul> </div> </div> <a href="/gotowxq.html" target="_blank" class="tuiguan"> <img src="https://www.js-zk.com/images/newopenwxq.jpg" alt="江苏自考生微信交流群"> </a> </div> </div> </div> <div class="footer"> <div class="city"> <ul> <a href="https://www.js-zk.com/nanjing/" title="南京自考网">南京自考</a>- <a href="https://www.js-zk.com/suzhou/" title="苏州自考网">苏州自考</a>- <a href="https://www.js-zk.com/kunshan/" title="昆山自考网">昆山自考</a>- <a href="https://www.js-zk.com/xuzhou/" title="徐州自考网">徐州自考</a>- <a href="https://www.js-zk.com/wuxi/" title="无锡自考网">无锡自考</a>- <a href="https://www.js-zk.com/njdxzk/" title="南京大学自考">南京大学自考</a>- <a href="https://www.js-zk.com/njsfdxzk/" title="南京师范大学自考">南京师范大学自考</a>- <a href="https://www.js-zk.com/njcjdxzk/" title="南京财经大学自考">南京财经大学自考</a>- <a href="https://www.js-zk.com/zhuanye/" title="江苏自考专业总目录">江苏自考专业</a>- <a href="https://www.js-zk.com/jszkwsbmxt/" title="江苏自考网上报名系统">江苏自考网上报名系统</a>- <a href="https://www.js-zk.com/about/" title="关于江苏自考网">江苏自考网介绍</a> </ul> </div> <div class="clearfix"></div> <div class="copyright"> <ul> <li>Copyright 2023年 © <a href="https://www.js-zk.com/" title="江苏自考网">江苏自考网</a> <a href="https://www.js-zk.com/">www.js-zk.com</a> <a href="https://beian.miit.gov.cn/" rel="external nofollow">苏ICP备18009640号-2</a></li> <li><a href="https://www.js-zk.com/" title="江苏自考网"><strong>江苏自考网</strong></a> （<a href="https://www.js-zk.com/">江苏自考生联盟</a>）是江苏自考生们共同参与管理的公益服务信息网，非江苏省自考办官网。</li> <li><font color="#FF0000">成功的道路并不拥挤，因为坚持下去的人很少！加油，自考生！</font></li> <li>投稿、意见邮箱：admin@js-zk.com <a href="https://www.js-zk.com/news/12769.html" title="江苏自考网微信公众号" target="_blank">江苏自考网微信公众号</a> <a href="https://www.js-zk.com/gotostudy.html" target="_blank" rel="external nofollow">自考网校课堂</a>  <a href="https://www.js-zk.com/" title="江苏自考网" target="_blank">江苏自考网</a>法律顾问：江苏法米粒法律公司</li> <li>版权所有：南京金南教育科技有限公司  <a href="https://www.js-zk.com/sitemap.txt" title="江苏自考网网站地图">网站地图</a></li> </ul> <img src="https://www.js-zk.com/images/comeon.gif" alt="江苏自考网与自考生们一起努力！"> <div class="clearfix"></div> </div> </div> <div class="fixed-goTop"> <ul> <a href="https://www.js-zk.com/gotostudy.html" target="_blank"><li class="zxkf"></li></a> <a href="https://www.js-zk.com/jszkwwxgzh"><li class="weixin"></li></a> <a href="https://www.js-zk.com/gotowxq.html"><li class="contact"></li></a> <li class="top"></li> </ul> <img src="https://www.js-zk.com/images/qcode.png" alt="江苏自考网微信公众号"> </div> <div class="footer-weixin"> <div class="wx-container"> <div class="wx-left"> <h3>关注<span>江苏自考网微信公众号</span></h3> <p>新闻通知、复习资料、考生咨询都在这里</p> </div> <div class="wx-right"><img src="https://www.js-zk.com/images/redbag2.png" alt="关注江苏自考网公众号"></div> <div class="wx-close" id="weixinClose"></div> <div class="clearfix"></div> </div> </div> <script src="https://www.js-zk.com/static/jszk/js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="https://www.js-zk.com/static/jszk/js/bootstrap.min.js"></script> <!--[if lt IE 9]> <script src="https://www.js-zk.com/static/jszk/js/html5shiv.min.js"></script> <script src="https://www.js-zk.com/static/jszk/js/respond.min.js"></script> <![endif]--> <script src="https://www.js-zk.com/static/jszk/js/yutils.js"></script> <script src="https://www.js-zk.com/static/jszk/js/layer.js"></script> <script src="https://www.js-zk.com/static/jszk/js/jquery.cookie.js"></script> <script src="https://www.js-zk.com/static/jszk/js/bdlltj.js"></script> <script language=JavaScript type=text/JavaScript> var height=0,clinedHeight=0; $(window).load(function () { var imgs=$("#news-content img"); for(var i=0;i<imgs.length;i++){ var img=imgs[i]; if (img.clientWidth > 760) { img.style.width = "760px"; img.style.height = "auto"; } } height=$("#rightContent").height()-$(this).height()+$("#newopentop").height(); clinedHeight=$("#news-content").height()-600; }); $(window).scroll(function() { var scrollTop=$(this).scrollTop(); if(scrollTop>=height&$(this).scrollTop()<clinedHeight){ $('#rightContent').css('top', $(this).scrollTop() -height+ "px"); }else if(scrollTop<height){ $('#rightContent').css('top','auto'); } }); $(window).resize(function(){ height=$("#rightContent").height()-$(this).height()+$("#newopentop").height(); }) </script> </body> </html>