HTML5——认识网站与网页

本文介绍了网站和网页的基本概念,包括网站作为文件夹、网页为文件、静态与动态网页的区别,以及URL的组成部分。网页内容通常包含文字、图像和超链接,首页文件名通常为index.htm等。动态网页可通过JavaScript、PHP、JSP等语言实现交互。标准URL格式包括访问方式、主机域名、目录路径和文件名。网页构建涉及主题规划、资料收集、制作、上传、测试及推广维护。获取网页空间有自建服务器、租用虚拟主机或申请免费空间等方式。此外,讨论了网页资源格式、屏幕分辨率以及固定式和相对式网页布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

认识网站与网页

\quad 网站(website):所谓网站可以看作计算机中的文件夹,文件夹中存放着网页文件,网站由网页文件构成,网页之间彼此通过超链接的方式连接。
\quad 网页(webpage):所谓的网页实际上就是一个文件,存放在网页服务器中,网页文件一般由HTML语法构成,必须经过浏览器解析成我们平常看到的网页。常见的网页浏览器有微软的Internet Explorer(IE),Google的Chrome等。
\quad 网页内容通常包括文字数据,图像文件和超链接等,进入网站看到的第一个网页称为首页。
\quad 网页一般分为静态网页动态网页,静态网页指的是单纯地用HTML语法构成的网页,最常见的文件拓展名.htm,.html。 动态网页可以根据运行程序的位置分成客户端处理和服务器端处理。客户端处理的动态网页通常在HTML添加JavaScript等语法,使得网页能够产生一些多媒体效果;服务器端处理的网页指的是添加活动服务语言的网页(eg PHP,JSP等)。
\quad 网页文件命名规则:由字母,数字,下划线,减号组成,区分大小写,建议使用小写。特别注意首页文件名是网页服务器预设好的,通常是index.htm、index.html或default.htm。
\quad 网址:用户可以通过网址(Universal Resource Locator,URL)访问网站。用户访问网站时,用户的计算机被称为客户端,而存放着相关网页被访问的计算机称为网页服务器/服务器端。服务器端和客户端通过HTTP协议进行数据的发送和接收。网址主要用来指出数据所在的位置和访问方式。
\quad 标准的URL格式: 访 问 方 式 ‾ : / / 完 整 主 机 域 名 ‾ / 目 录 路 径 ‾ / 网 页 文 件 名 ‾ \underline{访问方式}://\underline{完整主机域名}/\underline{目录路径}/\underline{网页文件名} 访:////

  • 访问方式:指url访问数据的方式/通信协议。常见的有http,ftp,mailto等
  • 完整主机域名:主机名+域名。
    \quad 主机名通常按照主机提供的服务种类命名,例如www服务的主机,完整主机域名以www开头,而提供FTP服务的主机,完整主机域名以ftp开头。
    \quad 域名是独一无二不可重复的,域名通常包括三部分:机构名称,机构类型以及国家/地区代码
    \quad 机构名称是自定义的,通常以企业组织的名称或缩写来命名。eg baidu,bilibili等。
    \quad 机构类型是为了方便各行各业的识别和管理,常见类型有:.com(公司),.gov(政府机构),.org(民间组织单位),.edu(教育机构),.net(ISP服务商),.idv(个人)。
    \quad 通过国家/地区代码可以很容易地判断出网站是在哪一个国家/地区注册的。eg .cn(中国), .hk(香港地区),.us(美国)。
    注意:有些网址没有国家/地区代码,表示该域名是向美国申请的,.us指的是美国公民/永久居民/在美设有公司的人才能申请,而不满足要求的人向美国当局申请的域名则不带有国家/地区代码。
    https://www.bilibili.com/
    https://www.youkuaiyun.com/
    https://weibo.com/

\quad 网页构建流程:拟定网站主题,规划网站构架与内容,搜集相关资料,开始制作网页,上传与测试,网站推广与更新维护。
\quad 获取网页空间的方式:执行架构网站服务器,租用虚拟主机,申请免费网页空间。
\quad 网页资源格式:常用图片格式(JPEG,GIF,PNG);常用声音格式(WAV,MP3,OGG)。
\quad 屏幕分辨率:屏幕分辨率就是计算机的桌面大小,我们所看到的计算机屏幕图像都是有水平和垂直的像素构成(屏幕显示的最小单位),像素密度越高,分辨率越高,图像越细致。
\quad 固定式方式与相对式网页:固定式方式的优点是网页排版可以固定位置,文字和图形不会随着屏幕分辨率而产生位移,缺点是超出屏幕水平宽度的部分会被截断,必须拖拽水平滚动条才能浏览完整的网页;相对式网页的网页宽度以百分比来做设置,优点是网页内容的宽度会随着屏幕分辨率变化而发生调整。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yun_gao_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值