1. 网站怎么开发
准备备案
根据工信部规定，使用大陆境内服务器的组织或个人，若要使用独立域名开办网站 ，就需要履行备案手续。就像开公司要去工商局申请执照一样，在国内，没有备案，域名就不能访问。
备案需提交域名和持有者的相关资料以及所开网站的相关信息，工信部审核通过后，会发放备案/许可证编号。
之后需将该编号挂载在网站首页下方。
如网络的备案编号如下：
备案的目的是防止网站用于欺诈用户、传播不法信息等情况，用于事后追责。
以阿里云备案流程为例：
填写备案信息—> 阿里云初审（2个工作日内）–> 邮寄阿里云幕布、拍照、上传资料（5天左右） --> 提交工信部审核 （15~20个工作日）–> 备案通过。
（如出现信息不准确等情况、需回退修改等时间更久）。
微信的公众号、小程序等对接服务器强制使用备案的域名。
升级为Https(可选)
到此为止，程序已经可直接通过域名访问了。
但注意我们前面访问的网址是以http开头的，即http协议。
我们知道数据在网络上传输是很容易被黑客监听的，http传输的数据都是明文的，数据一旦被监听，就会直接导致用户隐私数据（账号、密码等）泄漏。
解决方案就是使用更安全的 https 协议。 https 协议在传输数据之前进行加密，只有客户端和服务器能解密，即使第三方监听到数据，也无法破译其中的密码信息，所以https是安全的。
网站升级为 https 协议需要有一个网站证书， 证书需要向CA（证书颁发机构）申请， 其价格也各不相同(目前有针对个人用户的免费版证书，一般用于个人博客)，企业版的还需企业相关资料进行审核，通过后才会发放证书。
证书发放后，下载并部署至服务器上即可。
微信的公众号、小程序等对接服务器强制使用https协议
当然如不对接公众号、且网站暂无太过敏感的数据时，不开启https也可以。
至此，全部工作结束。 至于网站日常维护、后期需求变更暂且不提。
2. 网页制作的结构布局有哪些
布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：
1.“同”字型结构布局
所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。
2.“国”字型布局
“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。
这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。
3.T型布局
这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。
4.“三”字型布局
这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。
5.对比布局
顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
6.POP布局
POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。
7.Flash布局
这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是差毕橡这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于虚旁传统的多媒体。不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。下面简单说明：A、页面标题在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。标题的加入在HTML语言中比较简单
电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？
对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲，网页结构的划分需要遵循几个原则：
一、自上而下原则
因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词，所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。
二、从左至右原则
在自上而下的同时，同一行的内容是从左至右渲染，所以在划分结构的时候有从左至右的顺序。
三、一像素原则
这个原则对于初学者来说必须坚持，但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确，尤其是横向。试想，如果外面的盒子宽度是1200像素，里面两个盒子一个600像素另一个601像素，加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。
在说完上述三个原则过后有些人就会一味地追求遵循这些原则，比如在划分结构的时候一定要分为上下部分，但是比如下面我截取这个网页的一部分，图片和文字其实是属于一个整体，文字是对图片的说明，所以就不应该分为上下，而应该水平方向划分，每一个图文作为一部分内容，水平分为四部分：
我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。
说到main区，这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片，这样我们结构的划分也应该有外层一个通栏的盒子，将背景色或者背景图给他，里面再嵌套一个inner盒，给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子，直接main区给固定宽度居中就好了。
那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响，因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分，因为文字都是自带行高的。
另外，有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上，这部分在划分结构的时候可以不用管，因为后期在代码实现的时候我们可以利用定位技术实现。
3. 企业网站该如何做好布局规划
1、企业网站首页常见的布局方式
很多人常常询问企业页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试，下面总结的企业站首页常用到的布局方法，共有6种：
（1）、大框套小框的布局
这种布局方式是最常见的一种布局，不是说这种布局方式一无是处，但我们总不能只会这一种布局方式，次次套用吧？
按照这种布局当然也可以做出来漂亮的设计，但毕竟方框限制的视线的扩展，如果客户要求做出大气的感觉，一般不会按照这种方式来布局，通常来讲，大气意味着开阔视野。
（2）、通栏布局
以下这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。
另外，主视觉部分还可以灵活处理，既可以向上拓展到logo和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。
（3）、导航在主视觉下方的布局
这种虽然不多，但也时不时能看到，导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点，让设计看上去完整、自然。
所以说布局的方式受到多方面因素的影响，不仅考虑到信息内容所占据的空间，还包括你手头现有的素材。
（4）、左中右布局
这种布局方式不常见到，但却是非常富有新鲜感的布局方式，如果你已经做腻歪了水平分割的设计，尝试一下这种布局也未尝不是一种好的选择。
（5）、环绕式布局
这种布局方式看上去更加灵活，banner区域相对较小，就可以在页面放置更多的信息内容。
（6）、穿插式布局
这种布局在企业站中较难看到，用的不多，banner区域相对较大，可以作为一种布局的选择。
上面的6种布局方式只是一些常见的企业类网站页面布局，布局的方式还有更多。实际上，布局就像是摆积木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原则即可，并没有规定一定要怎么布局，或者这种布局方式要比那种更好，只能说某种布局方式更为合适某个页面而已。
2、布局风格统一
在网站布局时，一定要重视布局统一，千万不可因过分追求个性，在布局方面想要给用户更多新颖刺激的感觉而忽略统一性，假如网站布局不统一，在用户光临时对你的网站没有印象，这样是不行的。
3、整洁条理布局
企业网站与展示型网站不同，企业网站想要表现的是企业的形象与推广产品方面，切忌不能让过分花哨的布局盖过产品的风头，在进行企业时，一定要谨记布局要有条理，干净整洁，体现企业形象与产品内容才是根本。
4、个性鲜明布局
网站足够个性才能脱颖而出，但是做好这一点的前提是企业一定要全面考虑到自己的网站布局是不是符合了用户体验度？忆五发现现在好多网站都在设计这个方面做的非常有噱头，但是用户并不是很喜欢，这就是因为忽略了用户的感官视角。
5、导航的布局
网站的导航是非常重要的位置，我们要放上用户最需要的类目，有很多企业网站放上了 新闻动态 、 企业场景 等次要内容放了上去，事实上，用户很少会点击这些东西，且会分散掉他们的注意力，忆五建议大家把用户所需的产品类目放上去为好。我在这里是不建议把所有重点放上这些的，这些东西用户是很少去点击，而且还会分散用户的注意力，得不偿失，建议企业产品站要放上产品的类目，这样方便用户进入网站可以马上看到自己想要的东西。
6、以产品为主的布局
每个搜索产品的用户都是希望能看到实实在在的产品，而不是那些企业新闻、企业简介和一大堆的技术资料的文章，所以应当把这些东西保留一小部分即可，重点放上产品的图片，而且是高清的、有参照物的。
那些有滚动滚动效果的图片也不建议放，如果非要放的话要滚动的速度要慢，而且滚动的产品不宜太多。
7、用户查资料的需求
众所周知，对于企业网站来说真正的用户数量并不是很多，直接在网站下单的用户更可谓是凤毛麟角。基本上来到网站的用户都是奔着查询资料而来。很多企业就忽略了这点，在设计的时候只是单单奔着购买者而设计的，忽略了那些前来查询资料的用户需求，这样的网站很难满足大多数用户的需求，或许这也是你的排名迟迟不上升的其中一个因素哦！
大家都知道，企业的用户群体是非常少的，但是查询资料的用户占据不少。有很多企业站的设计是为了那些购买用户的而且布局，完全没有考虑查询资料的用户，这样的网站是很难取得排名。即使有排名，那也是 垃圾中的战斗机 ，竞争对手的网站稍微满足一些查找用户的需求，那么就会被挤下去。
所以，要先满足大众的需求，网站才能被点上去，排名上去了网站才能曝光于哪些购买用户的视野。
8、样板文字和字体的统一布局
企业站的产品文字本来就少，有很多的企业站是一张或几张的图片，下面有为数不多的几段文字，如果样板文字过多的话，那么页面和页面的相似度会过高，导致被判为低质量页面，影响关键词的排名。
所以，对于像底部的版权，侧边栏的推荐文章、内页的相关文章或者内页的联系方式，能去掉尽量去掉。
字体要统一包括大小、颜色统一，网站的内容字体要适中，12、14号字体刚刚好，字体的颜色要统一为黑色或者深灰，锚文本的字体的颜色要区别于黑色或者深灰色，最好是为蓝色，不能刻意关键词加粗、不能做暗链，均属于作弊行为。
9、视觉效果重要
这里我们所说的视觉效果并不单单只是利用图片和flash做出来的体验效果，大家都知道网站放置过多的图片和flash对于打开速度有很大的影响。我想说，放置少量的图片就可以了，同时在网站布局方面充分利用这些图片，达到完美的视觉效果才是最佳。
10、友链的布局
友链的布局要看情况而定，一般友链都是首页上有，内页没有，也就是说友链只显示在首页上（不是说不能换内页的友链，主要是双方商量好），友链的个数不能超过30个，因为企业站的受众群体小，积累的权重不易，友链控制在30个可以规避因友链牵连降权。
11、不要做回链
很多企业站底部都放有回链，殊不知站在了危险的边缘，回链是老掉牙的作弊方式了，是很容易受到搜索引擎的惩罚，因为回链被降权的网站数不胜数。
所以，我们要摒弃这样的手法，我们要通过正规的优化手法去优化，这样优化之路会走的更远。
12、联系我们非常重要
不要自以为你的产品介绍够详尽，就忽视联系我们这块。淘宝的产品介绍的很详细，而且还有用户的评价，但是还是有很多的人要通过阿里旺旺去进行在线咨询，这个现象告诉我们，不管我们企业站的产品介绍的多么的详细，用户还是会咨询的，所以联系方式应当放在显眼的位置，方便用户的找到我们。