`

网站开发流程-WEB开发的流程

阅读更多
1. web开发流程概括

1.)项目的角色划分

如果不包括前期和后期的市场推广及销售人员,开发团队一般可以划分为项目负责人、程序员、美工三个角色。

项目负责人习惯称为项目经理,负责项目的人事协调、时间进度等安排,以及处理一些与项目相关的其他事情。程序员主要负责项目的需求分析、策划、设计、代码编写、网站整合、测试、部署等环节的工作。美工负责网站的界面设计、版面规划,把握网站的整体风格。如果项目比较大,可以按照三种角色把人员进行分组。

角色划分是Web项目技术分散性甚至地理分散性等特点的客观要求,分工的结果还可以明确工作责任,最终保证了项目的质量。分工带来的负效应就是增加了团队沟通、协调的成本,给项目带来一定的风险。所以项目经理的协调能力显得十分重要,程序开发人员和美工在项目开发的初期和后期,都必须有充分的交流,共同完成项目的规划和测试、验收。

2.)开发工具的选取:

不象C/S结构程序开发,可以一门语言从头到尾,你用Delphi,就是Delphi程序员,你用VC++,你就是VC程序员。B/S结构的Web开发工作,工具的选择是一件痛苦的事情。从Windows到Linux,从IIS到 Apache,从J2EE到 .NET,从EJB到COM到.NET组件……还有 Asp、Asp.net、Jsp、Php、Perl、Javascript、Vbscript……

美工也轻松不了多少,什么"网页三剑客" "新网页三剑客"、FrontPage、Photoshop、CorelDraw……谁都说自己是最强大的!

我们的经验是,选用工具时最好是统一的,但是也不必刻意强求一致。正是Web开发工具的多样*,才成就了今天互联网多姿多彩的局面。只要程序员的纯Html代码的功夫足够过硬,一般不会影响网站最后的整合工作。

3.)项目开发流程

常规流程:

由项目经理牵头,以程序员为重心,共同讨论,完成用户需求分析,产生网站的栏目规划(用树形图表示),标出哪些是静态页面,哪些是动态页面。动态页面须要程序实现。制定网站的界面框架,包括首页构图,及各页面间的钩稽关系。产生各栏目文件夹的结构图(一些公共文件夹如images、scripts、 styles等需要固定存放,共同调用)。然后由美工根据内容表现的需要,设计静态网页和其它动态页面界面框架,该切分的图片要根据尺寸切割开来。给需要程序动态实现的页面预留页面空间。制定字体、字号、超级链接等CSS样式等。在美工设计页面的同时,程序员着手开发后台程序代码,做一些必要的测试。美工界面完成后,添加程序代码,组合网站,由项目组共同联调测试,发现bug,完善一些具体的细节。最后进行网站部署。以上的每一部都会产生一些阶段性成果,项目经理需要及时进行审核、监督,发现问题即使纠正。

一些技术规则

1.数据库命名约定

2.文件夹命名约定

3.对象及变量命名约定

web2.0下的开发流程:

web2.0注重交互,注重人性化和用户体验,所以一切以设计师和用户体验师为中心。

大致是:体验需求分析--总体设计--UI设计页面设计--程序设计--项目整合--调试--架设+维护

其实和传统的没太大的区别,但是观念上已经改变了,采用开发/任务为主导的页面UI设计, 而不是美工主导的UI设计。一个不好用的东西,再漂亮又有什么用?而且现在的风格趋向是简单,而KISS(Keep It Simple, Stupid) 一直是设计界的最高境界。

2. web开发流程实例/网站开发



3.设计流程

1. 布局,设计布局线搞。

2. 文本排版

3. 明暗度,以单色(黑白灰)填充,描绘明暗的分布。

4. 选色,根据各种因素选择要使用的颜色。

5. 配色,完成整个网页的设计。

4.设计理论

Balance|平衡

Rhythm|节奏旋律

Proportion|比例

Dominance|支配

Point|质感

Line|线条

Form|形体

Color|配色

我想:我们最好还是能试着做个网站,这样我们都能学到较多的东西,学到网站的开发过程及网站开发的相关技术。说到技术,我认为我最好能够尝试使用最新的有前景的技术,当然技术总是会过时的,但我们呢应学习写水准较高的。如果我们自己开发网站的话,我想大部分人都还不懂这方面的东西,需要学习,由于部分同学懂得,因此最好能分成组,分阶段学习相关的东西,学习中相互交流促进,打好基础,或者边学边做。
分享到:
评论

相关推荐

    华为OD机试C卷- 快速人名查找(Java & JS & Python).md-私信看全套OD代码及解析

    私信博主免费看所有华为OD真题、考试报告、手撕代码、面试记录

    Navicat的下载、安装、配置连接与使用教程.docx

    Navicat的下载、安装、配置连接与使用教程.docx

    2024嵌入式面试资料嵌入式软件工程师笔试面试经验分享(应届毕业生)

    2024嵌入式面试资料嵌入式软件工程师笔试面试经验分享(应届毕业生)提取方式是百度网盘分享地址

    运用Qt实现机房预约管理系统,学生提交申请,教师审核,管理员管理帐户及预约清单.zip

    该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

    docker run -d -name redis-exporter \ -p 9121:9121 oliver006/red

    docker run -d --name redis_exporter \ -p 9121:9121 oliver006/redis_exporter:v1.45.0 \ --redis.addr redis://192.168.1.108:6379 \ --redis.password ""

    基于ssm+mysql的校园失物招领管理系统源码+数据库脚本(高分毕设项目)

    基于ssm+mysql的校园失物招领管理系统源码+数据库脚本(高分毕设项目)含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于ssm+mysql的校园失物招领管理系统源码+数据库脚本(高分毕设项目)含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于ssm+mysql的校园失物招领管理系统源码+数据库脚本(高分毕设项目)含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行!

    2024嵌入式面试资料进程线程

    2024嵌入式面试资料进程线程提取方式是百度网盘分享地址

    HIT 软件工程实验二 第一次迭代

    HIT 软件工程实验二 第一次迭代

    PHP公共课平时成绩查询系统(源代码)

    现代信息技术是现代教育技术的基础和核心,培养和创新型的人才必须依靠现代教育技术。从这一层意义上讲,我们说掌握一定的计算机应用技能已经成为国家未来的合格建设者的必备素质,所以现在在大学中对非计算机系的学生开设了计算机文化基础课,并且通过这门课的学习使同学们能顺利的通过计算机等级考试。由于学习这门课的人很多,平时查看成绩就非常的麻烦。本系统就是为了方便老师和同学查看平时成绩而编写的,它具有快速、准确、方便的特点。本系统是学校WEB站点的一个子系统,具有很好的外部接口,能够很好的配合站点的其它子系统服务于学校的成绩管理。

    手写神经网络代码.py

    手写神经网络代码.py

    华为OD机试C卷- 高效货运(Java & JS & Python & C).md-私信看全套OD代码及解析

    私信博主免费看所有华为OD真题、考试报告、手撕代码、面试记录

    华为OD机试C卷- TLV解析 Ⅱ(Java & JS & Python).md-私信看全套OD代码及解析

    私信博主免费看所有华为OD真题、考试报告、手撕代码、面试记录

    华南理工大学数据库系统设计真题

    华南理工大学15-16年数据库系统设计真题(含答案)

    利用Matlab语言实现PID参数的自动整定,并设计了GUI界面,操作简单

    利用Matlab语言实现PID参数的自动整定,并设计了GUI界面,操作简单

    毕设参考-基于Vue的社区拼购商城(毕业设计)

    毕设参考-基于Vue的社区拼购商城(毕业设计) 基于Vue的社区拼购商城是一个结合了电子商务和社交网络的项目,它允许用户在社区内发起或参与拼购活动,以获得更优惠的商品价格。以下是一个基于Vue的社区拼购商城的设计与实现建议: ### 1. 需求分析 - **用户角色**:确定系统的主要用户角色,如普通用户、商家、管理员等。 - **核心功能**: - 拼购活动发起:商家可以发布拼购活动,设置活动规则和时间。 - 拼购活动参与:普通用户可以参与拼购活动,分享活动链接邀请好友。 - 订单管理:用户可以查看和管理自己的订单。 - 商品管理:商家可以管理自己的商品信息。 - 社区互动:用户可以在社区内交流、分享拼购经验。 ### 2. 技术选型 - **前端**:Vue.js、Vuex、Vue Router。 - **后端**:Node.js(Express.js)、MongoDB。 - **数据库**:MongoDB。 - **服务器**:Node.js服务器。 - **开发工具**:Visual Studio Code、WebStorm等。 ### 3. 系统设计 -

    2024年小型通用减速机行业分析报告.pptx

    行业报告

    端午节学校的网页制作赛,制作的一个介绍端午节习俗以及来源的页面

    这是针对于,端午节学校的网页制作赛,制作的一个介绍端午节习俗以及来源的页面, 分为首页和端午习俗页,还有端午由来页,端午人物页。使用了滚动动画,鼠标点击动画,夜间切换模式。

    整站程序雪缘动感在线系统-luckysnow-php

    [整站程序]雪缘动感在线系统_luckysnow-php

    华为交换机和路由器巡检命令

    参看华为交换机和路由器的巡检命令,对显示的内容进行巡检,可以显示设备当前的状态和健康程度

    基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本116.0.5812.0)

    资源包括: 1.Java爬虫实战代码 2.selenium学习笔记 3.代码演示视频 4.谷歌浏览器chrom116.0.5812.0 chrome-linux64.zip chrome-mac-arm64.zip chrome-mac-x64.zip chrome-win32.zip chrome-win64.zip 5.谷歌浏览器驱动器Chromedriver116.0.5812.0 chromedriver-linux64.zip chromedriver-mac-arm64.zip chromedriver-mac-x64.zip chromedriver-win32.zip chromedriver-win64.zip 特别说明:Chrome 为测试版(不会自动更新) 仅适用于自动测试。若要进行常规浏览,请使用可自动更新的标准版 Chrome。)

Global site tag (gtag.js) - Google Analytics