网页第一讲培训课件.ppt

第一讲第1章网页设计基础知识(一)、引入课题因特网上的信息都存放于网页上，网页设计是开发网站必须掌握的技术之一。
本节首先介绍一些与网页设计相关的基础知识。教学目标：
1.掌握Internet基础知识；
2.掌握HTML文档的基本结构；

教学重点：
1.HTML文件的基本结构。

教学难点：
2.HTML元素、标记、属性及内容之间的关系。

通过以下几个问题的分析讨论，掌握以上教学目标。1.1Internet基础知识Internet是什么意思？骨干网络名称2.Inernet的特点3.Inernet提供的服务图表1-22000-2008年中国网民规模与增长率图表1-3部分国家的互联网普及率图表1-42007-2008年网民年龄结构对比IP地址是什么意思？图表1-52001-2008年中国IPv4地址资源变化由数字组成的IP地址，没有规律和不便记忆。为了解决问题，引入域名替代IP地址。
域名是由代表一定意义的英文单词的缩写构成，用英文字母来表示IP地址，这样，人们就可以轻松地记住Internet上的各台主机地址了，这就是域名（DomainName，简称DN)。
域名是Internet中计算机（主机）的名称，它包含有名称、类型、地域等信息。从技术上讲：域名只是一个Internet中用于解决地址对应问题的一种方法。可以说只是一个技术名词。但是，由于Internet已经成为了全世界人的Internet，域名也自然地成为了一个社会科学名词。从社会科学的角度看：域名已成为了Internet文化的组成部分。从商界看：域名已被誉为企业的“网上商标”。没有一家企业不重视自己产品的标识--商标，而域名的重要性和其价值，也已经被全世界的企业所认识。中国国内域名注册的数量，从1996年底之前累计的300多个，至2008年12月增到1683万个。域名的格式？武汉职业技术学院
域名:www.wtc.edu.cn

IP地址：61.183.207.201图表1-6以机构分类的最高域名代码中央电视台http://www.cctv.com
中国茅台酒厂http://www.china-moutai.com
中国教育和科研计算机网http://www.edu.cn
中国国务院http://www.gov.cn
武汉市人民政府http://www.wuhan.gov.cn
中国红十字基金会http://www.crcf.org.cn
中国驻加拿大使馆
http://www.chinaembassycanada.org/chn
美国国务院http://www.state.gov
美国国防部网站http://www.defenselink.mil
海尔集团http://www.haier.cn
澳门互联网资讯中心http://www.monic.net.mo图表1-82004-2008年中国域名规模的变化域名类别WWW是什么意思？HTTP是什么意思？URL是什么意思？一个完整的URL地址由通信协议名、服务器地址、文件在服务器中的路径和文件名四部分组成。例如：http://www.whu.edu.cn/cn/xxgk/index.htm协议名服务器地址路径文件名协议浏览器能做什么？问题9问题10地区图表1-112002-2008年中国网页规模变化网页总数问题11中国互联网管理中心主页武汉职业技术学院主页网站也称站点就是由一个个网页构成的。
网站的概念是相对的，大可以到“新浪网”这样的门户网站，页面多得无法计数，而且位于多台服务器上，小可以到一些个人网站，可能只有零星几个页面，仅在某台服务器上占据很小的空间。图表1-132000-2008年中国网站规模变化图表1-14前十名省市网站数1.2HTML文档的基本结构什么是HTML语言？文本(Text)意味着它是自解释的（self-explanatory）。标记(Markup)指的是你怎么处理文本。对文本作标记的方式，跟你在文本编辑程序里将文本加粗、或者将一行话设为标题或列表项目类似。语言(Language)是指HTML是一种语言，它使用了许多英文单词。Hyper
超元素一个元素包括一个首标记(starttag)、零或多个属性(attribute)、内容和一个尾标记(endtag）。HTML文件的基本结构是怎样？HTML文件如何编辑、运行？制作一个网页，标题显示“第一个网页”，页面显示“哇！这是我设计的第一个网页。”程序:1.将上面的代码输入到记事本内，就完成了第一个网页的制作。
2.在记事本的“文件”菜单下选择“另存为”。这时会弹出一个对话框。
3.将HTML文档保存在D盘上的asp文件夹下，文件名为“1-1.htm”，选保存。
4.双击文件名运行网页，从显示的结果可以看到，网页标题“我的第一个网页”显示在浏览器窗口顶部标题栏