设为首页 | 热门标签 | RSS 订阅 | 加入收藏
游客可以选择 高级搜索 | 成为会员 | 马上登陆

返回首页
当前位置: 主页 > 新手村 > 新手营讲义 > 正文

7月18日网页基础知识讲义(新手群)

时间:2009-07-18 21:46 作者:飞雪鸿云 来源:未知 点击:
第一课 网页制作基础知识:
  

第一课 网页制作基础知识
(一)(1)什么是万维网
全球资讯网(WWW):指由电脑连线而能快速且大量获服资讯的网络系统
a.能获取资料的通讯协定:如HTTP、mailto、 FTP等。
b. 制式的网域命名系统: 如URL 是网络资料的位址,其写法包含使用的的通讯协定,伺服器,路径三部份
(2)什么是网页、什么是网站   网页和网站的关系
网页是网站中的页面,是网站信息发布与表现的一种主要形式。
网站:人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网站就是由网页组成的。
(3)什么是域名和空间
域名:是INTERNET上用来寻找网站所用的名字,是internet上的重要标识,相当于主机的门牌号码。每一台主机都对应一个IP地址,每一个IP地址由一连串的数字组成,如101.253.11.34。人们为了方便记忆就用域名来代替这些数字来寻找主机每一个域名与IP地址是一一对应的,人们输入域名,再由域名服务器(DNS)解析成IP地址,从而找到相应的网站。每一个网址和EMAIL都要用到域名。域名也就是该站的访问网址,是独一无二的;
空间:就是存放网站程序以及内容、数据的地方,简单形容就是类似你电脑上的硬盘;
网站程序,空间,域名三者关系与作用
域名就是互联网上一个仓库的门牌号码,并且它是全球唯一的,空间就想堆粮食的仓库,而网站程序就是仓库里的粮食,我要是想要获取你仓库里的粮食,我先得知道你这个仓库的门牌号码是多少,这样才能更方便、快捷的找到仓库,你同意的话,我才可以采取进一步的活动,获取相关的粮食。总结:网站程序放在空间里,我们通过域名访问空间里的网站程序。 
(4)什么是相对路径  什么是绝对路径
相对路径:就是指由这个文件所在的路径引起的跟其它文件(或者文件夹)的路径关系
绝对路径:以Web站点根目录为参考基础的目录路径
举例说明:假如你在网页中插入图片,可能会碰到以上情况(假设你的网页在如下位置d:\web\ 1.html,而图片在d:\web\images\2.gif),那么情况如下:一在你的网页中直接以d:\web\images\2.gif这个路径表示你的图片。二你在网页中以:images\2.gif来表示这个图片。
第一种情况,你使用的是完整的图片的路径,就称之为绝对路径,也就是说当你把你的这个1.htm不管放在你的硬盘的哪个位置,它都能显示出来这幅图片,因为这个图片的位置你没改变它。是绝对不变的。。
第二情况,你使用的就是相对路径,这个路径只相对于你的1.htm的位置以及images文件夹的位置。一旦1.htm的位置发生改变,或者images文件夹的位置发生改变(只要1.htm和images发生改变的位置不相同),那么,这时候你的1.htm就显示不了这幅图片了。也就是说,1.htm和images其中一方的位置发生改变,网页就显示不了这幅图片了。这就是相对路径,它是以一个参考对象面存在的。
(5)什么是CSS
层叠样式表单:早期的HTML功能薄弱,无法满足大众对文字控制及版面编辑的需求。W3C公布了CSS,以扩充HTML的功能,CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势:
  1:表现和内容相分离
  将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
  2:提高页面浏览速度
  对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
  3:易于维护和改版
  你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
(6)什么是超链接
         超链接是网页一部分,是同其它网页或者站点进行连接的元素。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件。超链接(hyper text)的标准叫法称为锚(anchor),是使用 <a> 标签标记的。可以用两种方式表示:
  锚点也是一种连接,只不过它是页面内的连接,当网页很长是可以在适当的位置插入锚点,
要返回到该点只要点一下锚连接就 可以了,不需要用鼠标拖动,很方便的
  1、设置锚点
  把光标置于文档窗口想要设置锚点的地方,点击插入面板中”常用”/”常用锚记”。在弹出的对话框中起一个锚名字。
  2、创建锚点链接
  选择要建立链接的文本或图像,在属性面板的链接中输入一个#号和锚点名。例如:#aa。 要链向不同页面中的锚点,则点击链接边的文件夹小图标,在打开对话框中选择要链接的文件,按"确定"键后在"属性"面板的链接栏中会显示链接的文件地址,在地址后面紧跟着输入#号和锚名字
按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接
按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
网页上的超链接一般分为三种:一种是绝对URL的超链接。URL(Uniform Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径,如http://www.baidu.com;第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去;还有一种称为同一网页的超链接,这种超链接又叫做书签。
  超链接还可以分为动态超连接和静态超连接。动态超连接指的是可以通过改变HTML代码来实现动态变化的超链接,例如我们可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接,顾名思义,就是没有动态效果的超链接。
(7)什么是HTML
HTML(超文本标记语言)为一种全球广域网上文档中的标准标记语言。
HTML语言使用“标记”来指示Web浏览器应该如何显示网页元素,例如文本和图片,以及Web浏览器应该如何回复使用者的操作,例如超链接的启用是应通过单击键盘或单击按键或单击鼠标来完成。HTML标记是HTML中用来鉴别网页元素的类型、格式和外观的文本字符串。
 

顶一下
(8)
100%
踩一下
(0)
0%
本站声明:本站文章,如无特别说明,均为转载或者节选自其他网站。
如本文内容侵犯了您的合法权益,请与责任编辑联系。谢谢合作!
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
发布者资料
飞雪鸿云 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:1970-01-01 08:01 最后登录:2009-09-24 21:09
热点文章

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

相关教程

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

关于我们 | 站点地图 | 广告服务 | 友情链接 | 论坛 | 沪ICP备05017900号

本站驻搜搜问问特派团队:网页制作新手营

Copyright © 2009-2010 菜鸟阵地