DW 01网页设计基础.ppt

网站建设
主讲:韩维良
五月 18
网页设计基础
学习要求
一、课程突出实用性。强调要多模仿、多练、多实践。
二、最后要做出一个真实的网站作品。内容要丰富。观看上届学生的典型作品。
教材:
3
4
第一节基础知识
一、基础概念
网页:网站的基本信息单位,是一种用HTML语言编写的文本文件。(在网络平台上发布的,浏览器能识别并显示的文件。)
HTML:全文是“HyperText Markup Language”,中文意思为“超文本标记语言”。
超文本(Hypertext):是用超链接的方法,将各种不同空间的信息组织在一起的网状文本。
5
网站主页:或首页,用户访问网站时所看到的第一个网页,称作主页(Homepage)。网站的入口,是网站的整体索引,包含了指向二级页面以及其它网站的链接,负责导航和介绍网站。
用特定的名称表示,如:、。
在浏览器中输入域名时,打开的就是其主页。
如:
6
超链接:一种与其它网页对象的链接(也可以是同一网页中的某一个锚点位置),当用户单击后,所链接的网页信息显示出来
(实际上内嵌存贮了目标网页文件地址路径及名称)。
7
网站:在逻辑上可视为一个整体的一系列网页的集合称为网站(Web Site或Site), 网页之间用超级连接进行链接。
网站用于构成一个Web信息服务器,提供一定范围内的信息资源;如一个学校,一个企业、一个公司等的Web服务器。
(IP地址、域名)
8
二、网页设计的基本方式
1、手工编码方式
网页是由HTML超文本标记语言编码的文档,设计制作网页的过程就是生成HTML代码的过程。
在e Web:全球信息网)发展的初期人们制作网页是通过直接编写HTML代码来实现的。
9
2、可视化工具方式
用FrontPage、Dreamweaver等网页编辑工具在可视环境下编辑制作网页元素,由编辑工具自动生成对应的网页代码(如同Visual Basic程序界面的生成)。
“所见即所得”,如制作表格,就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。
利用可视化工具编辑网页操作简单直观,调试方便,是大众化的网页编辑方式。但在制作一些特殊网页效果上有一定的局限性。
10
3、编码和可视化工具结合方式
编码和可视化工具结合是一种比较成熟的网页制作方式。
具体过程:一般的网页元素通过可视化工具编辑制作,一些特殊的网页效果通过插入代码生成。