第1章 网页制作基础

《第1章 网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、22第一章网页制作基础基础篇—网页制作基础随着Internet的普及，拥有自己的网站已经成为一种潮流和时尚。什么是网站？如何设计网站？如何将制作好的网站发布到Internet网上供大家访问？第1章网页制作基础本篇内容本篇结合实际网站简单介绍了Internet网络、网站及网页的基本概念，网站建设的基本流程，网络空间的申请及网站的上传。22第一章网页制作基础第一章网页制作基础本章要点u网页要素及网页制作工具u网站设计的流程u网络空间的申请随着Internet的普及，拥有自己的网站已经成为一种潮流和时尚。虽然制作一个简单的网页并不困难，但是制作出超凡脱俗的网站就不那么容易了。首先我们一起来欣赏一

2、下IBM中国网站(www.ibm.com/cn/zh)，如图1所示。图1IBM中国网站在欣赏的过程中请思考以下问题：1．如何访问IBM中国网站？2．该网站的主题是什么？网站的色彩基调是什么？22第一章网页制作基础3．该网站中的页面有哪些部分组成？4．想了解IBM的产品该怎么办？5．如何制作一个属于自己的网站呢?带着这些问题，让我们一起来学习本章知识吧！1.1Internet简介丰富多彩的网络世界深刻的影响着我们，成为我们学习、生活中不可缺少的一部分。其实我们也可以自己制作网页，然后发布到Internet（因特网）上，给众多的网友浏览。当然啦，在学习网页制作之前，我们有必要先来学习网络的一些

3、基础知识。1.1.1计算机网络计算机网络是指将多台具有独立功能的计算机，通过通信线路和通信设备连接起来，在网络软件的支持下实现数据通信和资源共享的计算机系统。计算机网络硬件由服务器、工作站、网卡、交换机、路由器和网关、传输介质等组成；软件则由网络操作系统、网络协议和应用服务软件等组成。建立计算机网络的主要目的是为了实现数据通信和资源共享。按照计算机网络覆盖的地理范围大小可将计算机网络分为局域网和广域网，Internet就属于广域网。1.1.2Internet因特网是目前世界上覆盖范围最大的计算机网络群体，它是英文Internet的中文译名，也叫国际互联网。因特网把人类带到了一个全新的信息时

4、代。目前人们通过因特网可以轻松做到以下事情：发送电子邮件、文件传输、网络电话、网络传真、网络寻呼、网上购物、远程登录和网络会议等。家庭或单位到ISP（网络服务提供商，如电信、网通、铁通等）办理必要的手续后，就会获得一个上网帐号和密码，就可按ISP提供的上网步骤进行登录，接入Internet。登录成功后，双击计算机桌面上的InternetExplorer浏览器e图标,如图1.1.1所示，就可以打开IE主界面，如图1.1.2所示。在IE界面的地址栏中可输入要访问网站的网址，如输入www.ibm.com/cn/zh即可访问IBM中国网站。22第一章网页制作基础标题栏菜单栏地址栏状态栏主窗口工具栏

5、图1.1.1通过桌面浏览器访问Internet图1.1.2InternetExplorer主界面1.2网页及网页中的元素1.2.1网页的基本介绍在WWW的世界中，包含有无数独立的以“页”为单位内容的信息，就称之为“网页”22第一章网页制作基础。网页是网站的基本构成单位，众多内容不同的网页有机地组合并具有特定的主题就构成了一个网站。我们可以像看书一样，看完一页再翻阅到其他网页上去。也可以通过超链接在页与页之间实现跳转。1.2.2网页中包括的元素设计网页的目的主要是发布信息，因此，作为信息主要载体的文本和图像也就成了网页的基本组成部分；而超链接则是Web的核心，它将万维网中无数的网页链接在一起

6、；此外，表格、动画、音乐和交互式表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。图1.2.1所示是搜狐的首页，在这个网页中，包含了多种网页元素。下面将详细介绍网页中包含的元素以及它们在网页中的作用。导航栏,使浏览者迅速访问站点中的主要网页广告,一般为GIF动画或Flash动画,是典型的图像超链接网页通常使用表格来定位和安排内容站点的标志,网页中的图像图1.2.1网页元素概览1.文本文本一直是最重要的信息载体与交流工具，网页中的信息也以文本为主。文本显然不如图像能够很快的引起浏览者的注意，但却能准确表达消息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中文本更多的属性

7、，如字体、字号、颜色、底纹和边框等，通过不同格式的区别，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的文字列表，来清晰表达一系列项目。2．图像和动画22第一章网页制作基础图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。用户可以在网页中使用GIF、JPEG和PNG三种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。提示：当用户使用所见即所得的网页设计软件在网页上添加其他非GIF