网站设计流程

news/2024/5/12 21:53:54/文章来源:https://blog.csdn.net/yuelengxin/article/details/625087

以理论的角度:

使用NoahWeb进行网站开发,您可以将开发过程分为三个阶段:需求阶段、实现阶段、以及发布阶段。在三个阶段中,您同样可做到始终探索用户需求,多次将DEMO交付客户进行演示,网站开发中由于NoahWeb程序编码特点所以您团队中的美术人员和程序人员编写的逻辑与表现是被分离的,整个网站开发阶段美术或逻辑的修改NoahWeb都可让您快速、轻松的面对。

 

 

 

 

  • 需求分析阶段:

     

    这一阶段,您的需求分析人员首先设计出站点的SITEMAP,之后规划站点所需功能、内容结构页面等。功能、内容结构页面演示给客户可以让您迅速的了解到客户真实需求。减少变更的可能性。

    该阶段所要输出的文档:

    A. 站点SITEMAP的Excel文档。

    B. 所有静态内容的HTML文档。

     

  • 实现阶段:

     

    在功能、内容结构页面被确认后,您可以将功能、内容结构页面交付美工人员进行美术设计,随后再让客户通过设计界面进行确认,当用户对美术设计也确认以后可以开始为客户制作静态站点。再次对客户进行演示,在此静态站点上直至将界面设计和功能修改到客户满意。随后进行数据库设计和编码开发。编码时您的编码人员可以轻松的使用NoahWeb表现层指令快速将静态界面编码为动态界面。

     

  • 发布阶段:

     

    您的美术人员和编码人员依旧可以非常容易的根据需求变更修改站点,试运行阶段编码人员还可以根据NoahWeb引擎自动收集到的日志进行排错,测试。直至最后交付客户使用。

  • --------------------------------------------------------------------------------------------------------

  •  

    以实践的角度:(重点)

    一.概念

    网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

    二.需求分析

    项目立项

      我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。

    客户的需求说明书

      第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:
    1.正确性:每个功能必须清楚描写交付的功能;
    2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;
    3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;
    4.简明性:不要使用专业的网络术语;
    5.检测性:如果开发完毕,客户可以根据需求检测。

    三.系统分析

    网站总体设计

      在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:
    1.网站需要实现哪些功能;
    2.网站开发使用什么软件,在什么样的硬件环境;
    3.需要多少人,多少时间;
    4.需要遵循的规则和标准有哪些。

    同时需要写一份总体规划说明书,包括:
    1.网站的栏目和版块;
    2.网站的功能和相应的程序;
    3.网站的链接结构;
    4.如果有数据库,进行数据库的概念设计;
    5.网站的交互性和用户友好设计。

    网站建设方案

      在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:
    1.客户情况分析;
    2.网站需要实现的目的和目标;
    3.网站形象说明;
    4.网站的栏目版块和结构;
    5.网站内容的安排,相互链接关系;
    6.使用软件,硬件和技术分析说明;
    7.开发时间进度表;
    8.宣传推广方案;
    9.维护方案;
    10.制作费用;
    11.本公司简介:成功作品,技术,人才说明等。

      当您的方案通过客户的认可,那么恭喜你!您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:

    网站详细设计

      总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。

    四. 项目实施

    整体形象设计

      在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
      整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格,完成后,供客户选择。
      记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。

    开发制作
      到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。

    调试完善

      在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
      为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。

    宣传推广

    宣传推广的基本方法有:
    1.网页里设置适当的META标签;
    2.各搜索引擎登录;
    3.准备新闻稿件在各新闻公告板发表;
    4.合理使用Email邮件列表;
    5.广告条交换;
    6.付费广告。
      至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。

    维护

      网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是
    1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复;
    2.网站流量统计分析和相应对策;
    3.尽量推广和使用您的网址;
    4.网站内容的及时更新和维护。

    五.遵循的规范

    1.网站建设目录规范
    2.网站文件命名规范
    3.网站建设尺寸规范
    4.网站首页head区代码规范
    5.网站连接结构规范

    ------------------------------------------------------------------------------------------------------------------------------------------


    具体而详细的步骤:(适合个人开发)

    建设一个网站是需要很多步骤的,不同的设计师有着不同的设计理念。现在笔者就设计网站的基本流程给大家谈谈个人观点。


    1、申请域名


    有人曾预言“到2005年.com国际域名将枯竭”,我们不讨论这句话是否正确,但这句话却显示了当前国际域名的基本情况,国际域名分为三种.com、.net和org。最具商业价值的是.com域名,一个涵义深刻简单易记的域名是一个网站成功的首要前提。


    2 、网站题材


    现在网站题材有很多,比如娱乐休闲、体育、综合门户、就业、音乐、社区等无奇不有包罗万象。所以在选定题材时一定要有创意,选定题材的原则是在竞争方面不激烈而最具潜力。这需要进行大量的市场调研和咨询,一定要论证该题材的可行性,否则策划的网站生命力不强壮,投入的巨资很难有回报。这一步是整个网站策划环节最为重要的。


    3 、网站模式


    B2C、B2B、C2C、C2B等网站商务模式,每个模式都有不同的运作方式,模式的确定有助于网站在硬件资金投入的确定,对后来得网站设计等方面起着一个指导作用,这是电子商务网的设计定位。如果企业宣传或其它类型网站的话,就需确定访客是那种类型,比如企业、女性、老年人、白领、还是学生等,这样的有助于网站内容风格的确定。


    4、 网站资料


    网站最忌讳多而杂,一个网站不可能在任何方面都有所涉且都很全,这类网站有很多且美其名曰:我这是门户站点,内容应该多一点。网站在收集资料时不要追求多而全,应该专而精。使网站在某一领域中很全面、专业和深入。


    5 、网站的名称


    有了前面的工作,剩下的就很简单了。给网站起名时要适合下面几条特性,网站名是不是与网站主体相符、容不容易记、是否标新立异、是否能让人接受等。给网站起名非常忌讳狂妄、反动、色情等字眼,以免惹火上身。


    6、 网站Logo(标志)


    Logo的作用很多,最重要的就是表达网站的理念、便于人们识别,广泛用于站点的连接、宣传等。如果网站是企业官方网站的话,最好还是在企业商标的基础上设计,不要做太大修改,保持企业整体CI形象的统一。因而,logo设计追求的是:以简洁的符号化的视觉艺术形象把网站的形象和理念长留于人们心中。


    7、 网站设计


    网页设计师可根具前面的策划来设计网站的初始图样、HTML布局和导航,如果通过审定,就开始进行网站前台设计和后台编程开发。网站运行平台也需要考虑,这样有利于网站后台开发语言及数据库的选定。


    8 、网站测试


    由于网站刚开始不是满负荷运转,测试不能反映网站的问题。一般情况下网站测试需花6个月左右,在这段时间里要统计网站访客、以及满负荷的运行速度、数据库出错概率等,以便对网站及时做出调整。

     

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_877748.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

负载测试—网站的“体能”测试

通常来说,负载测试可以采用手动和自动两种方式。手动测试会遇到很多问题,如无法模拟太多用户、测试者很难精确记录相应时间、连续测试和重复测试的工作量特别大等。因此对于负载测试,手动方式通常用于初级的负载测试。目前,绝大多…

如何查看网站的端口

转:http://jingyan.baidu.com/article/4dc40848be2fd2c8d946f1a0.html 本文教您: 1,网站的域名和端口是什么含义 2,网站的端口到底有哪些 方法/步骤 1 通俗化解释什么是网站的端口,特别实用。 ---------------------------------…

ubuntu网站服务器环境搭建

转账自:ubuntu网站服务器搭建 如果想用Ubuntu作为网站的服务器,一些基本的服务是必备的。本文对环境的搭建做一个简单的整理。 Appach Apache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和…

WordPress 网站漏洞扫描 wpscan Kali Linux

在 WordPress 网站漏洞扫描,我将向你展示一些有用的命令 , 我们可以使用在 wpscan 搜索已知的漏洞在 wordpress 博客。 打开终端 , 使用下面的命令以启动对目标 wpscan WordPress 网站。 使用 wpscan --url blog.tld (更换 blog.tld 域与要扫描的漏洞。…

linux获取网站的响应时间

一个简易的抓包脚本 ----- url_check.sh ----- if ! [ $# -eq 1 ] then echo "Usage For example:" echo "$0 www.yy.com" exit -1 fi domain$1 echo "输入URL:"$domain echo "" echo "开始curl检测:" cu…

Git 分支 - 分支的新建与合并 分支的新建与合并 让我们来看一个简单的分支新建与分支合并的例子,实际工作中你可能会用到类似的工作流。 你将经历如下步骤: 开发某个网站。 为实现某个新的需求,创

Git 分支 - 分支的新建与合并 分支的新建与合并 让我们来看一个简单的分支新建与分支合并的例子,实际工作中你可能会用到类似的工作流。 你将经历如下步骤: 开发某个网站。 为实现某个新的需求,创建一个分支。 在这个分支上开展工作。 正…

怎样得到一个清爽干净简洁的CSDN文章页面?开源一个小插件,可自由定制用于其他网站。【含视频教程】

!!!想直接看视频教程的请点这里!!! 一、原版CSDN文章页面与清爽版对比 1.1 原版CSDN文章页面 原版页面分了三次截图还没截全: 1.2 清爽版CSDN文章页面 二、忍不住吐槽一下CSDN(…

360浏览器访问https网站直接跳转 se://error/ 或者se://errorpage/问题(无法打开网站,网页走丢了)解决方法

最近发现360浏览器访问某个https://网站直接跳转 se://error/ 或者se://errorpage/具体如下 用其他浏览器,例如chrome就可以正常访问那个https网站。所以问题出在浏览器这块了。经过查询资料和测试发现,这个问题的正确解决办法有两个 1、如果安装了IE8等…

iptables+shell防御网站

1.简易搭建一个web服务器 2.分析访问HTTP的日志,目录在 /var/log/httpd/access_log 3.根据网站一分钟之内的访问量来判断,限制IP过多访问,所以要设置时间变量来控制时间。先通过awk进行日志筛选出符合条件的ip,然后通过iptabl…

使用tomcat和mybatis模拟在线人数统计和网站的访问量

思路 使用一个文件来存储网站的总访问量(在这里时以键值对的形式来存储 比如count0 然后通过一个properties通过count去获取值也就是访问量),每登陆网站一次就让文件存储的时加一 用setArrtibute 方法给我们需要展示在页面的总访问量赋值 每…

如何利用客户端缓存对网站进行优化?

介绍 你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化? 很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 Com/Enterprise Libiary Caching/W…

资源全部到位但是网站渲染不了的原因

1、用nodejs写的网站所有资源都到位,但是页面不被渲染 2、在网上找了很久都没找到原因,最后发现是页面请求js、css等的type为html(即:Content-Type:text/html),导致js、css被当做html来解析&am…

nodejs网站开发随记-20140924

记录用nodejs开发的这个流程 1、项目目录 2、目录解析 public:放置js、css、图片等页面渲染的文件; routes:负责页面的调整; server:服务端流程处理及提供数据 view:放置html app.js:启动服务器

使用nat123部署内网网站允许公网访问

1.注册一个nat123账号 注册地址:http://www.nat123.com/UsersReg.jsp 2.注册之后下载客户端以及登录 客户端下载地址:http://www.nat123.com/Pages_2_32.jsp 3.客户端添加映射 4.上面完成之后发现映射提示端口不通(防火墙已放开这个端口),这是因为没有应用监听这个端口 4.…

几分钟上线一个网站,这些神器我爱了

点击“”,关注,置顶公众号 每日技术干货,第一时间送达! 1、ToolJet 简介 ToolJet 是一个开源的低代码框架,可以快速构建和部署内部工具,而无需工程团队付出太多努力。您可以连接到您的数据源,例如数据库(如 PostgreSQL、MongoDB、Elasticsearch 等)、API 端点(To…

新浪网站首页同款选项卡

新浪网站首页同款选项卡 选项卡效果选项卡的布局和 javascript 控制选项卡的html,css,javascript源码 选项卡效果 这是我自己模仿新浪网站首页中部的选项卡做的,大致的效果就是这样的 选项卡的布局和 javascript 控制 下面具体说明一下完成的过程,主…

新浪网站首页同款轮播图

新浪网站首页同款轮播图 1.轮播图的最终效果2. 分析一下它的布局3.设置它的样式4.最核心的jquery控制 1.轮播图的最终效果 成功后的效果图如下; 2. 分析一下它的布局 首先是头部的布局: 轮播的内容: 展现的效果: 3.设置它的样式 样式说明…

仿海康网页版做一个在线的实时监控网站(1)-- 侧边栏站点选择

目前的渔政网页版的开发已经接近尾声,目前要做的是一个网页版的在线视频实时监控的功能,仿照海康的网页版示例,整个页面做下来有点心得体会,所以写一篇博文记录下,方便自己以后翻阅,也希望可以给别人提供帮…

仿海康网页版做一个在线的实时监控网站(2)-- 视屏显示和云台控制

在上一篇博客仿海康网页版做一个在线的实时监控网站(1)中讲了侧边站点选择栏的生成,这篇博客主要说一下视屏插件的摆放和一些云台控制的操作函数 首先海康的摄像头可以找他们要一个网页版的开发Demo,如果没有我提供一个&#xff1…

网站架构演变

网站架构演变 大型网站介绍 与传统企业应用系统相比,大型互联网网站系统具有以下特点1、大流量、高并发 这一点往往是传统企业应用系统根本就不会遇到的问题,比如Goole每日访问量都是几十亿,如果服务器端处理不好早就被压的宕机了。2、高可用…