导航:首页 > 万维百科 > 书形式网页设计

书形式网页设计

发布时间:2021-01-02 18:02:39

1、求一份网页制作策划书

那你这样看是策划什么类型的网站了 网站类型有多种:政府网站、商业网站、企业网站、个人网站等

以下是个人网站的策划:

1、网站作用:让别人了解我认识我

2、网站规模:因为是个人网站一般由一二十个网页组成,所以规模不大

3、网站目标客户:同学,朋友,和广大青年朋友。

4、网站特色:我的这类网站受众一般为青年人,所以在色彩上和设计风格上追求青年人的口味,画面绚烂,在内容上的特色表现为:

(1)内容标准化与个性化(2)充分体现互动性(3)内容实用性(4)多媒体技术专业性(5)网站平台延展性

5.网站的宣传标语:展示自我,分享快乐。

一、网站的风格及配色方案

1、网站名称:意度空间

2、网站域名

3、网站LOGO

4、网站标准色:整个网站以橙黄色为主基色,配以黑白色,我认为配这种色代表年轻人的激情。

5、网站标准字体:在字体上我主张采用默认字体,因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。

二、网站的栏目设计(画出栏目结构图)

三、网站设计和制作中所采用的技术

1、Flash特效功能

2、图片展示功能

3、文章查询功能

4、相册功能

5、在线视听功能

6、我的QQ群功能

7、文件下载功能

8、在线留言功能

9、友情链接功能

10、时钟功能

11、电子邮件功能

12、点至通讯录

13、圈子(我的QQ空间)

14、网摘功能

15、新闻功能

四、首页的设计简述为了使我的的首页美观生动,吸引人在我的首页我还添加了形象开头动画页面在页面上我首先映入你眼帘的是美丽的西京图片在它的上面我添加可透明的FLASH动画,这样会使网页具有动态美的感觉,加上合理浅淡桔黄色,动听的背景音乐,无论是从视觉,听觉还是感觉上都是一个不错的网站。在网站的右上角我还插了滚动字幕,这样可以让浏览着第一时间了解我本站的最新动态。在网页的右下角是我的网站的名称,通过点击它就可以进入我的主页。

五、栏目页及内容页的设计构思我的个人网站大体上包括一下内容:我的圈子,我的相册,我的音乐,最新动态,项目互动,资源下载,六大模块这六大模块简介如下我的圈子简介:

(1)介绍我的班级和我班级里边的同学,把我班里边的同学加到我的网页中并对每个人做详细的介绍,形成一个同学录一样的页面,在这里边每个人可以都可以尽量书写个人的兴趣爱好。

(2)个人简历。首先是个人详细的自我介绍,然后加上个人的求职信个人简历,以便企业更深的了解我(3)因为只要有QQ号的几乎都有自己的空间所以我可以加个超连接,连接到我的QQ空间我的相册。

我的相册简介:

(1)设计个人的相册

(2)朋友的相册

(3)贴图,如果发现好的图片我收集起来可以和广大朋友共同分享。

我的音乐简介:

这个模块主要包括:

(1)国内最新流行的音乐

(2)日韩最新流行的音乐

(3)欧美最新流行的音乐

最新动态简介:

(1)本站公告

(2)站内新闻

(3)最新游戏

(4)新款服饰

项目互动简介:

(1)请你留言,通过这个模块可以在线时时交流

(2)站内论坛

资源下载简介:

(1)原创作品;在这里可以写个人的个人日志,心得体会

(2)资源共享附栏目页或内容页模板图我的相册、我的音乐、你我互动、 最新动态、 资源下载

六、网站完成后的自查:网站在本地和上传到服务器中有无图片和动画无法显示或链接失效等情况通过反复的测试,在本地和上传到服务器中都没有发现图片和动画无法显示的或链接失效等情况。

七、网站完成后,你打算如何做进一步的推广,请写出网站推广的方案。(根据电子商务的知识写出较为详细推广方案)电子邮件推广电子邮件是最有效的网络许可营销方法之一。

分为:广告邮件、电子杂志两种。

前者通过广泛发布邮件信息获得第一注意力;后者通过用户许可,获得定期、定向宣传效果,起到事半功倍的效果;搜索引擎加注统计表明,50%以上的自发访问量来自于搜索引擎;有效加注搜索引擎是注意力推广的必备手段之一;加注搜索引擎既要注意措辞和选这好引擎也要注意定期跟踪加注效果,并做出合理的修正或补充;广告策略广告是注意力营销和推广强有力的手段,包括网上广告和网下广告,网上包括付费广告,互换广告,友情连接等方法网下推广法网下推广方式多样,除广告外还包括:确定网站CI形象,宣传标识,口碑传递参加公益活动,活动赞助,派发小礼品、传单、作小型市场调查,相关单位机构合作等;雁过留声法大量访问同类网站或者人气旺盛的网络平台,发布留言和论坛信息(可用技术手段实现)内容主要有:本网站介绍或者本网站部分精品内容发布,吸引爱好者访问;整合营销与推广联盟策略首先实现同

以下是企业类型的网站策划:

1、 建设企业网站所遵循的一般原则

(1) 系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况,对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。
(2) 完整性原则。企业网站是企业在互联网上的经营场所,应该为用户提供完整的信息和服务:网站的基本要素合理、完整;网站的内容全面、有效;网站的服务和功能适用、方便;网站建设与网站运营维护衔接并提供支持。
(3) 友好性原则。网站的友好性包括三个方面:对用户友好——满足用户需求、获得用户信任;对网络环境友好——适合搜索引擎检索、便于积累网络营销资源;对经营者友好——网站便于管理维护、提高工作效率。
(4) 简单性原则。在保证网站基本要素完整的前提下,尽可能减少不相关的内容、图片和多媒体文件等,使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。
(5) 适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境,网站应具有连续性和可扩展性。

2、网站建设基本流程规范

企业网站建设(升级改版)包含下列基本流程:
(1)制定网站规划方案:包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容;
(2)网站技术开发、网页设计
(3)网站测试;
(4)网站内容发布;
(5)网站维护及管理。

3、网站域名及网站技术规范

(1)采用基于XHTML的国际WEB标准(CSS+DIV);
(2)网站首页为顶级域名而不是多级层次 ;
(3)网站首页及各栏目和内容页面均不采用网址跳转方式,不采用过渡页/桥页等网址重定向;
(4)合理应用静态网页与动态网页,网站栏目首页和其他重要页面采用静态网页;
(5)网页内容页面层次不宜过多,不超过四个层次;
(6)采用主流域名:.cn、.com.cn、.com等;
(7)一个网站对应一个主域名,现有多个域名需统一;
(8)网站链接错误率在一定范围之内,首页等重要页面无死链接;
(9)网站设计对不同浏览器具有兼容性。

4、企业网站的基本功能和内容

(1) 与企业办公网实现无缝链接;
(2)具有信息发布、产品发布和管理功能;
(3)产品推荐/广告管理功能;
(4)详细的公司介绍;
(5)详细的联系方式;
(6)合理的产品分类/汇总/列表;
(7)详细的产品介绍内容;
(8)销售及售后服务相关的联系和服务信息;

5、网站优化

网站优化包括三个方面:对用户获取信息优化、搜索引擎优化、网站维护优化。
(1)网站栏目结构合理,栏目设置不要过于复杂;
(2)网站导航清晰且全站统一,通过任何一个网页可以逐级返回上一级栏目直到首页;
(3)网页布局设计合理,网站设计符合用户浏览习惯;
(4)重要文字信息尽可能出现在网页靠前位置;
(5)字体清晰,CSS风格协调一致;

6、网页模版设计

(1)重要信息尽可能出现在用户最关注的位置;
(2)网页宽度定位适应当前主流屏幕分辨率模式;
(3)保持整站CSS风格一致;
(4)超级链接有下划线或颜色的明显指示;
(5)整个网站中在新窗口打开或原窗口打开网页的规则一致;
(6)网站首页字节数不宜过大;
(7)多语言版本网站内容之间的切换方式设计合理。

7、企业网站可信度

(1)网站具有必须的法定证书;
(2)对企业基本状况的介绍真实可信;
(3)公布顾客服务/售后服务承诺;
(4)有必要的个人信息保护声明;
(5)网站公布的联系方式有效,尤其是地址、固定电话和Email地址;
(6)网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱;
(7)网站主域名与企业名称/品牌/核心产品一致或相关;

8、网站运营维护

(1)建立网站内容发布审核机制,始终保持网站内容的合法性;
(2)保持网站服务器正常工作,对网站访问速度等进行日常跟踪管理;
(3)保持合理的网站内容更新频率;
(4)网站内容制作符合网站优化所必须具备的规范;
(5)重要信息(如数据库等、访问日志等)的备份机制;

虽然看上去有点复杂 不过你自己可以简化的 希望以上信息能给你一些帮助!

2、网页设计入行需要看哪些书

几本有关UI设计的入门“干货”!



UI的发展和现状

书籍名称:《艺术的故事》

作  者: 贡布里希 (Sir E.H.Gombrich) 

内容简介 :从最早的洞窟绘画到当今的实验艺术的发展历程,阐明艺术史是各种传统不断迂回、不断改变的历史,每一件作品在这历史中都既回顾过去又导向未来。

书籍名称:《西方美术简史》

作  者: 亨德里克・房龙

内容简介 :以优美的文字、清晰的思路讲述了西方美术史的发展轨迹与幕后精髓。


美术视觉设计

平面构成

书籍名称:《平面设计法则》

作  者: 米尔曼

内容简介 :对学**设计的学生来说是一个一站式的资源库,既是有趣的基础教程,同时也是深入设计领域实践的“入门读物”。  

书籍名称:《平面设计视觉词典》

作  者:  加文·安布罗斯 /哈里斯

内容简介 :旨在对平面设计中容易混淆的一些专业词汇予以区别和解释,比如斜线和斜体的区别,重印、套印、翻转的区别等。


美术绘画

书籍名称:《视觉与绘画》

作  者:  诺曼・布列逊 

内容提要:本书对西方美术史极为闭塞与自满的研究现状作了尖锐的理论批评,强调从绘画图像的社会性及其作为符号的独特角度、从历史与人文学科当代发展的角度拓展研究视野。

书籍名称:《素描与视觉思维》

作  者: 吴国荣 

内容简介 :本书对古代到现代源远流长的素描传统,作重新的审视和选择;对不断更新发展的各设计专业需求共同本质因素的探究和设计类基础素描教学和实践作了系统的梳理和思考。


色彩构成

书籍名称:《设计配色基础》

作  者: 视觉设计研究所 

内容简介 :帮助读者了解配色的整体效果以及有关配色的基础知识,讲解了营造画面氛围的方法,以及如何利用色彩给人的感受来表达主题。

书籍名称:《艺术设计的色彩构成》

作  者: 朝仓直巳 

内容简介 :虽然这书是很老了但毕竟学问这东西万变不里其宗!不得不承认日本人教学方面的书比中国人严谨很多。


版式设计

书籍名称:《版面设计的原理》

作  者:  伊达千代 

内容简介 :以条理分明的章节及浅显易懂的文字,有层次地说明设计的各个环节。作者从建立条理、添加变化、强调重点、设计技巧和设计中的色彩几个方面将自己实际操作经验与心得全部记录下来。

书籍名称:《栅格系统与版式设计》

作  者: 金伯利·伊拉姆 

内容简介 :本书中展示的设计超越了简单的功能主义和简约主义的教条,使得版式设计成为一种真正的动态传达方式。


字体设计

书籍名称:《文字设计的原理》

作  者: 伊达千代 / 内藤孝彦 

内容简介 :作者汇集多年来的经验,运用大量实际案例,有层次的逐步展开文字设计的各个重要因素,从认识文字、文字与意象、易于阅读的文字组合、在设计中如何强调文字,以及文字在排版中的运用。   

书籍名称:《商业字体设计》

作  者: 许瀚文

内容简介 :作者走遍陆港台日、欧洲,跟世界各地的字体设计师、文字设计师交流,并每天工作、学**、不断反思反省下所蒸馏出的想法。


交互设计

用户体验设计

书籍名称:《破茧成蝶-用户体验设计师》

作  者:  刘津/李月

内容简介 :一本很实在的书,基本从入门给我们讲述了什么是用户体验,书中融入了宝贵的职业经验和专业思考,对于交互设计师、视觉设计师、用户研究员等具有一定参考价值和借鉴意义。


交互设计原则与规范

书籍名称:《简约至上:交互设计四策略》

作  者: Giles Colborne 

内容简介 :一本凝炼至极、耐人寻味、图文并茂的好书。简化设计,提升易用性。创造出卓而不群、历久弥新的用户体验。

书籍名称:《认知与设计:理解UI设计准则》

作  者:  Jeff Johnson 

内容简介 :把设计准则与其核心的认知学和感知科学高度统一起来,从认知和心理学角度剖析交互设计本质,介绍如何将最新的认知 学成果应用到交互设计中。


设计心理学

书籍名称:《设计心理学》

作  者:  Donald Norman 

内容简介 :帮我们找到了这些问题的关键,即产品设计忽略了使用者在一定情境中的真实需求,甚至违背了认知学原理。


设计思想

书籍名称:《点石成金》

作  者: 史蒂夫·克鲁克 

内容简介 :这本书短小精悍,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人。

书籍名称:《设计中的设计》

作  者: 原研哉 

内容简介 :以谦虚但同时尖锐的目光寻找设计被需要的所在,并将自己精确地安置在他的意图能够被赋予生命的地方。

书籍名称:《写给大家看的设计书》

作  者: 威廉姆斯,Robin Williams

内容简介 :以其简洁明快的风格,将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。


当然一切还是行动起来最靠谱

看到网上和周围有很多人都在讨论如何学UI设计、UI设计的职业前景怎么样之类的话题。不得不说现在UI这个职业确实需求很大有很多人想要学**和从事相关的工作。设计是一门需要沉淀的技艺,却恰巧遇见了日新月异的互联网文化。只有知识与实践的努力才能成就一个出类拔萃的UI设计师。

3、网页设计策划书书写格式 在线等!

网页设计的选修课我也选过,我谈不上提供网页设计策划书,但我觉得楼主可以从以下几个方面入手:
1,在首页做一个好的片头动画,可以是下拉菜单,也可以是个全屏幕的动画,再在上面做链接,片头动画可以是关于刘翔和奥运的经典图片;
2,想好各个支撑网页的内容,内容最好不要重复,图片一定要准备够;
3,总体布局可以这样来写:首页可以取题目奥运中国行,主要以奥运图片和中国运动员的图片或以此类的图片做的动画来构成主体部分;支撑页面一可以介绍奥运的历史为主,以文字和图片为主要内容;支撑页面二可以介绍北京申奥的过程和准备情况,以图片和文字为主要内容,支撑页面三可以介绍中国在奥运中的参与和成绩,可以以一个多幅图片的渐变动画为主要内容再配上文字说明;支撑页面四可以介绍奥运中的重要项目,可以以分类和评选最具观赏性项目的形式来形成重要内容,支撑网页五可以介绍中国的著名运动员,如你要介绍的刘翔等;第六页可以专门介绍刘翔,注明他的详细得奖明细和对他的期望等;
4,做完之后自己测试一下就可以OK了!

以上是西个人经验,仅供楼主参考

4、有什么软件能把网页制作成电子书?

你好 网上这样的软件多的很啊 比如chm制作精灵 CHM电子书制作大师 等

5、求推荐几本书籍,关于网页设计的

仅仅是装饰淘宝页面,学习基本的html和css就可以了,你可以先找一本dreamweaver的书籍,用dreamweaver制作网页在排版的时候很方便,基本不用写代码。现在dreamweaver、css的书籍很多,好的书也不少,你可以到当当网站查一下“dreamweaver”、“css”,当当上有评论图书的功能,好的书自然是好评很多,参考这些评论买书的时候心里就比较有底。
还是先学dreamweaver上手比较快一点,如果从未接触过代码,开始学习代码的话,可能会觉得比较枯

6、推荐几本网页设计的书籍

推荐“网站设计、前端开发”人员阅读的几本书
《别具光芒 》
《网站重构》
《don’t make me think》

7、网页制作与网站设计报告书

网站项目管理规范
一.概念
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
二.需求分析
1.项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。
2.客户的需求说明书
第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:
1.正确性:每个功能必须清楚描写交付的功能;
2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;
3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;
4.简明性:不要使用专业的网络术语;
5.检测性:如果开发完毕,客户可以根据需求检测。
三.系统分析
1.网站总体设计
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:
1.网站需要实现哪些功能;
2.网站开发使用什么软件,在什么样的硬件环境;
3.需要多少人,多少时间;
4.需要遵循的规则和标准有哪些。
同时需要写一份总体规划说明书,包括:
1.网站的栏目和版块;
2.网站的功能和相应的程序;
3.网站的链接结构;
4.如果有数据库,进行数据库的概念设计;
5.网站的交互性和用户友好设计。
2.网站建设方案
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:
1.客户情况分析;
2.网站需要实现的目的和目标;
3.网站形象说明;
4.网站的栏目版块和结构;
5.网站内容的安排,相互链接关系;
6.使用软件,硬件和技术分析说明;
7.开发时间进度表;
8.宣传推广方案;
9.维护方案;
10.制作费用;
11.本公司简介:成功作品,技术,人才说明等。
当您的方案通过客户的认可,您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:
3.网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。
四. 项目实施
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格,完成后,供客户选择。
记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。
开发制作
2.开发制作
到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。
调试完善
3.调试完成
在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。
4.宣传推广
宣传推广的基本方法有:
1.网页里设置适当的META标签;
2.各搜索引擎登录;
3.准备新闻稿件在各新闻公告板发表;
4.合理使用Email邮件列表;
5.广告条交换;
6.付费广告。
至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。
五.维护
网站成功推出后,长期的维护工作才刚刚开始,需要做到的是:
1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复;
2.网站流量统计分析和相应对策;
3.尽量推广和使用您的网址;
4.网站内容的及时更新和维护。
六.遵循的规范
1.网站建设目录规范
2.网站文件命名规范
3.网站建设尺寸规范
4.网站首页head区代码规范
5.网站连接结构规范

网站开发规范
任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则,包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制,将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范,一个优良可行的规范可以使我们工作得心应手事半功倍,这些规范都不是唯一的标准不存在对与错,也许有些地方与你当前使用的习惯相驳,很多地方都有争议。。
非常明显在Web项目开发中有前后台开发之分,前台开发主要是指非程序编程部分,主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建,其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的,这些规范是工作中总结的一点经验,本文档比较适合中小型网站或者Web项目的开发规范。
一.组建开发团队
在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人,也有可以是只有几个人的小团队,在团队划分中应该含有6个角色,这6个角色是必须的,分别是项目经理,策划,美工,程序员,代码整合员,测试员。也许你的团队还没有6个人,没有关系一个人可以有多个角色,比如项目经理还可以有策划这个角色,如程序员还可以含有代码整合和测试这2个角色,如果你的项目够大人数够多那就分为6个组,每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。
项目经理,项目总体设计,开发进度的定制和监控,定制相应的开发规范,负责各个环节的评审工作,协调各个成员(小组)之间开发。策划,提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工,根据策划和需求设计网站AI,界面,Logo等。程序员,根据项目总体设计来设计数据库和功能模块的实现。代码整合员,负责将程序员的代码和界面融合到一起,代码整合员可以制作网站的相关页面,测试员,负责测试程序。
二.开发工具
Web开发工具主要分为3部分,第一部分是网站前台开发工具,第二部分是网站后台开发环境,第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。
网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等,主要使用的相关软件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
网站后台开发主要指网站动态程序开发、数据库建模,主要使用的相关软件是: PowerDesigner(数据库建模),PowerDesigner在数据库设计方面应用非常强大,用它可以快速创建数据库概念和物理模型,我最喜欢的还是它生成数据库Report的功能太方便了,设计数据库强烈推荐用它。Rational Rose(程序建模),如果你的项目功能模块不是特别复杂那就剩了它吧,这样会节省一些时间和开发的复杂度,不过我个人认为不管是大项目还是小项目都应该画画Rose图。
网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定,代码版本控制采用Visual SourceSafe,当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test,它可以进行并行、负载测试等。程序文档编写采用Word,用WPS也可以。
三.网站开发流程
在项目开始实施之前应该有一个工作步骤也就是工作流程,在项目开发中最需要时间的是总体设计和系统测试,而程序编写代码所占的时间并不多,但有的团队就急于开发写代码,先把程序写出来再说,没有注重评审和测试这2个环节,结果造成返工,我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码,应该一步一步慢慢来,只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。

图 1
从图1可以看到2条主线,这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉,当然不是绝对没有,Web策划和需求分析都是互相有关系的,一个是网站表现形式和风格的策划另一个是网站功能的策划,它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一,也就即将发布的网站。
四.数据库开发规范
数据文件命名采用系统名+_+文件类型,比如系统名为kupage,则数据库文件命名为kupage_database.mdf,有的数据库文件有多个,比如SQL Server就有2个,一个是数据库文件,另一个是日志文件,那么他们的文件命名分别为kupage_database.mdf,kupage_log.log。文件名全部采用小写。
数据库表命名规范,表名长度不能超过30个字符,表名中含有单词全部采用单数形式,单词首写字母要大写,多个单词间不用任何连接符号。若库中有多个系统,表名采用系统名称+单词或多个单词,系统名是开发系统的缩写,系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统,那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词,如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写,如:Re_User_ArticleType, Re_User_FormType。
数据库字段命名规范,数据库字段名全部采用小写英文单词,单词之间用”_”隔开,命名规则是表别名+单词,如:user_name,user_pwd。表别名规则,如果表名是一个单词,别名就取单词的前4 个字母;如果表名是两个单词,就各取两个单词的前两个字母组成4 个字母长的别名;如果表的名字由3 个单词组成,你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母,结果还是组成4 字母长的别名。
视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名,如果表过多可以将表名适当简化,但一定要列出所有表名。
存储过程命名规则P_表名_存取过程名(缩写),比如P_User_Del,P_ArticleType_AddData。
SQL语句编写规则,关键字必须大写,其他书写按上述命名规则,比如:
SELECT user_id, user_name FROM User WHERE user_id = ‘tom’
五.文件夹文件名命名规范
文件夹命名一般采用英文,长度一般不超过20个字符,命名采用小写字母。除特殊情况才使用中文拼音,一些常见的文件夹命名如:images(存放图形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript脚本),inc(存放include文件),link(存放友情链接),media(存放多媒体文件)等。
文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 。
1、图片的命名原则名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。
放置在页面顶部的广告、装饰图案等长方形的图片取名: banner
标志性的图片取名为: logo
在页面上位置不固定并且带有链接的小图片我们取名为 button
在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu
装饰用的照片我们取名: pic
不带链接表示标题的图片我们取名: title
下面是几个范例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、动态语言文件命名规则性质_描述,描述可以有多个单词,用”_”隔开,性质一般是该页面得概要。
范例:register_form.asp,register_post.asp,topic_lock.asp
六.程序代码编程规范
一个良好的程序编码风格有利于系统的维护,代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量,无需定义就可以直接使用,而且代码不区分大小写。但其他语言一般这些都要定义的,为了养成良好的编程习惯,编写代码务必按照一下规则。
1、每个变量名必须定义,在ASP文件的最开始添加语句,强制定制每个变量。
2、出于易读和一致性的目的,在代码中使用以下变量命名约定:
子类型 前缀 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代码需要有缩进,缩进采用键盘Tab键,不采用空格键。并且”=”或者链接字符串时需要左右空一格,如下:
4、函数过程编写的约定。函数或者过程命名采用动作+名词,每个函数需要给出相应的注释,函数功能,传入变量,以及作者和修改相关信息。如下面函数:
<%
'[功能] 返回一个参数的值
'[参数] strParameterName 参数名称
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP内置对象区分大小写。如下代码片断
strUserName = Request.Form(“UserName”)
Set conn = Server.CreateObject("ADODB.Connection")
6、数据库连接一个库只能有一个数据库连接文件,创建数据库对象得原则是尽可能晚地打开数据库,尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下:
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、当一个对象不在使用时要释放对象资源,比如objFSO,objRS对象等。采用统一函数调用。函数如下:
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、时间全部以字符串的形式保存到数据库中,这样做能够是日期在不同的数据库中都能良好地保存,也方便数据库地迁移。时间用14位字符串保存,日期用8位字符串保存。
七.网站首页head区代码规范
head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签
1.公司版权注释
<!--- The site is designed by Maketown,Inc 06/2004 --->
2.网页显示字符集
简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.网页制作者信息
<META name="author" content="[email protected]">
4.网站简介
<META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…">
5.搜索关键字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(参见目录及命名规范)
7.网页标题
<title>xxxxxxxxxxxxxxxxxx</title>
8.可以选择加入的标签
1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指时间停留5秒。
5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
6.收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的调用尽量采取外部调用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
附<body>标签:
<body>标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景<body bgcolor="#FFFFFF">
八.网站建设尺寸规范
1. 页面标准按800*600分辨率制作,实际尺寸为778*434px
2. 页面长度原则上不超过3屏,宽度不超过1屏
3. 每个标准页面为A4幅面大小,即8.5X11英寸
4. 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
5. 另外120*90,120*60也是小图标的标准尺寸
6. 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

8、有那些学网页设计的书籍?

精美网页特效设计技巧精粹 http://book.jqcq.com/proct/314007.html 网页制作、网页图像处理、网页动画设计以及各种实用的特效制作等的方法与技巧,涵盖了网页版式设计、色彩设计、网页图形创意、网页图标设计、网页动画设计、网页字体设计、网页特效设计等。几乎涉及到了与网页相关的方方面面,全书内容丰富、自成体系、实例众多。 动态网页设计培训教程 动态网页设计培训教程 http://book.jqcq.com/proct/311332.html 网页设计软件的使用方法和最新的网页设计技术。全书共分14章,分别介绍了网页设计的基础知识;超文本标记语言HTML,使用FrontPage 2000和Dreamweaver 3.0设计网页的要领;使用Photoshop 6.0 和ImageReady 3.0优化和处理WEB图像等内容。 JavaScript 动态网页经典实例教程 http://book.jqcq.com/proct/542034.html 网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。 读者对象该书适合于广大的网页设计从业人员,为动态网页开发设计中需要解决的实际问题提供 ... 网页美术设计入行实战(全彩)(含光盘1张) 网页美术设计入行实战(全彩)(含光盘1张) http://book.jqcq.com/proct/542967.html 网页美术设计行业分析;就业指导;小型商业网页设计;大型商业网站设计;通过实际工作的案例以及虚拟应用场景,将每个案例的使用环境描述出来,涉及了网页设计在实际应用中使用的软件Flash,Dreameaver的使用,网页制作的技巧,并对一些陌生的或不常用的功能做了提示性的说明与解析。有多个实际案例供参考;网页设计的经验 .. 网上筑巢--循序渐进设计网页 http://book.jqcq.com/proct/110619.html 网页.包括输入文字后设置格式,使网页内容更加鲜明,增加图片使网页更加生动,增加声音让网页学会"说话"等.此外还介绍网页制作高手的很多决窍.本书的读者对象是准备上网或已经上网,但上网经验不足的初学者. 如果你真的想学习编程,那下面这些书是比不可少的。 JavaScript基础与实践教程 http://book.jqcq.com/proct/543918.html 本书在介绍JavaScript相关知识的基础上,主要结合实例讲解JavaScript的实际应用。内容主要包括JavaScript语言的语法、 JavaScript面向对象的特性、调试JavaScript、JavaScript结合CSS应用于WEB编程、JavaScript的Dom编程、 JavaScript的基础应用、服务器端的应用、通过综合实例介绍JavaScript的高级应用。 边学边用JAVASCRIPT http://book.jqcq.com/proct/345499.html JAVASCRIPT是实现网页动态性、交互性的脚本语言。本书通俗易懂,按照循序渐进的方法详细介绍了JAVASCRIPT的基本概念, HTML基本知识、JAVASCRIPT的基本语法及其内置对象和浏览器对象。书中对于每个知识点都配备了相应的实例,帮助读者加深理解。本书适合为JAVASCRIPT初学者的培训教材,也可以作为中、高级网页编程 ... 网页样式设计――CSS使用详解 网页样式设计――CSS使用详解 http://book.jqcq.com/proct/107218.html CSS的基本概念、CSS属性、格式化模型以CSS单位等。此外,对于CSS的延伸扩展部分也做了全面的介绍,包括CSS定位技术、打印支持、框架结构、声音CSS滤镜变换效果等。书中附有大量实用例子帮助读者掌握和编写样式表单文档。本书内容翔实,深入浅出,是网络开发人员和网络爱好者的理想参考书。 网页制作全接触――HTML 4.0 & CSS 网页制作全接触――HTML 4.0 & CSS http://book.jqcq.com/proct/310443.html CSS的内容,包括HTML 4.0各个标记的语法和属性,CSS各上属性的语法和属性值,同时介绍了两者在Dreamweaver中的实现,提供大量灵活使用HTML 4.0和CSS制作动态网页的实例。本书第一部分是590811及其应用,第二部分是CSS及其应用,附录中了JavaScript参考手册、CSS兼容性列表和字符实体集。 网页设计与制作――MX 2004(第2版) http://book.jqcq.com/proct/541635.html 网页制作套装软件Macromedia Studio MX2004中的网页制作三剑客为主要内容,介绍客户端网页的制作。全书共分9章,第1章网页制作基础,介绍与网页制作有关的基础知识;第2章至第5章介绍Dreamweaver MX2004的使用,其中穿插介绍CSS、JavaScript在网页中的应用;第6章和第7章介绍Fireworks MX2004的使用;第8章和第9章介绍F ... 精通ASP网络编程 http://book.jqcq.com/proct/108449.html ASP网络编程技术的实用教程。书中举例大量典型实用,综合了众多ASP程序员的实际开发经验。本书适合广大网络设计和开发人员以及对ASP感兴趣的编程爱好者阅读。 ASP开发实例(1CD) http://book.jqcq.com/proct/305267.html ASP进行Web开发。主要内容有:ASP基本对象的使用,在ASP中使用第三方或自制的ActiveX控件,数据库对象的使用和设计,SQL语句的使用等。本书内容由浅入深,论述深入、全面,实例覆盖了ASP编程的大部分内容,每个实例着重介绍一个或几个知识要点。此外,还附有源程序代码多媒体光盘,帮助ASP爱好者快速深入地掌握ASP编程? ... 高校计算机教程系列 JSP实用教程 http://book.jqcq.com/proct/582592.html JSP运行环境的配置、JSP语法、JSP内置对象、JSP与文件、JSP与数据库、JSP与JavaBrsnd等内容;第7章至第8章介绍了怎样使用JSP技术创建完整的网站。第9章讲述Java Servlet,针对JSP与servlet结合开发网站做了详细的介绍 JSP实用案例教程 http://book.jqcq.com/proct/393402.html JSP)程序设计技术。主要内容包括:B/S开发模式和主流技术介绍,JSP编程基础,在Windows 2000/XP和Linux环境下JSP运行环境的配置过程,HTML与JSP的交互过程,JSP中的页面元素,编译指令和操作指令,JSP中常用的对象,JDBC,JavaBean,JSP的综合应用举例,Servlet的概念和使用,如何在JSP中应用XML,JSP的高级应用以及? ... PHP与MySQL5程序设计(第2版) http://book.jqcq.com/proct/431905.html PHP脚本语言和MySQL数据库这两种目前最流行的开源软件,主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、 PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强,帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何结合这些卓越的技术创建数据库驱动的 ...

与书形式网页设计相关的知识