单页网站制作:单页网站组成

单页网站制作之单页网站组成

单页网站制作虽然简单,但是功能强大,实用性强,可以用来投竞价和信息流,卖产品、卖服务、做数据收集和淘宝客都可以。所以,制作属于自己项目产品的单页网站,是有必要的。

在单页网站制作之前,一定要对单页网站的组成,有足够的认识,否则,在单页网站制作过程中很容易出错,导致页面显示错乱,或者文字排版不对,图片位置错误等等问题。所以,学单页网站制作之前,了解单页网站的组成是必须滴。

单页网站制作程序组成

一套完整的单页网站包含空间、域名、单页网站程序。单页网站程序由首页index.html、图片文件夹images、层叠样式表css、ico图标组成。下面对这些组成元素单独做介绍。

1、单页网站空间

网站空间,也叫虚拟主机空间,是存放网站文件、文字、文档、数据库、页面、图片、视频、音频等文件的服务器。可以把服务器理解成比咱们使用的电脑性能更高更稳定的高级电脑,网站程序就是存放在这个高级电脑的硬盘里。

只是很多个人和中小企业都不会自己搭建服务器,设备贵而且维护成本高。专业的服务器提供商架设很多服务器,存放到一个大型机房里,在为每一台服务器安装服务器级别的操作系统,在通过软件分割成几百个虚拟的电脑空间。

咱们跟服务器提供商购买这个空间,存放自己的单页网站程序,提供给自己的访客访问。每年都要续费,也可以一次续费多年,跟交房租差不多。有的公司资金充足,会单独购买一台服务器,托管给服务器进行维护,每年给一定的维护费。

当前还有一种云主机比较流行,主流的有阿里云主机、腾讯云主机、百度云主机等等,可以根据自己的实际需求,选择具体的硬件配置,然后自己在服务器上DIY安装网站运营环境,安全性和稳定性都很好。

不过,采用云主机做单页网站,安装和调试云主机有一定难度,需要具有一定的计算机技术。而且,云主机比虚拟空间贵很多。

2、单页网站域名

域名,科学的定义是:由一串用点分隔的名字组成的互联网上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位。简单的理解,就是由数字、字母和相关符号组成的名字,用来识别互联网上对应某一台电脑的位置。

为什么会出现域名呢?

因为电脑连接互联网,需要对每一台电脑通过一串数字进行位置标记,比如192.168.11.17,称之为电脑IP地址,具有全球唯一性,就像咱们身份证编号一样。但是,记住这些数字太麻烦,还容易记错,就发明了域名与电脑IP互相绑定,以后记住域名,就知道这台电脑或者服务器所在位置。

而要实现访问域名就找到这台在互联网上的电脑,中间需要有个服务功能,称为DNS,它负责实现中间的相互转化。咱们把单页网站程序放到服务器里,访客通过访问域名,由DNS中转一下,找到这个服务器,调用上面的页面,给访客观看。

域名还带有后缀,用来标记域名的不同功能,比如com供商业机构使用,net供网络服务供应商使用,org供政府组织机构使用,cn代表中国等等。所以,完整的域名是这样的baidu.com,danyeyingxiao.com。

这里面涉及到很多网络和电脑方面的技术,不做过多介绍了,有兴趣可以学习“计算机网络工程”方面的技术。

3、单页网站首页index.html

网站首页,是一个网站的入口网页,展示相关内容和导航,用来引导互联网用户通过首页浏览其他部分内容。任何网站都有首页文件,而单页网站的首页文件是index.html,也可以是index.htm,千万别弄错了。

单页网站模板组成

单页网站只有一个页面,所有的内容都集中在首页里面。通过建站软件把图片、文字、视频、订单系统、统计系统、客服系统、脚本代码等等添加到首页,展示给访客浏览。

4、images文件夹

images文件夹,是用来存放单页网站图片、视频、音频、js脚本、PHP脚本等文件的文件夹。通过建站软件编辑单页网站首页文件,把图片、视频、音频、脚本等调用到首页里,展示出来。

整个单页网站程序制作完成后,需要把所有文件,包括这个images文件夹,一同上传到虚拟空间里面。

5、层叠样式表css

css层叠样式表,是用来控制整个单页网站框架架构的,可以控制网页中各种元素在页面中的排版位置,以及字体字号样式的控制。

单页网站模板组成

说白了,就是控制单页网站的外形样式。比如默认字号大小、文字颜色、文字行间距、图片位置等等。

层叠样式表的后缀是.css,建站人员习惯用css.css和style.css两种方式命名。有人喜欢把css单独放一个文件夹里,有的人喜欢放到images文件夹里,有的是直接写到首页index.html里面。

6.单页网站ico图标

favicon.ico图标,一般用作为缩略的网站标志,显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,展示网站个性的缩略logo标志,也可以说是网站头像。

目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。拥有favicon.ico图标,对搜索引擎友好,也有助于品牌宣传。

可以制作长宽为128像素的能代表单页网站个性的图片,通过网上ico在线转换工具,转换成后缀为ico格式的图片,并上传到空间根目录里。然后在首页代码<head>与</head>标签之间,添加如下代码:

<link rel="shortcut icon" href=" /favicon.ico" /> 

添加完成后,把单页网站首页上传到根目录,用浏览器打开单页网站网址,在标签页左上角能看到单页网站的favicon.ico图标效果。

关于单页网站的组成,到这里就介绍完了,以后会继续分享关于单页网站制作、优化、推广等方面的文章,帮助大家学习单页网站制作技术,有不明白的地方,可以在下面留言,或者加QQ/微信282517026咨询,也可以进群128088165一起交流。


部分文章网上收集和转载,版权归原作者所有,如果有侵权请联系删除!

本文链接:http://www.danyeyingxiao.com/danyewangzhanzhizuo/16.html

发表评论

评论列表