51cto下载-第1章+网页设计基础

《51cto下载-第1章+网页设计基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章网页设计基础随着Internet（因特网）的发展和普及，越来越多的个人和公司都想在Internet上安个家，各种各样的网站应运而生。网页设计和制作技术也越来越受到人们的关注，网站是如何创建的？需要掌握哪些计算机技术？本章介绍网页设计的基础知识，主要包括以下内容：HTML基础初识Dreamweaver在代码视图中创建HTML1.1HTML基础在Internet上浏览的一个个精美网页都是用超文本标记语言HTML制作而成。本节先介绍HTML的基础知识。1.1.1什么是HTML1.1.2课堂实例――创建和测试第一个网页1.1.3认识HTML标签1.1.4

2、HTML文档的基本结构1.1.1什么是HTMLHTML是英文HypertextMarkedLanguage的缩写，中文意思是超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作WWW（WorldWideWeb）的信息表示语言，用于描述网页的格式设计和它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。所谓超文本，是指用HTML创建的文档可以加入图片、声音、动画、影视等内容

3、，并且可以实现从一个文件跳转到另一个文件，与世界各地主机的文件连接。1.1.2课堂实例――创建和测试第一个网页选择“开始”

4、“所有程序”

5、“附件”

6、“记事本”，运行“记事本”程序。在“记事本”窗口中输入以下内容：这是第一个简单网页!选择【文件】

7、【保存】命令，在弹出的“另存为”对话框中选择要保存的路径，在【文件名】文本框中输入文件名myweb001.html。1.1.3认识HTML标签HTML文档中的标签包括单标签和双标签，

8、另外在标签中还可以包含一些属性。（1）和和在最外层，表示在这对标签里面的代码是HTML语言。（2）和在这对标签里的内容是网页中的头部信息，如网页总标题、网页关键字等，若不需头部信息则可省略此标记。（3）在和这对双标签的中间还包含着这样一对标签。呈现在网页的标题，标题会出现在IE浏览器窗口的标题栏。（4）和和之间的“这是第一个简单网页!”

9、部分，就是在网页中实际看到的内容。和之间是网页的主体内容部分，大部分HTML标签都包含在和之间。1.1.4HTML文档的基本结构一个HTML文档分为两部分：文件头和文件体。文件头中提供了文档标题，并建立了HTML文档与文件目录间的关系。文件体部分是网页的实质内容，它是HTML文档中最主要的部分，其中包含了文本、图像、表格等元素，这些元素构成了网页的内容。1.2初识DreamweaverMacromediaDreamweaver是是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行

10、设计、编码和开发。无论开发者愿意享受手工编写HTML代码时的驾驭感，还是偏爱在可视化编辑环境中工作，Dreamweaver都会提供实用的工具，使网页设计者拥有更加完美的Web创作体验。熟练掌握Dreamweaver的工作环境是进一步学习网页制作的关键，本节介绍Dreamweaver的工作环境，并且通过一个实例介绍用Dreamweaver制作一个简单网页的方法。1.2.1Dreamweaver工作环境1.2.2课堂实例――用Dreamweaver制作一个简单网页1.2.3站点的建立1.2.1Dreamweaver工作环境1．起始页2．工作窗口3．自定义界

11、面4．三种视图模式1.2.2课堂实例――用Dreamweaver制作一个简单网页下面使用Dreamweave制作一个简单的网页，介绍一下Dreamweave制作网页的基本流程。1．新建网页2．编辑网页3．保存网页4．预览网页5．继续编辑网页6．再次预览网页1.2.3站点的建立Dreamweaver8不仅仅是网页设计工具，更是网站设计工具，提供了大量和网站管理维护相关的功能，能够对网站中的文件、链接、媒体文件等多种资源进行统一管理，使网站设计工作事半功倍。要想使用Dreamweaver8的网站管理功能，必须首先建立“站点”。下面就介绍如何创建一个站点。1

12、．设置站点名称2．设置是否使用服务器技术3．设置站点的本地文件夹4．设置远程服务器连接方式5．