网页制作与网站建设初学者必看教程.pptVIP

第1章网页设计与制作根底

2知识技能要点互联网、Web浏览器网页的类型网页设计的根本流程

31.1互联网技术随着Internet／Intranet的不断普及和开展，越来越多的公司、企业和个人正在开始建设自己的Web站点、编写Web网页，以一种新的方式向外界发布信息，供人们去浏览、阅读和应用。因此，网页制作已经受到越来越多的专业人员的重视。

4网页网页是指通过Internet向全球提供信息的一些文档文件，包括个人信息、商业、娱乐等内容。

5

6

7网页是在浏览因特网时看到的一个个的画面；文字、图片和动画等网站那么是指存放在网络效劳器上的完整信息的集合体，它包含一个或多个网页，这些页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。首页(主页):构成网站的第一页

8网页是利用超文本标记语言HTML(HyperTextMarkupLanguge)编写的，存放在Internet／Intranet上的Web效劳器中，供访问者使用浏览器来阅读。利用HTML语言编写出来的网页又称为超文本，即网页中包含有文本、图形、声音、图像和超链接(HyperLink)等多媒体信息。通常我们看到的网页，都是以?htm?或?html?后缀结尾的文件，称?HTML?文件。

9第26次中国互联网开展状况统计报告(2010.7.15)中国网站规模变化

10互联网的应用技术现在的网络资源及各种业务、应用日趋丰富。电子政务、远程教育、远程医疗、移动短信、在线数字内容等网上各类业务日新月异，电子商务交易额快速增长，信息交流更加便捷高效。

11Internet提供的效劳：WWW效劳〔网上冲浪〕电子邮件效劳〔Email〕网上传呼〔OICQ、QQ〕文件传输〔FTP〕BBS

12万维网〔WWW〕?WWW是WorldWideWeb〔环球信息网〕的缩写,简称为Web，中文名字为“万维网”。通过万维网，人们可以使用很简单的方法，就可以很迅速方便地取得丰富的信息资料。?是当前Internet上最受欢送、最为流行、最新的信息检索效劳系统。

13蒂姆·伯纳斯-李〔TimBerners-Lee〕于1990年创立了WorldWideWeb(WWW)。Web最初的设想和研发的目的是为了满足在世界各个大学、不同研究所工作的科学家信息共享的需求。WWW的根本概念是把所有个人计算机、计算机网络和超文本整合成一个成效强大并且易于使用的全球信息系统。

14“互联网之父”

151.2浏览器

16浏览器浏览器是获取WWW效劳的根底，它的根本功能就是对网页进行显示，目前使用最广泛的浏览器是微软公司推出的InternetExplorer浏览器，还有火狐浏览器Firefox等等。

17

18浏览器之战

191.2.3网页制作工具1.记事本

20步骤如下：单击“开始”按钮，选择“程序/附件/记事本”。在“记事本”的窗口中输入HTML代码。输入代码结束后，选择“文件”菜单中的“保存”或“另存为”命令，那么弹出图1-1所示的另存为对话框。在“文件名”框中键入Web页的名称，注意文件名必须以.html或.htm为扩展名。如果需要，应在“保存在”列表框中定位到特定的目录。单击“保存”按钮，即创立了一个Web页。见图1-2。进入到你的文件架，单击，进行测试，你的HTML的网页就完成了。

21“另存为”对话框

22单击ie图标，进行测试

23例：htmlheadtitle网站制作/title/headbody文本内容/body/html

24运行效果如图

25

26

一个典型的HTML文本的根本结构形式如下：html

headtitle网页标题/title/headbody网页的主要内容/body

/html

结束标记开始标记文件头文件主体

28HTML标签，〔HTMLTag〕都是由一对“”括起来的，成对出现。标记名/标记名表示标记的开始和结束，例如(html/html)HTML语言正是通过这些标签来设置网页的结构、网页元素的位置和类别，网页元素的显示效果等。

29标记符属性属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。在HTML中，所有的属性都放置在开始标记符里，多个属性之间用空格分开。如：bodybgcolor=“blue“text=“white”

30关于颜色颜色值是一个关键字或一个RGB格式的数字。aqua，black，blue，fuchsia,gray，green，lime，maroon，navy，olive，purple，red，silver，teal，white，yellow

31在HTML中对于颜色的定义可以用