网站建设.ppt

网站建设
主讲:韩维良

第一章
网页设计概述
第一章网页设计概述
第一节基础知识
一、基础概念
网页:是一种用HTML语言编写的文本文件。
HTML:全文是“HyperText Markup Language”,中文意思为“超文本标记语言”。
超文本:意指页面内除文本外,还可包含图片、链接、甚至音频、视频等非文字元素。
第一章网页设计概述
主页:用户访问网站时所看到的第一个网页(网站的入口),称作主页(Homepage或Home Page)。
超链接:一种与其它文件的链接,当用户单击后,所链接的网页信息显示出来。
网站:在逻辑上可视为一个整体的一系列网页的集合称为网站(Web Site或Site), 网页之间用超级连接进行连接。
网站用于构成一个的信息资源;如一个学校,一个企业、一个公司等的WWW服务器。
第一章网页设计概述
第一章网页设计概述
二、网页设计的基本方式
1、手工编码方式
网页是由HTML超文本标记语言编码的文档,设计制作网页的过程就是生成HTML代码的过程。
在e Web )发展的初期人们制作网页是通过直接编写HTML代码来实现的。
第一章网页设计概述
2、可视化工具方式
用FrontPage、Dreamweaver等网页编辑工具在可视环境下编辑制作网页元素,由编辑工具自动生成对应的网页代码。
如制作表格,就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。
利用可视化工具编辑网页操作简单直观,调试方便,是大众化的网页编辑方式。但在制作一些特殊网页效果上有一定的局限性。
第一章网页设计概述
3、编码和可视化工具结合方式
编码和可视化工具结合是一种比较成熟的网页制作方式。
具体过程:一般的网页元素通过可视化工具编辑制作,一些特殊的网页效果通过插入代码生成。
第一章网页设计概述
三、网页中的常见元素
1、文本
文本是网页发布信息所用的主要形式,由文本制作出的网页占用空间小,传输速度快。
网页中的信息以文本为主。虽然不如图象那样能够很快引起浏览者的注意,但能准确地表达信息的内容和含义。为了克服文本固有的缺点,人们赋予了文本更多的属性,如字体,字号,颜色,底纹和边框等,通过不同格式的区别,表现不同的内容。
第一章网页设计概述
2、图像和动画
图像在网页中具有提供信息,展示作品,装饰网页,表达个人情调和风格的作用。
用户可以在网页中使用GIF, JPEG(JPG), PNG三种图象格式,其中使用最广泛的是GIF和JPEG两种格式。