做一个网站需要哪些知识

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

一、网站自适应首先谈网页自适应问题,即适配各种端口(电脑,平板,手机)分辨率,有不同的网页布局。新机型一经推出各大设计网站都能看到这款产品的可设计区域。
在这里需要明确一下点、像素渲染、物理像素、物理设备。点是刚开始所有图形位置由坐标点指定。像素渲染是基于点的图像被渲染为像素,这个过程被称为栅格化,点坐标和比例系数相乘得到像素坐标。物理像素是设备屏幕能呈现的分辨率,可能比上一步骤计算的少。物理设备是最后计算的像素显示在物理屏幕上,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


推荐阅读