教育联展网

第一章网页设计与制作基础

本章要点

通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网

一、什么是协议

网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。

硬件协议：定义了硬件设备如何运作以及如何协同工作。

软件协议：程序之间的通信是通过软件协议完成的。

二、互联网协议

1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。

（1）IP网际协议

IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。

（2）TCP传输控制协议

TCP工作在OSI模型中的传输层上，用于建立和校验数据连接。

整个数据传送过程是由计算机、网关、路由器和协议共同保证的。

2、PPP协议

PPP指点对点协议，是在串行线路上传输IP数据报的TCP/IP协议。一般被用来建立与互联网的拨号连接，该协议同时提供了物理层和数据链路层的功能，PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。

3、其他协议

HTTP：超文本传输协议，用于WWW服务。

FTP：文件传输协议，用于实现计算机之间的文件传输。

SMTP：简单邮件传输协议，用于电子邮件发送。

POP3：邮件协议3，一般用于电子邮件接收。

TELNET：远程登录协议，一般用于远程终端登录主机。

三、IP地址

IP地址由32位二进制数表示，每8位为一组，以圆点分隔，在面向用户的文档中，IP地址被直观地表示为四个以圆点隔开的十进制数，其中每个十进制数对应一个8位二进制数组（邓一个字节），每个十进制数可取值为0-255。如：192.168.45.255。IP地址是一种层次型地址，在概念上分为三个层次：主机、由主机构成的网络和由网络构成的互联网。

四、域名和域名系统

19xx年起在互联网上采用了一种字符型的地址标识，这便是域名。或名采用层次型命名机制。 （主机名）（机构名）（网络类型名）（国别代码）

域名系统实现了域名——IP地址的映射。

域名系统的实质是一个分布式数据库，包括提出数据的标准格式、数据库查询方法，以及本地更新数据的标准方法。

五、WWW

万维网于19xx年诞生于瑞士日内瓦的欧洲粒子物理实验室。

万维网建立在标准化的网络概念之上，采用客户机/服务器的体系结构。资源共享是互联网的基本特征。 Web是通过超文本语言的来具体实现的。

在实际应用之中，它主要包括三个方面：

1、实现资源引用的统一命名机制

URL即统一资源定位器，是指向互联网上文件位置的标志，主要由四部分组成，分别是：访问类型、访问的主机、端口号以及访问的文件的路径。

HTTP一般使用80端口，FTP一般使用21端口。

2、使用标准的Web文件传输机制——HTTP

3、文本的逻辑结构采用标记语言HTML描述协议

HTML是万维网中超文超文件的基础

第二节网页概述

网页：Web站点中使用HTML编写而成的单位文档，是Web中的信息载体。其使用的描述语言是HTML。

超文本：指的是在一个网页上可以通过事先嵌入的超级链接转到存储于其他任何地方的网页。

超媒体：是网页包含了种种多媒体信息或多媒体链接。除了含有文本、图形、图像、动画外，还可以包含表格、窗体，可以和用户进行交互、接收用户输入。

Web服务器也称为网点或站点

主页：在一个站点的众多网页中，总有一个网页是被指定为该站点的“门户网页”，即为该站点的主要，这个页面是整个站点的核心，站点内所有内容都由门户页面进行索引，该页通常被命名为index.html或default.html

万维网是全球性的信息服务网络，而Web服务器上的信息，则以网页的方式组织一个整体。网页就是存放在互联网中的Web服务器上的一个文件，或者说是一种文档——Web文档。

第三节HTML概述

HTML：超文本标记语言是创建网页时使用的语言。HTML文件被浏览器解释后就是网页由标记（tag）和文本组成。就其本质而言，是一个基于文本的编码标准，用于指示浏览器以什么方式显示信息。

第四节Web浏览器

一、Web浏览器

所谓Web浏览器：指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。

二、浏览器与超文本

网页的特征，也就是HTML文档的基本特征——超文本，它是指将一个文档的链接嵌入另外一个文档的形式。超链接有时也称为快捷链接或简称为超链。超级链接的最大特点在于它能引出WWW中的任何信息。

三、浏览器与超媒体

在超媒体的第一个应用中，网页中的图形本身就是一个链接。

在超媒体的第二个应用中，Web的链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。

四、处理多媒体信息

五、保存Web文档的方式

Web浏览器能以HTML文件（以.htm或.html为扩展名）方式或无格式文体（.Txt为扩展名）方式来保存Web文档。

六、当前流行的Web浏览器

目前最流行的浏览器主要有Netscape Navigator 和Microsoft Internet Explorer(IE)两种。 批处理浏览器和离线浏览器

第五节网页设计的基本目标

评价一个网站网页设计的好坏主要包括创意和制作两个部分。

一、创意要新

网站设计总的目标是：好的创意、丰富的内容、新颖的观点

二、页面制作

1、网页结构

2、页面内容

3、文字

4、图形

三、商业网页设计的要求

1、良好的视觉效果

2、站点开发周期尽可能短，网页发布的信息一定要准确

3、维护更新要方便

4、商业网页制作的其他应注意的几个问题

第六节网页制作工具及其分类

一、标记型网页制作工具

HTML是网页制作的基础，也是最基本的工具。

最具代表性的HTML标记编辑器有：

1、HotDog是最流行的HTML标记编辑器之一，不要求用户熟悉HTML。

2、Homesite是一种较新的、使用Borland Delphi编辑器，小巧而工能齐全。需要用户有一点HTML基础，适合已有一定网页制作经验的人使用。

二、“所见即所得”型网页制工作

所见即所得型网页制作工具：它是指创建的网页文件在编辑过程中的显示与文件最终在浏览器显示的效果是一样的，用户不需要接触HTML源代码就可以做出希望要的网页。

1、通用工具备——office套件

2、专用工具

（1）FrontPage

（2）Dreamweaver

基本特征

（1）最佳的制作效率

（2）网站管理

（3）无可比拟的控制能力

（4）丰富模板和XML支援

（5）多游览器平台的支持

三、编程型网页制作工具

1、CGI编程

所谓CGI脚本程序，是服务器上的一个可执行程序。

CGI只是一种实现用户交互的环境，并不是一种语言。

2、Java编程

Java是一种广泛使用的网络编程语言，它是一种新的计算机概念。首先，作为一种程序设计语言，它简单、面向对象，不依赖于机器的结构，具有可移值性、安全性，提供了并发的机制并具有很高的性能。其次，它最大限度地利用了网络。它的小应用程序可在网络上运行而不受CPU和环境的限制。还提供了丰富的类库。

四、图像处理工具

GIF图像交换格式是一种最大色系256色的通用图像格式。

JPEG是一种压缩存储的图形格式，由联合照片专家组开发并以其命名。

使用图像处理工具可对图像进行编辑、修饰、优化、图形文件格式转换等处理。

五、通用图像处理工具（Photoshop）

六、专用图像处理工具

七、不同类型工具的比较

“所见即所得”编辑器往往具有一些致命的弱点：

难以精确达到与浏览器完全一致的显示效果

“所见即所得”编辑器往往会书写冗余高的代码，不如手工书写的来得简洁。

第七节小结

一、从了解HTML的基本标记开始

二、选择一个自己认为颇为顺手的工具，从第一页面开始

三、多多访问他人的网页，从中受到启发

四、深入分析成功的网站、网页

考核要求

第一节关于互联网

识记：互联网提供的几种服务及其各自概念与功勇；互联网发展历程。

领会：Web浏览服务的基本体系结构，互联网基本名词：URL，超级链接。

第二节网页概述

识记：网页与主页之间的关系。

领会：网页的基本要领。

应用：实际上际，查看网页。

第三节HTML概述

领会：HTML的概念；HTML的基本构成单位：标记。

应用：识别HTML文件；标记的基本写法。

第四节Web浏览器

识记：Web浏览器如何处理多媒体信息、如何保存页网。

领会：Web浏览器如何进行工作。

应用：使用Web浏览器。

第五节网页设计的基本目标

识记：站点设计中应该考虑的问题。

领会：网页设计的基本原则。

第六节网页制作开发工具及其分类

识记：网页开发工具的分类以及主流开发工具的名称。

第七节小结

识记：快速掌握网页制作的几个方法。

 

第二篇：网站设计与制作课程总结

网站设计与制作课程总结

我是一名电脑爱好者。进入大学里的条第一门公选课，我选择了《网站设计与制作》这门课程，出于对网站设计的强烈的兴趣，抱着强大的求知欲，终于，我进入这门课程的学习。虽然这门课程的总学时比较短，但是经过老师的认真授课以及我的认真听讲，我学到了很多有关网站设计与制作的知识，在一定程度上为我认识了解网站设计与制作提供了良好的基础，并为我下一步深入学习相关方面的知识做了良好的铺垫。

一、网站设计与制作中所用的工具

1.dreamweaver用与编辑HTML、ASP、JSP、PHP时的辅助工具。

2.flash网页需要画面流动时的首选择

3.photoshop图象处理软件，一般网页都需要有图片相搭配，photoshop是款很强大的工具。

4.fireworks跟Photoshop一样都是图象处理软件，但fireworks偏向与对网页的处理。

二、网站的概念与域名

网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过浏览器来访问网站，获取自己需要的资讯或者享受网络服务。文字与图片是构成一个网页的两个最基本的元素。除此之外，网页的

元素还包括动画、音乐、程序等等。域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空要把域名起得形象、简单、易记。。

三、网页的制作与网站版式

根据这几节课的学习，我基本了解了要想做好一个网站，就必须把网页做好。

首先，要明确所做网站是什么类型的。其次是布局，还有网站的信息、网站打开的速度等。

（1）、网站的整体布局：网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从，一般来说，好的网站应该给人有这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。

（2）、信息：无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，所以你必须提供某些有价值的东西。

（3）、打开速度：我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。

（4）、颜色搭配：颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，所以在做网页的时候应该注意颜色的搭

配。包括网页的整体的颜色、网页中文字的颜色等。不要将所有颜色都用到，尽量控制在三至五种色彩以内。

（5）、网站的版式设计：网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

（6）、网页标题的可读性：必须尽量使你的网页易于阅读。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题，使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。所以，要认真写好每个标题！

四、HTML语言

虽然课程比较短暂，但老师还是在讲课中穿插了一点HIML语言，它在网页制作中也发挥了比较重要的作用，可以大大提高网页制作的效率。虽然，我不是计算机专业的，但作为一个电脑爱好者我会在课后抽时间认真去学习掌握这门语言，让自己具备更专业的知识。

总而言之，经过对《网站设计与制作》这门课程的学习，我收获了很多。我所学的专业并不是计算机方面的，更别说是网页设计了，但是由于我对网页设计及制作的强烈兴趣，我选择这门课程是我最大的乐趣，因为我学到了知识。并且我今后会继续在这方面提高自己，

全面提高，综合发展。

在这里我很感谢老师的认真授课，让我对这门课有了初步的了解，学到了很多关于这方面的知识。最后我想说句谢谢老师！