全一直以来都是各大站长们比较关心的问题,一个网站,如果没有一个安全的系统环境,做得再好,也没什么意义,一旦遭受攻击,损失就会非常大。因此,学会防范黑客攻击,保护好自己的网站,是必要的。
本人从学习建站到现在,已经用某个系统建站达几百次,不敢说对这个系统非常懂,但最基本的一些东西,我大概还是了解了。这里就给大家分享一下,我在建站护站方面的心得体会。
1、越简单的越安全
我看到有很多站长都喜欢追求高大上的建站系统,有很多站长对系统代码完全一窍不通,花钱请人建个站,连改个标题都不会改。我只想说,你自己又不懂,弄那么复杂的系统,有意思吗?
其实,懂建站的人都应该清楚,最安全的网站莫过于简单的由几个html网页构成的网站,这种是最安全的,就是站内除了有内容的html外,其他什么都没有,数据表也没有,JS也没有,这种网站可谓是无懈可击的。黑客要想攻击这种网站,只有一个办法,那就是弄到你的后台地址,账号及密码。但一个三四流,甚至都不入流的黑客,是没那个水平的。有水平的一二流的黑客也不屑于攻击你的小网站。
我当初就做了这么个非常简单的网站,完全由单页组成,连后台都没有,单页编写好之后,直接通过ftp上传上去。这种,人家如何攻击?是攻击不了的。
所以,我认为如果不是必须要,那完全没必要弄多么复杂的系统,永远记住:越简单,越安全!
2、删除不必要的系统文件
当我们选择一个建站系统之后,一定要针对我们自己的网站,将多余的不需要的文件全部删掉。系统内预设的一些东西,我完全用不到,会员系统,我就不需要,所以,凡是和会员相关的我都把它删掉。又比如,我不需要留言板系统,直接把它全部删掉,一个文件不留。
大部分对网站的攻击,都是通过漏洞攻击的,而所谓的漏洞,都是一些比较复杂的系统文件暴露出来的,因此,不需要的都把它删掉。留着反倒是一种威胁。
3、删除不必要的数据表
事实上,大部分的网站攻击都是通过数据库来攻击的,因此,将数据库中不必要的数据表删掉,这是防范被攻击的一大措施。
我们一定要力求网站系统简单,没必要复杂,复杂不会给你带来任何好运。事实上你会发现,如果你的网站只是一些简单的html单页,搜索引擎收录的速度很快,而同样的页面,你把它放在复杂的系统中,收录速度就很慢。
4、不定时更改后台地址
一定要养成这个习惯,不定时更改后台地址,不能改的除外。之前,我的后台地址两年多没换,结果有一天,我用site查看收录情况时,发现百度竟然把我的后台目录收录了,这可是非常危险的。所以,那以后,我把后台目录改了不说,还把页面做成类似404页面,搜索引擎是不会去收录你的404页面的。
后台目录,我们是不能通过robots文件来禁止搜索引擎抓取的,因为这就好比告诉大家“此地无银三百两”。
5、不定时更改管理员账号密码
管理员的账号和密码是关乎网站安全的,不定时更改,才能保证网站更安全。因为一旦拿到管理员账号密码,整个站就都暴露了。
6、不定时备份整个网站
我们一定要养成不定时备份网站的习惯,包括系统所有文件,包括数据库文件。备份后保存在相对安全的地方,以防发生不测时,将损失降到最低。
我的网站,虽然服务器提供商设置了每天自动为我备份,但是,我还是会不定时自己备份一下网站,以防不测。
7、设置系统文件权限
有些文件,我们不需要写入,那就直接设置为只读就可以了,黑客攻击你的网站时,虽然通过漏洞,但也必须要写入一些东西才行,因此,将文件的权限设置好,也能有效防止网站被攻击。
8、垃圾评论的处理
网站,大部分漏洞都存在于输入口,常言道:“病从口入,祸从口出。”网站也是一样,漏洞都存在于输入口,包括搜索框,评论框等。我是设置了所有评论需要审核的机制,这样,当我在后台见到有些稀奇古怪的评论,我直接看都不看,直接删掉。
网上有一种漏洞攻击方法正是利用评论攻击,一旦你在后台点开查看评论内容,立马就会被对方弄到你后台的地址,账号及密码。因此,那些稀奇古怪的评论不要点开看,直接删掉就好。
这个切记!
9、防范流量攻击
流量攻击,顾名思义,就是通过刷流量等方法耗尽你的网站流量。我在建站初期的时候,也遭受过流量攻击,流量攻击也非常厉害,能在短时间内将你几十个G,甚至上百个G的流量耗尽。导致你的网站关停,网站一旦关停,哪怕只关了一两天,关键词排名就会哗啦啦全掉没了。
因此,我们在选择服务器或者主机时,尽量选择那些不限流量的,这样能有效避免网站因为流量耗尽而被关停,遭受损失。
10、不要在“不干净”的设备登录
这里主要是公共电脑,譬如网吧电脑等,不要在这类型电脑上登录后台,非常危险。我就曾遭受过,我在一个网吧登了一次,结果,页面底部模板中立马就多了一条JS,将所有广告全部换成了别人的广告。
所以,公共电脑最好不要用,用之前可以先杀杀毒,但网吧的电脑大都设置了权限,有些文件你是删不掉的,因此,网吧电脑最好不要登。
作者:溪门飞雪
来源:卢松松博客,欢迎分享。
站使用单页设计还是多页设计?这篇文章帮你理智分析,enjoy~
对于许多网页设计师而言,是选择单页面还是多页面的设计,可能会非常的棘手。随着移动端和社交媒体的兴起,简单快速响应迅速的单页网站,成为了目前网页设计的趋势。另一方面,传统的多页设计也因其广泛的认知,而被广大用户所认可。
所以,真正要在两者之间做取舍,并不容易。单页和多页式的设计哪个更好,影响因素很多。网站的内容如何铺排,导航如何运作,整体的策略和需求,出发点,都会影响到选择的决策。不过,内容始终是最核心的影响因素,从内容入手,分析哪种导航,哪种布局更合适,是一种合理的策略。
当然,具体怎么做,看下去,这篇文章会给你答案。
单页网站,顾名思义,指的是网站本身并没有采用多页式的布局,而是将内容都放置在单个页面上,诸如我们常见的「关于」「联系我们」等分页都是不存在单独分页的。
正如 Awwwards 所解释的那样,单页式网站将内容完全整合在一页当中,使得整个体验更加流畅。用户借助单页内的导航同样可以快速定位,滚动浏览也很容易。
单页网站在为用户提供内容的时候,其信息和内容都是经过筛选和管控的,确保更适宜阅读和浏览。这也是为什么绝大多数的产品页面、作品集和事件相关的页面会采用单页设计。在这样的情况下使用单页设计能够最大程度降低信息噪音的影响,让用户专注于最重要的内容。
为什么那么多人会选择单页设计呢?的确,单页网站更容易理解,拆分出来的区块也不算多,用户也很容易消化。
单页设计更容易直观地呈现整个用户历程。不需要额外的页面加持,访客可以直观而清晰地感知到整个信息流,如果呈现故事的话,起承转合是非常的顺畅的呈现。
单页设计的另外一个优点,是交互足够简单。研究表面,单页网站比多页网站的转化率要高37.5%,用户可以更快地浏览,更快地获取信息,不会因为页面和复杂的交互而分心。
单页式网站在移动端上的优势也更加明显。在小屏幕匹配上更加精简直观的内容,加上简单而自然的滚动交互,用户体验可谓是轻松而舒适。
但是,这还不是全部。设计师从中同样获得不少好处:再也不用增加来回跳转的链接和页面了,工作量没那么大,页面功能也更容易实现,也便于迭代和维护。
单页网站的缺点和优点同样突出。单页网站的缺陷主要体现在几个不同的方面。
单页网站在 SEO 上的优势并不大。事实上,在网站排名这个事情上,单页网站先天就竞争力不足,这也导致借由搜索引擎进入网站的打开率相对较低。由于内容较少,目标关键词在单页网站上常常会被忽略掉。
另外,单页网站也不是成长型品牌在设计网站时候的首选,因为它的扩展性是比较有限的。正如同我们所看到的那样,单页网站的关注度相对较低,不适合大量内容的、信息结构复杂的网站来使用。因此,如果你正在运营一个不大的网站,但是有计划进行多方面拓展的话,尽量选择多页网站设计。
最后,网站本身通常只会有一个 URL地址。这本身并不存在问题,可是当你需要借助诸如 Google Analytics 来分析网站数据的时候,内容并不是通过链接来区分的,这使得你所获得分析数据是非常有限的。
多页网站包含有多个子页面。与单页网站不同,多页网站的设计中需要借助导航来承载不同页面的链接。
多页网站几乎能够承载所有类型的网站项目,诸如 Amazon 这样的电商网站,诸如 Atlassian 这样的仪表盘式的网站,也可以满足 Lynda 这样的在线学习网站的需求。
和单页网站相比,多页面的网站的优点主要体现在三个方面:
首先,多页面网站有着明显更强的拓展性。根据需求创建几乎任意数量的子页面,设计师能够通过整合来创造出可用的导航系统。诸如电商网站,会采用一个大型的自定义导航菜单,搭配上搜索框,用户可以借此抵达几乎每一个页面和产品。当然,值得注意的是,导航的设计应该取决于网站的纵深,这个需要设计师仔细衡量和把控。
其次,多页面网站的导航流程,更容易遵循。多页面的网站设计早在90年代就已经形成了,用户对于这类网站的使用方式早已熟悉,它们的使用已经成为一种约定俗成的模式,遵循即可。
最后,多页面的站点在 SEO 上有着更多的功能和突出的优势。我们都能确定,多页面的网站比单页网站更容易承载更多的内容,在搜索引擎优化上也有更多的潜能可供挖掘,可以承载更加多样的营销策略。
事物总是具有两面性的。多页网站的缺点也是不能回避的问题。
多页面网站需要更加频繁、工作量更大的维护,这无论是对于设计团队、开发团队还是内容团队而言,都是颇为繁重的工作。在选择单页面还是多页面的网站的时候,需要考虑内容的体量和工作量,作出合理的衡量。正如同 Undsgn 所说:「更新和维护单个页面比处理多个页面要容易得多,基本的数学规律你是违反不了的!」尤其重要的是,追求数量而轻视质量对于企业而言是极为不利的。
另外一个需要注意的问题就是网的跳出率。根据《Search Engine Journal》的统计,拥有大量内容的网站相对而言加载速度会更慢,用户注意力更容易被分散,这会导致网站的跳出率提升。虽然并非每个多页面网站都会被内容所拖累,但是内容和信息量的增加是必然会带来注意力的分散,这个是需要注意的。
最后,多页面网站设计在移动端上,也没有单页设计那么友好。和单页不同,多页面网站即使是通过响应式设计在移动端上呈现,在交互和界面上所耗费的时间也是更长的,所达到的效果却不一定理想。你会为了移动端上的一致性,而牺牲桌面端上的一些设计么?
其实今天的文章,我们的目标是通过阐述单页设计和多页面设计之间的差异,让你能够在设计上作出更好的决策。简单总结一下:当你的网站功能比较集中,关注度也较低的时候,单页设计会非常有用,它也是移动端网页的首选方案。如果你需要复杂的、多功能、可拓展式的网站,那么还是采用传统的多页式设计,结合合理的导航设计,并且加入可靠的 SEO策略。
选择单页还是多页,很多时候需要灵活应变,因地制宜,内容始终是网站的灵魂,多考虑用户打开网站时候的使用场景,也许整个局面就很明朗了。
原文作者 : Justinmind
译者/编辑 : 陈子木
译文地址:https://www.uisdc.com/single-page-vs-multi-page
本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Pexels,基于 CC0 协议
先可视化布局并确定哪些元素应转换为flex-containers。
虽然还有其他方法可以实现相同的布局(也许更好的方法),但我只使用flexbox,因为这是本文的重点。
编码前的计划让我提前做出决定
如果没有计划,我可能会混淆要添加的样式,因为元素可以是flex容器,也可以是另一个flex容器的flex项。
我通过在笔记本上绘制页面轮廓来做我的计划,同时在下面标识哪些元素是flex-container和flex-items。
基于以上布局,我想实现以下目标:
A)用于在页面中显示内容的布局。即使我没有太多内容,我的页脚也会粘到页面底部。如果内容无法包含在页面中,我的页面将相应地扩展。
flex-container:body| flex-items:*header*,*main*和* footer*
B)导航项目可以根据屏幕尺寸从行到列排列切换。
flex-container:header| flex-items:nav1,nav2,nav3,nav4
C)主要内容集中。
flex-container:main| flex-items: box 1 and box 2
在造型之前输入html。
Flex-container 1
首先,我除去的默认边距和填充html和body元素,并添加100%的高度。
之后,我通过向body元素添加flex的显示来处理整个flex-container的flexbox属性。这会将body元素转换为弹性容器。
要在页面上垂直列出项目,我将flex的方向列添加到flex-container,然后向main元素添加1的flex,这是flex-items之一。
单值flex属性设置flex 项的增长方式,以适应其flex容器中的可用空间。通过将flex值设置为1,main同时将其他flex-items(header和footer)的flex属性保留为默认值(0),main将考虑到所需的空间后占用所有剩余空间header,main并且footer.
我从上到下添加样式,从标题开始,以页脚结束。
flex-container 2
对于标题,我将header元素转换为另一个flex容器,以将其内容显示为桌面视图中的一行。默认情况下,Flex项目按行排列。
我添加了justify-content: space-evenlyto 的属性,以header确保导航项正确间隔开。
默认marginul和li被删除。
flex-container 3
接下来,我研究main一个包含两个divs 的元素.box。
为了确保main中的内容居中,我转换main为一个flex-container并使用align-items和justify-content居中它的flex-items。Align-items用于沿横轴justify-content设置flex项目的样式,同时用于沿主轴设置flex项目的样式。
之后,我为footer元素添加颜色和填充以使其看起来更好。
最后,我使用媒体查询根据屏幕大小更改导航项的排列。这是通过flex-direction从行更改为列来完成的。
翻译自:https://medium.com/swlh/how-i-use-flexbox-to-create-a-one-page-website-81db78e61738
*请认真填写需求信息,我们会在24小时内与您取得联系。