第1章 认识网站开发.ppt

第1章 认识网站开发 相信上过网、浏览过网页的人有很多，但并不是所有人都知道什么是网络、网页、网站。从现在开始，将步入这个网络世界，了解什么是Internet、Web、URL、HTML，以及如何开发网站。本章我们先来认识什么是网站开发。 1.1 认识网站开发 网站是按照一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。而网页是指在浏览器上登录一个网站后，看到的浏览器上的页面。网页是由文字、图片、声音等多媒体通过超链接的方式有机的组合起来的。因此，学习网站开发的基础就是学习网页制作。 1.1.1 网页设计概述 网页是用HTML语言编写的一种文件，将这种文件放在Web服务器上可以让在互联网上的其他用户浏览。比如说访问百度网站，看到的就是百度网站所编写的网页。网页也是通过HTTP协议来传递给浏览者的。网站是网页的集合，多个网页可以共同组成一个网站。网站的第一个网页称为首页。 1.1.2 网页构成元素 网页的构成元素很丰富，可以是文字，也可以是图片，甚至可以将一些多媒体文件如音频、视频等插入到网页里。网页构成元素如下所示。 1.文本 2.图像 3.链接 4.表格 5.表单 6.导航条 7.其他元素 1.1.3 网站建设流程 在创建网站之前首先要了解一下网站建设的额基本流程，这样可以明确网站的目标和方向，从而提高效率。 1.网站需求分析 2.网站整体规划 3.收集资料与素材 4.制作网页 5.域名和服务器空间的申请 6.测试与发布网站 7.后期维护与网站推广 1.1.4 网站开发软件 用于网页设计的工具软件很多，本书将以Adobe公司的Dreamweaver CS6为开发工具来进行讲解，它也是最便于新手学习的软件。 1.2 HTML基本概念 通过浏览器访问的网站，通常是基于HTML形成的。因此要想学习网站的开发，首先我们需要了解什么是HTML以及HTML的基本结构。 1.2.1 HTML简介 HTML英文是Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文件的简单标记语言。用HTML编写的超文本文件称为HTML文件，它能独立于各种操作系统平台。自1990年以来，HTML就被全球广域网用作其信息表示语言。 1.2.2 HTML基本结构 HTML文件包括文件头和文件体两部分。在文件头里，主要是对这个HTML文件进行一些必要的定义，在文件体中的内容才是真正要显示的各种文件信息。一般情况下，HTML文件的结构如下所示。 HTML HEAD 头部信息 /HEAD BODY 文件主体，正文部分 /BODY /HTML 1.3 一个简单的HTML实例 前面简单介绍了HTML文件的简介和基本结构，下面通过一个简单的HTML实例来引导读者学习HTML标记，了解HTML文件的创建和运行方式。 1.3.1 编写HTML代码 HTML文件对其编写工具的要求并不高，可以在Dreamweaver中实现，也可以在最简单的文本编辑工具中实现。 1.3.2 运行HTML文件查看效果 编写好文件的源代码并保存后，就可以通过IE浏览器来查看HTML文件的页面效果了。 1.4 HTML基本标记 学习HTML的标记要从最基本的标记开始，一个HTML文件所包含的基本标记主要包括文件类型标记（也称为HTML标记）、HTML头标记、页面标题以及HTML主体标记。 14.1 文件类型标记 文件类型标记是HTML，是双标记。它用来标示该文件是HTML类型的文件，位于HTML文件代码的最外层，也就是说这一对标记必须放置在代码的开头和结尾。其语法是： HTML /HTML 1.4.2 HTML头标记 HTML头标记是以HEAD为开始标记，以/HEAD为结束标记的双标记。它用于包含当前文件的相关信息，一般包括标题、基底信息、元信息等。一般情况下，CSS样式也是定义在头元素中的。 在文件的头部通常包含如下标所示的部分或全部标记。 1.4.3 HTML主体标记 HTML主体标记是以BODY为开始标记，以/BODY为结束标记的双标记。它用于包含当前文件的页面内容。也就是说，在该标记之间的内容是页面中真正要显示的内容，包括文字、图片、表格等。 1.4.4 页面标题 页面标题标记是一个特殊的标记，它设置的内容并不显示在页面中，而是显示在浏览器的标题栏，用来说明文件的用途。因此，在设置该标记的时候，要使其能够体现整个页面的主题。一般情况下，每个HTML页面都应该有标题。 在HTML文件中，标题信息设置在页面的头部，也就是位于HEAD与/HEAD标记之间。标题标记以TITLE开始，以/