网页设计与制作
《网页设计与制作》课程标准
《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。
通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。
同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。
1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。
教学时各模块既有独立性, 又有关联性。
独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。
本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。
2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。
网页设计与制作心得体会5篇
网页设计与制作心得体会5篇通过撰写心得体会，我们能够将自己的思考整理得更加明晰，通过心得体会，我们能够更清晰地认识自己，了解自己的优点和不足，下面是本店铺为您分享的网页设计与制作心得体会5篇，感谢您的参阅。
网页设计与制作心得体会篇1一、准备资料和挑选符合目的主题的合适素材做网页当然要收集、准备资料。
在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。
另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。
可以在硬盘上建一个文图片、声音、动画等文上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。
切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果我记得老师说过网页的迷人之处之一、要算它上面能点缀许多漂亮的图片。
精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。
图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。
最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。
因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。
最后感谢老师多日来的辛勤教导！网页设计与制作心得体会篇2现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。
《网页设计与制作》教案
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
完整版)网页设计与制作课程标准
完整版)网页设计与制作课程标准网页设计与制作》是一门理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。
该课程定位于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基础知识及通过代码修饰网页的方法。
网页设计与制作- 第01章_网页设计概述
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
网页设计与制作试题及答案
网页设计与制作试题及答案一、试题：网页设计与制作题目：基础知识1.什么是网页设计？2.网页设计的基本原则有哪些？3.什么是响应式网页设计？二、试题答案1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。
2. 网页设计的基本原则包括：- 内容为王：网页设计应注重内容的重要性，以清晰、简洁的文字和有吸引力的图片来吸引用户注意。
- 一致性和统一性：整体网页设计风格应保持一致，包括色彩、字体、布局等方面，以增加用户体验和品牌形象。
- 简约性：简约的设计更易于引起用户的注意和理解，不应过多地添加无关信息和复杂的效果。
- 可导航性：网页应具备良好的导航结构，方便用户查找和浏览信息。
- 易读性：文字应具备良好的可读性，字体大小适宜，排版清晰易懂。
3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户体验。
响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。
题目：网页设计软件1.常用的网页设计软件有哪些？2.请简要介绍一款常用的网页设计软件。
试题答案：1. 常用的网页设计软件有：- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。
- Sketch：适合Mac用户，轻量化且易于学习使用，注重可视化设计和界面设计。
- Photoshop：主要用于图像处理和编辑，包括设计网页所需的图片和元素。
- Sublime Text：强大的代码编辑器，提供语法高亮、代码补全等功能，适用于编写网页前端代码。
2. Adobe Dreamweaver是一款常用的网页设计软件，具备以下特点：- 提供可视化设计和编辑界面，用户可通过拖拽、调整布局等方式快速设计网页。
- 支持直接编辑HTML、CSS等代码，适用于专业用户和需要精细调整的设计师。
《网页设计与制作》读后感
《网页设计与制作》读后感朋友！今天咱就来聊聊那本《网页设计与制作》。
一提到这个话题，我脑子里就冒出无数个网页的画面，各种色彩缤纷，像是走进了一个数字的童话世界。
我还记得第一次接触网页设计，那是在大学的计算机教室里。
那位讲课的老教授啊，他那头白发和他满墙的设计作品一样引人注目。
他指着屏幕上那五光十色的网页，神情专注地说：“设计网页，就像给一本书穿上最美的外衣。
”我当时就想，这网页设计咋就有这么大的魔力呢？像是在打理一颗水灵灵的水蜜桃，用心雕琢每一寸像素。
你知道吗？读这本书就像是在体验一场视觉盛宴。
它讲到网页色彩的搭配、布局的平衡，就像是在教你如何调制出那甜而不腻的水蜜桃味道。
每个章节都有新鲜的创意和灵感，就像是咬一口鲜嫩多汁的水蜜桃，让人欲罢不能。
我有次做了个网页，手忙脚乱地调来调去，那配色真是让我头疼。
教授看到了，哈哈大笑：“小伙子，你这是在调制水果色盘呢吧！”不过呢，读完它，我才明白，网页设计不只是外在的美丽，还有内在的逻辑。
那编程代码和设计规则就像是水蜜桃的核，支撑着整颗水果的甜美。
每当看到自己的设计作品上线，就有种创作的成就感，就像在收获一片鲜嫩的水蜜桃果园。
在我们这行啊，有个传说。
说是有位顶级设计师，就靠着用心设计网页，打造出一家科技巨头。
我私底下想模仿，可水平嘛…我自己心里有数。
每次做设计我都想把脑海中所有的想法都放进去，结果自个儿给自个儿挖坑。
后来才明白，有时简约才是最完美的设计，就像吃水蜜桃，过度的雕琢反而失去了自然的清香味儿。
现在市面上啊，各种网页设计软件层出不穷，有些操作复杂得像迷宫，我就寻思，这到底是网页设计还是迷宫探险啊？但也有那种简单易用的工具，就像我们老家村口最质朴的水蜜桃树，轻轻松松就能收获美丽成果。
我还听说，有些设计公司拿网页设计当成高深莫测的艺术，什么全屏视觉冲击啦，动态交互体验啦。
我想，这样的设计能好用吗？我还是喜欢那种简洁又实用的风格。
朋友，你呢？是偏爱花里胡哨，还是像我一样，钟情于简单明了呢？我觉得网页设计就像是给数字世界中的水蜜桃装扮，只要用心，即使在忙碌的虚拟世界里也能找到一丝美的感动。
《网页设计与制作》笔记_学习笔记
《网页设计与制作》笔记第一章：网页设计基础1.1网页设计的定义与重要性1.2网页设计的历史与发展1.3设计原则与最佳实践1.4用户体验的基本概念第二章：网页设计工具与技术2.1设计软件介绍（如Photoshop、Sketch）2.2前端开发工具（如HTML、CSS、JavaScript）2.3响应式设计与框架（如Bootstrap、Foundation）2.4版本控制与协作工具（如Git、GitHub）第三章：网页布局与结构3.1网页布局的基本概念3.2网格系统与布局设计3.3导航设计与信息架构3.4模块化设计与组件化开发第四章：色彩与字体选择4.1色彩理论与配色技巧4.2字体的选择与排版4.3色彩与品牌形象4.4可访问性与色彩使用第五章：网页内容与互动5.1内容策略与信息呈现5.2图像与多媒体的使用5.3互动设计与用户反馈5.4SEO基础与内容优化第六章：网页测试与上线6.1测试类型与测试工具6.2性能优化与加载速度6.3上线流程与维护建议6.4数据分析与用户行为追踪第1章：网页设计基础网页设计的定义与重要性网页设计是指为网站创建和布局视觉内容的过程。
这包括网页的整体外观、结构和交互功能。
网页设计不仅涉及视觉元素的排版和配色，还包括用户如何与网页互动。
一个好的网页设计能够提升用户的体验，增加网站的访问量和转化率。
重要性：1.吸引用户：优秀的网页设计能够第一时间吸引用户的注意，提高用户的留存率。
2.增加可用性：良好的设计帮助用户更容易找到他们所需的信息，减少用户的挫败感。
3.提升品牌形象：专业的网页设计能够增强品牌的可信度和专业形象。
4.搜索引擎优化：设计良好的网页更容易被搜索引擎抓取，从而提升网站在搜索结果中的排名。
考试要点：网页设计的定义及其组成部分网页设计对用户体验和品牌形象的影响网页设计在市场营销中的作用网页设计的历史与发展网页设计的起源可以追溯到20世纪90年代初。
当时网页主要是以文本为主，简单的超链接连接不同的信息。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第二节 HTML语言基础
三、HTML标签及其属性
HTML标签可分为单标签和成对标签两种。成对标签是由首标签<标签名 >和尾标签</标签名>组成的，其作用域只作用于这对标签中的文档。单标签 的格式为<标签名>。单标签在相应的位置插入元素就可以了，它只需要单独 使用就能完整地表达意思。
大多数标签都有自己的一些属性，属性要写在初始标签内，用于进一步 改变显示的效果。属性是可选的，且各属性之间无先后顺序；属性也可以省 略，即采用默认值。
然后通过本地计算机上的
浏览器将文档解释为网页
并在浏览器窗口中显示出 来。
HTML只是一个纯文本文件。 创建一个HTML文档，只需 要两个工具，一个是HTML 编辑器，另一个是Web浏览 器。HTML编辑器是用于生 成和保存HTML文档的应用
程序，它可以是记事本，也
可以是专业的网页制作工具。 Web浏览器是用来打开Web 网页文件，提供Web资源给 读者查看的客户端程序。
第二节 HTML语言基础
四、HTML主体标签及其属性
1. HTML的主体标签<body > <body>标签常见的属性列表
描述 设定整个页面的文字颜色 设定页面默认的链接颜色 设定鼠标正在单击时的链接颜色 设定访问后链接文字的颜色
设定页面背景图像 设定页面背景颜色 设定页面的左边距 设定页面的上边距 设定页面背景图像为固定，不随页面的滚动而滚动
定程度上描述文档的外观和语义。 由蒂姆·伯纳斯·李给出原始定义，由 IETF（互联网工程任务组）用简化 的SGML（标准通用置标语言）语法 进一步发展的HTML，后来成为国际 标准，由W3C维护。
HTML是一种用来制作超 文本文档的简单标记语言。 HTML中的标记用来描述 文档的结构和数据的显示
格式，以及建立超级链接 等。用户在访问Internet时， 将会把网站中的HTML文 档下载到本地计算机中，
项目
网络信息编辑
网页设计与制 作
网页设计与制作
第一节 第二节 第三基础 层叠样式表CSS技术 网页设计工具Dreamweaver CS4
学习目标
知识目标
了解页面布局和导航设计； 了解HTML的基本结构，掌握常见标签及其属性设置方法； 了解CSS的概念、添加方法、格式、选择符的类型，及其继承和 优先级； 理解使用Adobe Dreamweaver CS4实现表格布局和div+CSS布局
技能目标
学会使用CSS规则代替HTML元素中定义格式的属性； 灵活应用HTML元素、CSS样式等，制作美观大方的网页。
第一节 页面设计基础
一、页面布局设计
页面布局是对页面的整体规划，即把页面划分成不同的领域，用于放 置不同的内容。 （一） 页面布局元素 网页布局元素包括页面规划布局、边界、字体、颜色、图像以及表格等。 （二） 页面布局的方法 页面布局的方法主要有两种：纸面布局法和软件布局法。 （三） 页面布局的技术 常用的页面布局技术有div+CSS页面布局、表格页面布局、框架页面布局、 透明GIF页面布局和Flash页面布局等。
第一节 页面设计基础
二、页面导航设计
导航是由一系列的超链接组成的，每一个超链接都会被链接到一个分类网页上。网站上的 导航一般相对位置固定、内容固定，网页的页面布局就是依据导航的位置来划分的。 （一） 主要导航和次要导航 主要导航可以从站点的各层次栏目的网页上进行访问，它是对整个网站信息的分类划分。 次要导航仅可以在指定的某层次栏目的网页内进行访问，它是对某一个栏目信息的分类划 分。 （二） 导航栏的形式 导航栏有不同的形式，主要包括主题列表式、选项卡式、下拉菜单式，或者是一些相关条 目的列表等。 （三） 导航设计应遵循的规则 1. 三次点击规则 2. 结构清晰和逻辑性强 3. 学习和借鉴成功导航 4. 导航系统应该包 含多种导航 5. 精心设计导航外观 6. 使用规范化、大众化的导航条名称 7. 突出显示当 前导航条 8. 网站徽标和名称放在主页的左上方
第二节 HTML语言基础
一、HTML简介
HTML的概念
HTML的工作方式
HTML编辑工具
超文本标记语言，简称HTML (hyper text mark up language)。它是为网
页创建和其他可在网页浏览器中看
到的信息设计的一种标记语言。 HTML被用来说明结构化信息，如标
题、段落和列表等；也可用来在一
作为一般的原则，大多数属性值不用加双引号，但是包括空格、%、#等 特殊字符的属性值则必须加上双引号。因此，为了养成较好的习惯，一般提 倡对全部属性值都加双引号。
属性 text link alink vlink background bgcolor leftmargin topmargin bgproperties
应用时，常在每个RGB值之前加上“#”号，如bgcolor=“#336699”； 用英文表示颜色时直接写单词，如bgcolor=green。
第二节 HTML语言基础
五、文字版面的编辑
编辑文字版面时常用的标签主要有换行标签<br>、换段落标签<p>、居中对齐标签<center>、 原样显示文字标签<pre>、引文标签（缩排标签）<blockquote>、水平分隔线标签<hr>和署名标签 <address>等，下面主要对前三种标签进行介绍。
第二节 HTML语言基础
二、HTML的基本结构
一个HTML文档是由一系列的元素和标签组成的，元素名不区分大小写， HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文 档分为文档头和文档体两部分，其中，文档头的部分主要是对这个文档 进行一些必要的定义，文档体中的内容才是要显示的各种文档信息。 <html>和</html>在文档的最外层，文档中的所有文本和HTML标签都包 含在其中，它表示该文档是以HTML语言编写的。
第二节 HTML语言基础
四、HTML主体标签及其属性
2. 颜色的设定
颜色是由红绿蓝三原色组合而成的，颜色值就是一个关键字或一个RGB 格式的数字，在网页中用得很多。HTML 对颜色是用十六进位去定义的，对 于三原色分别给予了两个十六进位去定义。也就是说每个原色各有256种彩 度，因而三原色可混合成16 777 216种颜色。