最近耳边一直有朋友跟我说的一些工作现状,现在比较火的就是前端开发和移动开发这两部分,前端开发人员需求量特别大。根据市场的需求,当然我们就要去学习相对应的技术了,这段时间我将开始学习网页制作的相关内容,这篇博客,主要是介绍一下接下来几篇博客的大致内容和具体方向。

      关于这个网页制作课程我是从易云网上听来的,但是这笔记可是原创的,下面开始我们的网页制作之旅吧!~~~~

      首先我们需要对web前端的整理有个梳理性的认识,什么是web前端,web前端包括了具体的什么内容,就算不是程序员的你,也会经常听到现在的一些专业性的术语,ps、css或者什么UI等等,那这些专业性的术语跟web前端之间有什么样的关系呢?带着这些疑惑,我们需要知道的是整个网页制作下来的流程。


我们 从上图可以清楚的看出整个网页的制作流程,策划是对整个网页的整体需求了解以及其他方面的资料收集,后面的交互阶段生成的是交互稿,视觉阶段生成出来的产品就是视觉稿,UI的设计就是通过这两个阶段生成出来的交互稿和视觉稿来进行网页的实际实现。当然上 图显示的都是大部分网页制作的流程,如今有些大公司对于交互显示出来的交互稿也有可以直接交给前端的,中间出现了协作的大部分交互运动。如下图所示,视觉、前端、后端可以在一个时间点同时的并发的进行着,这样不仅能够减小工作的时间,提高效率,最主要的是节约了页面的制作成本。

在这里,每个阶段都有自己的工作职责。

      视觉稿转换成UI,就是一个页面的制作。而交互稿转换成UI,就是要给网页的逻辑开发过程。



针对前端而言,我们就需要将这两份资料稿整理出前端的产物。

      对于页面制作,这里包含:CSS、HTML、PS等,当然能页面制作的语言也不仅仅是我列举的这三个,这个是常用的三个软件。

  • CSS:页面样式的设计
  • HTML:页面结构的设计
  • PS:视觉稿里的图表或者logo切图出来
      对于页面的逻辑开发,这里包括:javascript、DOM等,同样的这里逻辑开发不仅仅只有这两个,但是这里我也只学这两种了。
  • javascript:逻辑的衔接
  • DOM:操作html,css的一些接口

      这里我们的目标是成为合格的前端开发工程师,奔着这个目标,我们就需要从头开始学习,这里框架出我们的方向之后,剩下的就是坚持不懈的努力了,加油吧!

更多推荐

网页制作