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

孙健工作室    2018-07-15    3825

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

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

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

单页网站制作程序组成

一套完整的单页网站包含空间、域名、单页网站程序。单页网站程序由首页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一起交流。


网友评论

  • 2018-07-20 18:44:41

    关于单页网站,介绍的很详细很全面。

  • 2018-07-20 19:01:45

    单页网站看起来挺实用!

猜你喜欢更多

  • 单页网站制作:添加单页网站内链

    单页网站制作:添加单页网站内链单页网站想要获得好的排名,需要做好2方面:内优外推。所谓内优,是指做好内部优化。外推,是指做到单页网站的外部推广。才能获得好的排名。很多人做网站,只注重网站的外部推广,买...

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

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

  • 单页网站制作之添加流量统计

    单页网站制作之添加流量统计单页网站制作好了,程序上传到空间,或者云主机里,做好空间绑定和域名解析,整套单页网站制作流程就完成了。其实,这也只是开始,因为咱们需要对访问网站的访客,进行统计,比如通过什么...

  • 单页优化:网站关键词和描述写法

    网站的关键词和描述,都是用meta标签,写到页面代码里面的。虽然百度现在已经不把meta标签内容作为网站优化排名依据,但是,还是要写上,因为访客在百度搜索出你的网站会在缩略图里看到这些描述简介。1.关...

  • 单页优化:title标题高级优化

    标题,可以理解为网站的名字,是网站优化最重要的指标,用来告诉搜索引擎和访客网站叫什么是做什么。通过这个标题,搜索引擎能够搜录网页,访客能够找到这个网站,所以,任何一个网页title标题重要性是最高的,...

  • 单页制作:竞价单页网站制作(下)

    单页网站,可以用来做竞价、网盟,也可以做产品销售和服务的展示,以及客户数据的抓取,都在使用单页网站。无论是个人创业者,还是国际知名大公司,他们也都使用单页网站,为自己的产品做宣传做展示。单页网站,在各...

  • 单页制作:竞价单页网站制作(上)

    单页网站,可以用来做竞价、网盟,也可以做产品销售和服务的展示,以及客户数据的抓取,都在使用单页网站。无论是个人创业者,还是国际知名大公司,他们也都使用单页网站,为自己的产品做宣传做展示。 单...

  • 单页网站添加百度分享

    什么是百度分享?就是用户浏览网站内容时允许把你网站分享到各大社会化网站获得展示机会的一种代码。添加百度分享代码有什么好处?1.引入社会化流量用户浏览网站内容时产生的分享行为可以增加网站内容在腾讯空间、...

  • 给单页网站添加ico图标

    什么是favicon.ico?中文名字叫网站头像,除网站标题外,使用图标方式来区别不同的网站。使用浏览器打开网站的时候,在URL前面显示的小图标,或者在搜索引擎搜索网站的时候,在标题前面显示的图标,就...

  • 单页网站优化:标题优化

    网站的title用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎在判断一个网页内容权重时,title是主要参考信息之一。网页title是网页上主要内容的概括,搜索引擎可以通过网页标题迅速的判断...

  • 单页网站优化:空间的选择

    一个完整的单页网站,由3部分组成:域名、空间、单页程序。只有具备这3个元素,才能算是一个完整的单页网站,而上篇文章“单页网站优化之域名的选择”,介绍了选择域名要注意的问题,今天咱们详细讲讲空间的选择。...

  • 单页网站优化:域名选择

    一个完整的网站由3部分组成:域名、空间、网站程序,三者缺一不可。一个好的域名,方便客户记忆,方便客户访问,能减少客户记忆时间,提高网站的信任感和口碑。访客来到咱们网站,第一印象是域名,而能否让访客快速...