做一个网站需要哪些知识？

不知题主想要制作一个什么样的网站，网站看起来简单，其实也有很多理论贯穿其中。在知乎里搜网站创建有很多非常完整的答案，康石石便不再详细分步为题主解答，这里主要针对创建网站的通识理论作简要说明：

一、网站自适应

首先谈网页自适应问题，即适配各种端口（电脑，平板，手机）分辨率，有不同的网页布局。新机型一经推出各大设计网站都能看到这款产品的可设计区域。

在这里需要明确一下点、像素渲染、物理像素、物理设备。点是刚开始所有图形位置由坐标点指定。像素渲染是基于点的图像被渲染为像素，这个过程被称为栅格化，点坐标和比例系数相乘得到像素坐标。物理像素是设备屏幕能呈现的分辨率，可能比上一步骤计算的少。物理设备是最后计算的像素显示在物理屏幕上，PPI决定一英寸装入多少像素。

将第一代Iphone和如今的IphoneX比一下，超级视网膜美化了人们的感官世界。手机端革新最快，网站端在手机、平板、电脑上面的呈现效果，也需要分别Display出来，因此做网站关注网页自适应是非常有必要的。

二、网站前端框架

前端框架可以轻松解决适配性的问题，框架应用于一般情况，提供几种像素类型布局，物理像素通过计算转换到不同的端口。

框架定义了4种像素渲染，0-767px，768-991px，992-1199p，1200px以上。前端框架不单单可以定义尺寸，也可以定义全局样式。全局样式就是指，原本在网站制作软件里面，需要通过插入不同的元素来拼成完整页面，并定义其尺寸。

有了框架之后，框架把一切样式定义了。以表单制作为例，先看一下用框架呈现的代码。

抛弃框架，制作一个一模一样表现形式的表单，是如下图中的代码呈现：

这么一对比，通过前端框架撰写的代码更加简洁，除了Email，Password，File input，Check me out纯文字内容外，其他全部用样式定义尺寸，颜色，行距等。这也大大节省了系统存储空间，样式表在云端共享给世界上用这款前端框架的所有用户。

三、网站软件介绍

制作网站当然需要一些辅助软件，这里将分成前中后期三个阶段简要说明：

1. 前期Cutterman

首先是前期UI设计，在PS中把区域划分、LOGO定义、排版决定、切片输出。而Cutterman就是一款神奇的切图插件，它能够自动将需要的图层进行输出，以替代传统的手工“导出web所用格式”以及切片工具完成挨个切图的繁琐流程。

这个操作很简单，看官网就能明白，而且不同分辨率适配。分辨率适配的问题可以配合文章前面说到的像素点问题搭配理解。

2. 中期Dreamweaver搭配Bootstrap

然后在中期阶段，Dreamweaver软件搭配Bootstrap前端框架。Bootstrap文档包括CSS和Java文件，基本能够解决大多所想达到的效果，如果没有的话，可以再去其他网站搜索Java效果。

每个网站的前中期都是由特定元素组合起来的，除了各个一二级页面，还有css，java，images等。在这些页面完整之后，便进入后端阶段。

3. 后期PHP

网站后端阶段是一个PHP代码输出，逻辑连接的全过程，用Sql Pro这款软件载入用户数据，连接server传送回网页端。一般也就是工程师开发了，设计师们主要担当前期UI，中期UX的设计部分，但是懂得整个流程原理也是很重要的。

以上望有帮助，欢迎交流

———————————————————

欢迎关注我的个人官方微信（kang-shishi）

每周四将为一名同学详尽解答艺术留学问题

如有艺术留学、院校、专业、作品集方面的问题，可私信康石石咨询

Tags：

转载：感谢您对半点优化网(www.bdxc.net)网站的认可以及对作品的青睐，欢迎各位朋友分享到个人网站或朋友圈。转载请说明文章出处“半点优化网”。/wzjswt/42071.html

很赞哦！ ()