第1节 网页制作基础.docVIP

基础篇—网页制作基础 随着Internet的普及，拥有自己的网站已经成为一种潮流和时尚。什么是网站？如何设计网站？如何将制作好的网站发布到Internet网上供大家访问？ 本篇结合实际网站简单介绍了Internet网络、网站及网页的基本概念，网站建设的基本流程，网络空间的申请及网站的上传。 第一章 网页制作基础 本章要点 网页要素及网页制作工具 网站设计的流程 网络空间的申请 随着Internet的普及，拥有自己的网站已经成为一种潮流和时尚。虽然制作一个简单的网页并不困难，但是制作出超凡脱俗的网站就不那么容易了。 首先我们一起来欣赏一下IBM中国网站(/cn/zh)，如图1所示。 图1 IBM中国网站 在欣赏的过程中请思考以下问题： 1．如何访问IBM中国网站？ 2．该网站的主题是什么？网站的色彩基调是什么？ 3．该网站中的页面有哪些部分组成？ 4．想了解IBM的产品该怎么办？ 5．如何制作一个属于自己的网站呢? 带着这些问题，让我们一起来学习本章知识吧！ 1.1 Internet简介 丰富多彩的网络世界深刻的影响着我们，成为我们学习、生活中不可缺少的一部分。其实我们也可以自己制作网页，然后发布到Internet（因特网）上，给众多的网友浏览。当然啦，在学习网页制作之前，我们有必要先来学习网络的一些基础知识。 1.1.1 计算机网络 计算机网络是指将多台具有独立功能的计算机，通过通信线路和通信设备连接起来，在网络软件的支持下实现数据通信和资源共享的计算机系统。 计算机网络硬件由服务器、工作站、网卡、交换机、路由器和网关、传输介质等组成；软件则由网络操作系统、网络协议和应用服务软件等组成。 建立计算机网络的主要目的是为了实现数据通信和资源共享。 按照计算机网络覆盖的地理范围大小可将计算机网络分为局域网和广域网，Internet就属于广域网。 1.1.2 Internet 因特网是目前世界上覆盖范围最大的计算机网络群体，它是英文Internet的中文译名，也叫国际互联网。因特网把人类带到了一个全新的信息时代。目前人们通过因特网可以轻松做到以下事情：发送电子邮件、文件传输、网络电话、网络传真、网络寻呼、网上购物、远程登录和网络会议等。 家庭或单位到ISP（网络服务提供商，如电信、网通、铁通等）办理必要的手续后，就会获得一个上网帐号和密码，就可按ISP提供的上网步骤进行登录，接入Internet。 登录成功后，双击计算机桌面上的Internet Explorer浏览器e图标,如图1.1.1 所示，就可以打开IE主界面，如图1.1.2所示。 在IE界面的地址栏中可输入要访问网站的网址，如输入/cn/zh即可访问IBM中国网站。 图1.1.1 通过桌面浏览器访问Internet 图1.1.2 Internet Explorer主界面 1.2 网页及网页中的元素 1.2.1 网页的基本介绍 在WWW的世界中，包含有无数独立的以“页”为单位内容的信息，就称之为“网页”。网页是网站的基本构成单位，众多内容不同的网页有机地组合并具有特定的主题就构成了一个网站。我们可以像看书一样，看完一页再翻阅到其他网页上去。也可以通过超链接在页与页之间实现跳转。 1.2.2 网页中包括的元素 设计网页的目的主要是发布信息，因此，作为信息主要载体的文本和图像也就成了网页的基本组成部分；而超链接则是Web的核心，它将万维网中无数的网页链接在一起；此外，表格、动画、音乐和交互式表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。 图1.2.1所示是搜狐的首页，在这个网页中，包含了多种网页元素。下面将详细介绍网页中包含的元素以及它们在网页中的作用。 1.文本 文本一直是最重要的信息载体与交流工具，网页中的信息也以文本为主。文本显然不如图像能够很快的引起浏览者的注意，但却能准确表达消息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中文本更多的属性，如字体、字号、颜色、底纹和边框等，通过不同格式的区别，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的文字列表，来清晰表达一系列项目。 2．图像和动画 图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。用户可以在网页中使用GIF、JPEG和PNG三种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。 提示： 当用户使用所见即所得的网页设计软件在网页上添加其他非GIF、JPEG或PNG格式的图片并保存时，这些软件通常会自动将少于8位颜色的图片转换为GIF格式，或将多于8位颜色的图片转换为JPEG格式。 注意： 图像虽然在网页中起着非常重要的作用，但如果网页上添加的图片过多，不仅会影响网页整体的视觉效果，而且下载速度也将明显下降，可能会导致浏览者因失去耐心而离开网站。