1.网站空间，也叫虚拟主机，现在流行使用云服务器，根据配置高低、流量多少、带宽多大费用不同便宜的一年200元左右，贵的几千几万不等，一般的网站用虚拟主机就行一年也就是200元左右，如果流量大需要做推广可以选择服务器具体这个自己来定。
2.域名，最好是用.COM的一年60元左右
3.网站程序文件，需要找专业的网络公司做开发，常规的电脑站开发价格5000元左右 电脑 手机自适应的开发价格8000元左右，不同城市不同地区价格会有所不同，一线城市价格普遍比较高，三四线城市相对价格低些，定制的最终价格要看你的最终的功能和设计需求，美工要求高或者功能复杂的话价格会相对高些。
4.备案，这个是免费的，一般给你做网站的公司都提供免费备案。
5.后期售后，后期售后一般首年是免费的，一年以后需要交纳服务费用，主要服务费用包含的是空间和域名续费和网站常规管理维护每年1000元左右
如果感觉定制价格高的话可以选择模版，模版的话几百的不等，模版不利于搜索引擎收录排名，因为很多人都在用同一套模版，而且模版不支持定制想要的功能，模版系统里有对应功能就能用没有的话是无法二次开发实现自己想要的功能的，想要通过互联网让客户找到你，或者想要后期网站做优化排名或者营销推广，建议做纯手工定制开发的网站，定制开发的网站后期可以无限扩展增加新的功能需求，后期也可以做营销推广使用。
自适应网站是什么意思
自适应，字面意思就是自动适应。比如你投影的几何图元，有了自适应（就是鼠标右键点击后自适应前面有对号），在原零件改动后，投影的部分会自动更改。
所以在用自适应之前，你需要让两个零件间有可靠的关联性。
在imate中经常用到自适应，（imate的意思是i mate，i在英语中有自动的意思，mate就是匹配的意思），但是自适应并不需要你去做什么，你唯一需要做的就是选择要不要自适应。（就是在自适应前面要不要打对号）。
自适应是实现智能化装配的很重要的命令，你要经常联系，体会它的妙处。
自适应网站设计规范
一、什么叫自适应网站设计
顾名思义是指网页自适应显示在不同大小终端设备上，一次设计，普遍适用，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。自适应网站设计也通常被大家称作做响应式网站设计。
二、自适应网站设计的优点
自适应网站设计可以在网页地址不变的情况下满足用户在不同设备上浏览访问的需求，同时方便网站内容的管理与更新、针对搜索引擎友好等特点，这也是自适应网站设计的最大优点。
三、自适应网站设计的缺点
通过众多的网站设计公司和网页设计师我们了解到自适应网站设计的主要有设计难、实现难、成本大三个缺点，也被大家称作通往自适应网站设计的三座大山。下面唯艺互动-高端网站设计就以我们网站设计的经验详细说说自适应网站设计中的一些缺点。
1、设计难
在自适应网站建设过程中，需要考虑的内容更为广泛，而且还有考虑其他方面的一些问题。比如可读性、区域面积及不同设备下运行的状态等。这对于设计师的要求甚高，这样导致要做一个完美自适应网站变得很难。
2、实现难
响应式网站主要是一HTML5、CSS3为基础，需要精通这两种技术的高手。现在能够将这两种技术运用到恰到好处的网站设计师并不多见，如果设计师对这两种技术不够精通，会导致就算设计师做出很棒的页面，但是实现以后，不会完全一模一样。
3、成本大
因为自适应设计需要对多个界面兼容、功能调试，导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。自适应的网站需要有很多功能，比如界面的融合、功能的调试等，这些都是需要不断磨合才能实现，而这样的网站成本也就自然的比较高了。
以上就是自适应网站设计的优缺点分析，当然通过努力都是能够克服的，毕竟需求性高的网站成本都不低。
四、自适应网站设计的注意事项
1、将网页修改为百分比布局
当某个浏览窗口处于媒体查询固定的范围之外，网页就需要水平滚动才能完整浏览，而通过百分比布局可以页面元素根据窗口大小在一个又一个媒体查询之间灵活修正样式，具体来讲，就是css代码不会指定具体像素宽度：width:xxxpx;而是会指定一个百分比宽度：width:xx%;或者直接就是width:auto;这里大家可以根据一个简易的公式将固定像素宽度转换成对应的百分比宽度：目标元素宽度÷?上下文元素宽度?=?百分比宽度
2、要阻止移动浏览器自动调整页面大小
iOS和Android浏览器都基于webkit核心，这两种浏览器以及其他的很多浏览器都支持viewportmeta元素覆盖默认的画布缩放设置，只需在HTML的标签中插入一个标签，标签中可以设置具体的宽度(如像素值)或者缩放比例2.0(设备实际尺寸的两倍)，下面是将一个页面放大到设备实际尺寸两倍显示的meta标签示例:
3、用CSS如何控制网页中图片自适应大小
在设计自适应网站页面时图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢？
4、用em替换px
目标元素宽度?÷?上下文元素宽度?=?百分比宽度这个公式也适用于将文字的像素单位转换为相对单位，现代浏览器的默认文字都是16像素，因此一开始给body标签应用下列任何一条规则所产生的效果都一样:
5、要主要流动布局（fluidgrid）的使用
“流动布局”指的是各个区块的位置都浮动，不是固定不变的。
.main{float:right;width:70%;}
.leftBar{float:left;width:25%;}
这么做的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向溢出，避免了水平滚动条的出现，大大提升了用户的阅读体验。绝对定位（position:absolute）的使用，也要非常小心。
以上就是唯艺互动高端网站设计在自适应网站设计过程中总结整理出来的一些资料，希望能够对您有所帮助。
