首页 web前端 html教程 网站的制作流程

网站的制作流程

Sep 11, 2016 am 11:19 AM

众所周知,一个网站的制作过程,是需要按步就班的,当然,小编在这里说的是纯定制型网站而不是套模版。那么,小编下面就简单说一下,一个定制型网站制作过程。

首先,既然是定制型的网站,也就是从设计到制作到开发,都是一步一步来的,无论是设计还是功能开发,都需要了解客户的需求是什么。那么第一要说的就是设计之初应该做些什么。

1、设计之初应该做些什么

既然是从设计开始,那么就需要知道客户的需求,例如,客户所在的公司什么类型的公司,企业集团类型?电子商务类型,还是政府机关学校类型或者是其他?然后还要看公司规模,根据公司规模来策划公司网站的栏目。然后还要特别注意客户喜欢什么风格,什么色调,页面上有什么需要特别突出的地方,有没有特殊的功能开发等等,然后设计师根据客户所提出的需求开始编写策划方案。方案中主要针对客户所在的公司类型,公司规模,栏目架构,网站风格,整站色调,功能开发作进一步的诠释。

策划方案通过之后,设计师将着手开始按照客户所要求的风格,色调和页面上需要特别突出的地方进行网站首页的设计,首页设计完成之后,会将首页的JPG文件发送给客户查看,并让客户确认之后开始着手子页面的设计。子页面完成之后,也会将设计稿发给客户看,以便按客户要求修改设计稿以及确认设计稿。当设计稿全部确认之后,就要移交到下一步页面制作了。

2、页面制作之初需要注意些什么

当然设计稿完成并已由客户确认之后,那么网站制作流程就该进入到下一步页面制作了。负责页面制作的是前端,也就是将设计稿的PSD文件切片,然后写HTML代码,将设计稿的图片写成网站上的页面。并处理好页面上的JS效果以及调试好浏览器的兼容性,并以和设计稿99%以上的相似度完成页面。这些是前端需要做的部分,那么前端又需要注意什么呢。

首先,在拿到设计稿之后就直接开始制作,这个流程是错误的。直接开始做的话,对于当然的网站肯定是一问三不知,什么东西都不知道,只顾着敲代码做页面,做完之后难免会暴露出一些问题。所以这样是不对的,那么应该怎么做了,小编个人的想法是,在拿到设计稿之后,先不要急着开始制作,先跟设计师将所有页面都过一遍,先了解网站的栏目架构,然后就是页面上需要注意的地方,需要用到效果的地方。全部页面过完一遍之后,再做页面的话,就会轻松很多。

了解了在制作之初需要注意的事项之后,那么在制作页面的过程中又需要注意什么呢。首先,在制作的过程中,将设计稿还原成网站页面是肯定要的,然后按照设计师的设计思路,给页面上需要加JS效果的地方,加上JS效果,例如轮播,选项卡等常用的JS效果之类,最后的重点就是在HTML代码里面需要注意的几个地方,首先是图片的title和alt属性,这样利于SEO优化,有表单提交的页面需要做表单验证等。

3、开发方面需要注意的地方

程序方面的功能开发,一般情况下跟页面制作影响的地方不是很大,如有某些页面上需要开发功能,而设计稿上有这个页面的话,可以跟前端沟通,优先做有功能开发的页面,这样的话,页面制作和功能开发可以同时进行。而程序在开发的过程中需要注意的地方就是,首先也需要了解一下设计稿,在页面制作的过程中,会有需要程序配合的地方,配合部分简单讲解一下就能理解,如果不清楚设计稿,在配合的时候可能就会有诸多问题。这个是跟前端和程序之前的配合默契度也有挂勾的。

以上就是在一个定制型网站项目制作的过程中设计,前端,程序需要注意的地方。当然,这仅仅是在小编的日常生活中所遇到过的,加以整理,写了这么一篇短文,后续还有其他的问题出现,小编会继续更新相关文章。

本文转自:http://www.0731pgy.com/a/news/Industry%20News/382.html

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

> gt;的目的是什么 元素? > gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

< datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

< meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

视口元标签是什么?为什么对响应式设计很重要? 视口元标签是什么?为什么对响应式设计很重要? Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

HTML容易为初学者学习吗? HTML容易为初学者学习吗? Apr 07, 2025 am 12:11 AM

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

HTML中起始标签的示例是什么? HTML中起始标签的示例是什么? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

See all articles