杭州网站建设公司专业提供企业网站建设、开发设计

当前位置: 主页 > 新闻资讯 > 行业新闻 >

网站开发的要点须知以及相关改造的知识科普

日期: 2019-06-03      浏览次数: 62   文章来源:杭州建站有限公司


上一篇:网站建设的常见问题以及功能说明     下一篇:没有了

随着科技的不断发展,很多的企业为了提升其工作效率,都开始开发起了属于自己的网站,而网站开发的过程也是较为复杂的,其中我们要注意的问题相对来说也是比较多的,而今天,我们要了解的就是网站开发方面的知识。下面我们就“网站开发的要点须知以及相关改造的知识科普”来详细了解下。



【网站开发的三大度】


很多站长都有和我同样的困惑,做网站,到底是应该用现成的CMS,也就是Content Management System,也就是俗称的“内容管理系统”,还是应该自己学ASP或者PHP,JSP这样的脚本语言来自己设计网站呢?


网站建设为您解析。做网站觉得,这里有一个度的问题,这个度是一个范围,是一个个人的把握,我简单的把这个度的概念分成几个方面:


1)度的方面:你的创意是否独到?


之所以把“创意”放在个方面,是因为网络在国内发展了这么多年,几乎所有你能想到的方法,别人都会想到,这一点我想在大家注册域名的时候,肯定会深有体会,你能想到的域名,别人也机会都能想到。


所以一个COM的域名,一定是一笔不小的财富,这里当然要求你把这个COM域名坚持做下去,比如,每天都更新一篇,这样,见到到,你的COM域名也有不小的收入!


这是题外话,继续回到“创意”的话题上来,之所以说如果你的创意不够好,只是模仿别人的话,或者甚至只是做一个“垃圾站”的话,那么,你就应该坚定的先选用CMS,把你的网站先搭建起来,然后做好内容,一定不要在这个问题再犹豫不决了,否则你丢失的不单是时间,更有你日后由于坚持所带来的收获!


2)度的第二方面:安全性,是影响你选择的重要因素!


当然,ASP或PHP等语言发展到今天,早已经不是早年用几句ASP语句,就能写出一个记事本的年代了,漏洞的泛滥、脚本攻击、网站挂马,让无数站长刚刚发展有点起色,网站就被发现有木马,然后就是被BAIDU、谷歌降权,你的辛苦付之一炬!


相信这都不是你所希望看到的结局。这里一个比较好的方法,就是选择比较成熟的CMS,比如织梦、比如动易,这两个是比较有特色的CMS,一个是PHP,一个是ASP,前者是后起之秀,功能方面一直在持续更新,后者是ASP的鼻祖,功能稳定,一直在安全性方面深耕细作!所以,选择一个你喜欢的CMS,做下去一定有所斩获!


3)度的第三方面:你是否有编程的基础?


可能使用CMS的朋友都有这样一个苦恼,就是功能上不能满足自己的要求,在CMS的官方网站,苦苦询问却没有人回答,这样觉得很被动,恨不得一下就自己放弃这个CMS而自己去学语言,而不依靠CMS。


其实这样想,是不完全对的,CMS有自己的优点与缺点,但是对入门的站长来说,却是利大于弊!


你不用苦恼的去学习变量、循环、挑战、命名空间、等等这些苦恼的变成语言,学习一点SCRIPT,做出一点效果,你也不能随意的从网站上下载来直接用,和你的网站一定要能结合起来,才能做到事半功倍的效果,但是又谈何容易呢? 


这里也适当的鼓励广大的站长,学习一点动态的脚本语言知识,JS脚本知识,学习一点AJAX异步更新,可以给你带来更好的用户体验。


【网站开发之自适应网站的调整介绍】


自适应网页不像传统网页仅仅需考虑一种情况,不仅仅一定是提交一套设计完成稿就完事儿了,它给设计、前端工程师和开发团队之间的协作方式带来新的挑战。


在一个繁杂商品全面自适应的项目里,交互每个阶段该产出什么内容?交互与视觉怎样协作?前端工程师何时介入?哪些项目让后端开发来做更合理?我们得到了一些答案。


自适应设计之所以叫自适应“设计”而不叫自适应“技术”,一定是因为它一定是一项设计先行的工作。需要设计先明确好响应方式再实现出来,决不能出一套设计完成稿后等着前端工程师看情况把它变成自适应网页。


习惯了电脑端网页的前端工程师开发者可能更加喜欢用电脑端来掌控大小,然而在自适应的网页中出现更多的一定是em和rem,用这些来掌控页面字体大小甚至一定是框体大小对整体的效果非常明显。


例如,我的页面字体设置一定是10px/20px/30px等等有差异的,这些地方自然页面字体会有大小的差异是必然的,假如一个网页足够繁杂或一定是文字足够多的话,这些页面字体的大小设置也一定是一个量很大的工作,不过在自适应网页中你设计完这些并不仅仅一定是完事。


你用手机浏览一下网页会发现页面字体会撑的很大,甚至有个别标题撑满了手机屏幕,这对移动端客户的体验影响可想而知。


因此你要开始写媒体查询,然后发现一个网页有几十个页面字体需要设置,假如把这些在有差异显示分辨率下一一调整你可能需要写百句以上的css代码,然而假如你用em/rem,就能够把工作量大大减小,同时还能够保证页面字体的统一比例。


关于em/rem的解释大家可以自行查询,网上这类教程数不胜数,实际上这些就和px一样简单,当我开始用之后也不过仅仅花了几分钟熟悉这些。


就像前面说的一样,你也可以用这些来掌控框体的大小,然后再自适应的网页下统一缩小放大,当然这需要足够多的计算。另外值得一提的一定是页面字体图标也可以用这些来掌控,具体可以参考有差异“页面字体图标”的官方文档。


解决缩小放大问题的思路有好几种,适合新手的无疑一定是百分比式的布局,在关键的width设置下百分比能够起到出乎意料的效果。


并不仅仅一定是推崇全部使用百分比来布局,然而有时候这可能会大大减少工作量,给box1width设置之后它会自动以width填充满整个浏览器,不管你一定是手机电脑端什么内容显示分辨率,它总一定是有很好的表现。


这时候你给box1下面的ul设置左右2%的margin也一定是如此,随着浏览器窗口大小改变时ul的  实际margin大小也会随着变化,这么一说大家多少也都理解了百分比布局的概念。


当然有时候也不会有想象中的效果,特别一定是在较小的显示分辨率上时,原来看似不错的百分比设定会显得很怪,因为自适应多数时候仅仅约定width,长度都一定是由文档和浏览器来决定的,这时候想要在所有的终端上都有很好的体验就需要Media Query来解决问题。


通俗的解释就一定是CSS的媒体查询功能,它既能够准确的识别设备也能够自己设定显示分辨率或者width,w3cshool里有Media Query的参考文档,假如你嫌文档太多我可以粗略的解释一下它的工作原理。


在有必要的时候你可能会给一个box设置height,当box拥有500pxheight时它可能在电脑端上看起来不错,然而用手机打开时就有些吓人了,整个box充斥了网页,里面的内容排列混乱,严重的影响了客户体验。


这时候你就可以使用媒体查询Media Query,用它单独的为有差异大小的设置有差异的height,比如640/320打开时box时就分别处于300/200px的height,这样看起来就不错了。


大家可能会想到import,实际上媒体查询就可以这样理解,它为有差异的width或设备设定了类似于import的css规则,保证了实际渲染完成网页的效果。


媒体查询也可以为一个网页准备多个有差异的CSS,当设备大小有差异时使用有差异的CSS文件,假如样式文件比较大也可以考虑这种方法。


我见到过和实际使用的前端工程师框架中,不少都一定是富前端工程师类型的设计,并不建议新手前端工程师盲目的使用框架来布局,不管框架看起来多美好。


在实际的使用过程中大家可能会发现很多问题,比如类名太多太繁杂(在没有很多的css经验时可能对约定的类名所知甚少)、样式冲突。引入资源过多导致网页繁重、偏离设计效果等等。


就拿bootstrap来说,假如你要设计一个类似于google的查询框就显得很难,google类型的查询框实际上一定是将一个input包含在box里面,然后在这个box里面再加上左右图标,假如你用bootstrap来做可能会出现很多莫名奇妙的冲突,然而实际上你得到了什么内容呢?一个圆角一个行高?还一定是他的百分比width呢?这些用css来写仅仅不过一定是几句代码的事。


在这个新的端层里,前端工程师的工程师可以根据有现实的决定权,这会使得在不触及后端架构的情况下,让所有设备上的体验更为快速、响应、可用。


以上关于“网站开发的三大度”和“网站开发之自适应网站的调整介绍”的介绍,希望能让您了解“网站开发”带来帮助。

上一篇:网站建设的常见问题以及功能说明

下一篇:没有了