做一个网站需要哪些知识
不知题主想要制作一个什么样的网站,网站看起来简单,其实也有很多理论贯穿其中。在里搜网站创建有很多非常完整的答案,康石石便不再详细分步为题主解答,这里主要针对创建网站的通识理论作简要说明:
一、网站自适应首先谈网页自适应问题,即适配各种端口(电脑,平板,手机)分辨率,有不同的网页布局。新机型一经推出各大设计网站都能看到这款产品的可设计区域。
在这里需要明确一下点、像素渲染、物理像素、物理设备。点是刚开始所有图形位置由坐标点指定。像素渲染是基于点的图像被渲染为像素,这个过程被称为栅格化,点坐标和比例系数相乘得到像素坐标。物理像素是设备屏幕能呈现的分辨率,可能比上一步骤计算的少。物理设备是最后计算的像素显示在物理屏幕上,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
推荐阅读
- 居家养花不需要太多,养这3款多肉,不仅颜值高,而且可镇宅招财
- 同比■同比增长7.1%!2021年的第一个节你花了多少钱?
- “他是我第一个会说普通话的老师”:一对师生折射青海山村蝶变
- 有必要重新开个C店吗
- 大学再有三个月就结束了,没学到知识,参加一个软件测试培训机构好吗
- 汽车|长安UNI-K又将开创一个新的"引力"纪元?
- 旅行|需要准备哪些物品?全面冬季出游清单,建议收藏带宝宝出门旅行
- 有啥方法,网站,项目可以自己练习计算广告学
- 神话|武汉传奇父亲:一个平行班孩子创造的高考神话(感动上万家长)
- 王者荣耀李白能不能出肉