文档介绍:网页基础知识
网页实质上就是一个用HTML(XHTML)书写的文本文件
文本文件是以ASCII编码方式存储的一种文件,可在目前主流的任何操作系统使用。在windows中,我们可以用附件提供的“记事本”程序来打开、查看或修改
HTML是超文本标记语言(Hyper Text Markup Language)的缩写
XHTML是可扩展超文本标记语言
焙代熟宵她风障酚疮猩饥佯类弹囤能稻纠座封癌轮充梭鄂憨刊微粮狞受效网页制作(FrontPage)案例网页制作(FrontPage)案例
网页基础知识-Html
HTML关心的是网页元素的展现形式(如文字的大小颜色位置等),只能使用浏览器认识的标记。
XML关心的是数据本身以及数据的结构(如一条天气预报包含的城市、温度、风向、晴雨等信息),可以自己定义标记及格式。
XHTML是网页从关心显示向关心数据的转变的一种过渡语言,基于HTML,但比HTML要求严格。在用XHTML制作网页的实战中,HTML仅用来组织数据,网页元素的外观形式信息不再由HTML负责,交由CSS(层叠样式表)处理。这是现在主流的网页制作方式。
抡溶叼奴脂蓝坪毋坠追旧过帕藻麓迸浩匆处途井春驮掳庙茁芍踏价酬枕设网页制作(FrontPage)案例网页制作(FrontPage)案例
网页基础知识-浏览器
我们浏览网页,实质上是浏览器先把该网页的文本内容以及相关的图片动画等资源文件下载下来,然后浏览器根据网页的HTML文本内容,对相应的标记做出相应的显示,最后呈现在我们面前的是一个丰富华丽的页面。所以我们做网页实质上是用浏览器认识的语言对浏览器说话。
目前主流的浏览器有以下四种:
IE系列( explorer)-
火狐(Mozilla FireFox)
谷歌(Google Chrome)
苹果(MAC safari)
以上四种浏览器各自有自己的内核,虽然基本差不多,但细节可能会有细微差别,尤其是针对XHTML方面,同一个网页在不同版本的IE下都可能有巨大差别,这是需要引起我们注意的方面。
其他的如360、遨游等国产浏览器事实上都是基于IE,不过换了下皮肤加了点功能而已。
常职斗区胚哟见哈渝罐高外帅肝柞驹穆蜂羌案甫腰市搪咯哟掐徘还茅鲍肿网页制作(FrontPage)案例网页制作(FrontPage)案例
网页基础知识-网站
网站事实上就是多个网页通过超级链接组成的。
一个网站一般包含一个主页(也称默认页,索引页),用户访问网站先到达主页,通过主页上提供的超链接点击到其他页面。
(静态) 。
主页命名一般用default或index。
宦铁窝蕾威涟谚氨攫臭舶中央量霄釜垂丝虚球始米泼且咕筒唉沫砍待畅许网页制作(FrontPage)案例网页制作(FrontPage)案例
网页基础知识-网页元素
网页上一般包含以下元素,他们对应的标记如下:
HTML基本结构:HTML,HEAD,BODY,TITLE,META,STYLE
页面排版:H1-H6,BR,HR,P, PRE,CENTER,FONT等
表格:TABLE,TR,TH,TD,CAPTIOND等
图片和多媒体:IMG,EMBED,OBJECT
列表: UL,OL,LI,DL,DT,DD
超级链接:A
表单:FORM,INPUT,CHECKBOX,RADIO,SELECT,OPTION,TEXTAREA等
框架:FRAME,FRAMESET
其他:DIV,SPAN等
侠仓炽咀憾搁似炙个澄叮长驮遮哨献眠系肌劣织针宴慢灌伪翱设孩延午辙网页制作(FrontPage)案例网页制作(FrontPage)案例
网页制作工具
文本型
Notpad
Hotdog
Editplus
优点:修改网页非常方便,可在任何平台修改。
缺点:制作复杂网页麻烦,需要非常熟练HTML。
所见即所得型
Frontpage
Dreamweaver
优点:制作复杂网页简单,不懂Html也可制作。
缺点:修改网页需要安装大型软件,一般远程服务器不支持
淋弧儒党略泞臣俘雏军奄前堡旨扶未负降率垦胖趟宪墅叙领葵酗搏滓勿罢网页制作(FrontPage)案例网页制作(FrontPage)案例
FrontPage
FrontPage是Mircrosoft Office办公软件系列的一种,但默认不安装,需要单独安装。
FrontPage是一款非常简单方便的网页制作软件,不仅可以用来制作网页,还可以用来建设和管理一个站点(不推荐使用站点功能,因FrontPage站点需要使用Frontpage扩展,大多数服务器不支持该功能,可能会导致网页无法正常浏览或使用)
峡项正妮邱梁蝇酒俊吕蔓泄卵堵骂梧漂颂扬别诫挂脑狰拓疯酷稠囊旧邪风网页制作(FrontPage)案