第1章 网页设计入门.pptVIP

1.4.1 标记语法 HTML用于描述功能的符号称为标记。前面介绍的html、head、body、p等都是标记。标记通常分为双标记和单标记两种类型。 1．双标记 双标记由开始标记和结束标记两部分构成，它必须成对使用。开始标记告诉浏览器从此处开始执行该标记所表示的功能，结束标记告诉浏览器在这里结束该标记。 双标记的基本语法是： 标记名称内容/标记名称 1.4.1 标记语法 2．单标记 标记单独出现，只有开始标记而没有结束标记。这种标记单独使用就可以表达完整的意思。 单标记的基本语法是： 标记名称 1.4.2 属性语法 HTML可以为某些标记附件一些信息，这些附件信息被称为属性（attribute）。通过属性可以设置HTML元素的更丰富的信息。属性是在开始标记中设定，它以“名称/值”对的形式出现，比如：name=value。 属性的基本语法是： 标记名称 属性名1=属性值 属性名2=属性值 属性应该添加在开始标记内，并且和标记名之间有一个空格分隔。一个标记可以包含多个属性，各属性之间无先后次序，用空格分开。例如： body background=back_ground.gif text=red大家好！/body 这是一个body标记，其中Background属性用来表示HTML文档的背景图片，text属性用来表示文本的颜色。 1.4.3 注释标记 注释标记用于在HTML文档中插入注释。注释内容并不会在浏览器中显示，它会被浏览器忽略。可以使用注释对程序代码进行解释，适当的注释对以后代码的阅读和维护产生很多的帮助 注释标记的基本语法是： ! -- 注释内容 -- 左括号后需要写一个惊叹号，右括号前就不需要了。 另外一个好的习惯是把脚步或者样式元素放入注释文本中，这样就可以避免不支持脚步或样式的浏览器把它们显示为纯文本，影响网页的美观。 第1章 网页设计入门 网页设计基础知识 网页制作相关技术 HTML入门 HTML 基本语法 本章主要内容： 《网页设计制作基础与上机指导——HTML+CSS+JavaScript》 清华大学出版社 1.1 网页设计基础知识 网站是由若干网页构成的，这些网页按照一定的逻辑关系组织在一起。每个网页都包含一定的组成元素，网页的设计与制作就是对这样元素的规划和构建。 1.1.1 网站和网页 网站（Website）是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 1.1.1 网站和网页 网站由域名（domain name），网页和网站空间这三部分组成。网站域名就是在访问网站时在浏览器地址栏中输入的网址，比如：（课件吧网站的一级域名）、（课件吧网站的二级域名）。网页用某种形式的HTML来编写，多个网页由超级链接联系起来。网站空间由专门的独立服务器或租用的虚拟主机承担，网页需要上传到网站空间中，才能供浏览者访问网站中的内容 。 1.1.1 网站和网页 网站是一个整体，它是由网页及为用户提供的服务构成的，网站为浏览者提供的内容是通过网页展示出来的，使浏览者了解该网站为用户提供的服务及展示的信息，浏览者访问网站实际上就是浏览网页。网页经由网址（URL）来识别和存取，当在浏览器中输入网址后，浏览器可以从WWW上下载指定的网页，传送到本地计算机，然后再通过浏览器解释网页的内容，再展现到窗口内。 首页（Home page）也可以称之为主页，它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问网站的第一个网页。 1.1.1 网站和网页 Logo Banner 导航栏 公告栏 精彩图书推荐 横幅广告位 新书快递 精品图书 高校教材 专家书评 友情链接 版权栏 网站首页布局示意图 1.1.2 网页基本元素 构成网页的基本元素主要包括文本、图片、水平线、表格、表单、超链接及各种动态元素。 1.1.2 网页基本元素 文本：文本是网页中最主要的信息载体，浏览者主要通过文字了解各种信息。 图片：图片可以使网页看上到更加美观。如果是新闻类或说明类网页，插入图片后可以让浏览者更加快捷的了解网页所要表达的内容。 水平线：在网页中主要起到分隔区域的功能，以使网