网页设计概念与基础.pptVIP

网页设计 概念与基础 1.1 网页与网站的基本知识 1.Internet基础知识 2.HTML语言简介 3.网页与网站的关系 1.1.1Internet基础知识 （1）Internet（因特网）的起源与发展 Internet（因特网）是全球覆盖面积最广的互联网。它起源于美国国防部的一项试验—ARPANET计划，后来与美国国家科学基金会的科学教育网合并。自20世纪90年代起，美国政府机构和公司的计算机也加入其中，并迅速扩大到全球100多个国家和地区。据统计，目前因特网已经连接数百万个网络的4亿多台计算机，用户近10亿。它最初仅为大学和科研单位服务，如今已逐步商业化。 1.1.2．HTML语言简介 　 （1）概念 HTML是一种描述性的标记语言，用标记符来定义文件中信息的格式和功能。当浏览器（如IE）收到HTML文件后，就会解释HTML文件内的标记符，并根据标记符执行相应的显示功能或实现某些功能。　　 用HTML编写的文件被称为超文本文件，它从本质上可以说是一个纯文本文件，其后缀名是.htm或.html。 　　 例如:一个网页在浏览器中的显示如下（图1-3）： 1.1.2．HTML语言简介 打开浏览器的“查看”菜单，点击“源文件”，可查看到此网页的HTML源代码（图1-4）。 2、《孟子·尽天下》：“可欲之谓善，有诸己之谓信，充实之谓美，充实而有光辉之谓大，大而化之之谓圣，圣而不可知之之谓神。”孟子所说的“充实之谓美，充实而有光辉之谓大”中的“美”与“大”，可比附于西方美学中的“美”与“崇高”观念。 br /p p二、“校训”的解释br “校训”体现办学者的办学理念，尤其体现对培养对象的成长目标要求，以及为了实现这一目标而提出的对教师的要求、学校文化建设的要求。/p p/p /body /html （2）HTML文件的基本框架 HTML文件主要包括文件头和文件体两个部分。以下面这个最简单的网页为例： html HTML标记（1） head 文件头标记（2） title跟我学HTML页面设计/title 文件标题标记（3） /head 文件头标记（2） body 文件体标记（2） 您好！新年好！ /body 文件体标记（2） /html HTML标记（1） 1.1.2．HTML语言简介 HTML标记处于第一层（最外层），html和/html成对出现，html处于文件的第一行/html处于文件的最后一行。　　文件头标记head处于第二层，包含在HTML标记内部，head和/head成对出现。 文件体标记body也处于第二层，在层次上与文件头标记并列，同样包含在HTML标记内部，body和/body成对出现，网页的内容写在body和/body之间。 　　 1.1.2．HTML语言简介 文件标题标记title处于第三层，包含在文件头标记head内部，title和/title成对出现，网页的标题内容写在title/title之间。 将以上这些代码按照格式要求输入“记事本”程序中，完成后将文件另存为“文件名.htm”，如：test.htm。（注意：不要保存为txt格式的文本文件。）双击test.htm文件，在浏览器IE中运行此文件。效果如图1-5。 图 1-5 简单的网页在浏览器中的运行效果 （3）常见的HTML标记 H? 中?代表从1~6的数字，从H1到H6，意味着所标记的标题字越来越小。 使用方法： 双向标记，一般成对出现，如：H1文字（如H1标题字）/H1。 align属性可以作用于H?标记，“align=center”即标题居中显示，“ali