南昌华电铁路设备有限公司网站项目规划与设计

南昌华电铁路设备有限公司网站项目规划与设计目录4376一、项目背景 1171191、选题的目的和意义 183552、课题研究的主要简介 19601二、网站开发平台 15656三、网站建设日程表 131155四、站点地图 222001五、线框图 3303281、主页布局 321968六、设计规范及网页UI设计 448441、设计愿望 4123812、确定网站主题 4264123、确定网站形象 4115294、确定网站风格 555085、确定网站内容 5776七、主要页面的详细设计图 51549八、网站测试 864001、测试准备 8205002、用户界面测试 8202823、功能测试 8184504、兼容性测试 84189九、网站推广与维护 976691.网站推广 912712、网站维护 9PAGE1一、项目背景1、选题的目的和意义随着经济的发展，生活水平的提高，电子商务的兴起，人们都习惯网上购物，美食的销售在其中占有重要的位置。南昌华电铁路设备有限公司网主要展示自己的企业文化及产品，更好的让人们来了解公司。2、课题研究的主要简介南昌华电铁路设备有限公司网站是给用户一个方便的认识机会，登陆南昌华电铁路设备有限公司网界面，根据自己的需求选择浏览，其功能有以下：（1）用户可以通过浏览主页，了解公司的简介以及图片展示（2）用户通过浏览子页，可以对产品进行细致的了解二、网站开发平台功能模块技术和软件平台操作系统Windows8设计稿、图形处理PhotoshopCS6动画设计制作FlashCS5网页制作平台Dreamweaver网站开发语言HTML,CSS,JavaScript，asp网站测试平台Chrome，Firefox三、网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示：时间任务内容3月9日-16日拟定项目3月17日-23日制定初步项目计划4月6日-19日网站初步框架4月20日-5月1日网站内容具体丰富5月2日-5月10日总结反思，网站细节完善5月11日-24日计划微调，网站用户体验感测试5月25日-6月7日网站装饰再加工，CSS布局，JS语言,后台数据库设计6月8日-6月15日最终测试四、站点地图五、线框图1、主页布局2、子页面布局3、二级子页面六、设计规范及网页UI设计Foodstore美食网这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的食品，可以方便用户的需要做出选择，给人们带来了极大地方便。1、设计愿望在网站的首页上方能看到几个选项卡，分别是：首页、产品展示、新闻动态、联系我们和诚聘英才。当用户点击希望去的界面时，就会自动的链接到用户希望的那个网页。展现给用户相应的界面，在每个界面都会有这几个选项卡，用户可以在其中自由的切换。2、确定网站主题建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将美食网站分为六个栏目，分别是首页、公司简介、新闻中心、产品中心、人才招聘和联系我们。3、确定网站形象网站logo是网站的标志，就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起站点。现在，网站相当多，要想吸引更多的人访问企业的网站，跟别的网站进行logo链接交换式很有必要的。也就是说，在其他网站放一个本网站的logo，并可以通过单击该logo链接到本企业的网站。如果网站的logo比较引人注目，那么久能为网站带来更多的访问量。图6.1Logo设计“标准色彩”是指能体现网站形象和延伸内涵的色彩。举几个实际的例子就明白了：耐克的白色对钩，肯德基的红色条块，苹果IOS系统视窗右上角标志上的颜色圈圈，这些色彩都使人们联想到他们与对应企业的联系。网站给人的第一印象来自视觉冲击，所以确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到网页浏览者的情绪。网站标准色彩的选择和确定，是由网站的主题和企业自身的特点决定的。一般来说一个网站的标准色彩不应该超过三种，太多则让人眼花缭乱。网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的一些特有字体。为了体现网站所特有的风格，可以根据自已的网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是华文彩体。给人一种沉稳而不失俏皮的感觉。表格布局的过程：设计出框架为800*1000的布局表格，再在表格中添加适当的单元格链接设计制作的过程：主页与五个子页进行连接图片处理的过程：单元格设定好，图片大小和单元格同等大小然后添加导航按钮的设置等等4、确定网站风格风格是抽象的，指网站的整体形象给浏览者留下的综合感受。这个“整体形象”包括网站的LOGO、网站的色彩、网站的字体、网站的标语等许多因素。网站是可以平易近人的、生动活泼的，也可以是严肃专业的。但不管是在色彩、技术、文字、布局、还是交互方式上，只要能由此让浏览者明确的看出这是你的网站所独有的，这就形成了一种风格。风格是有人性的，它通过网站的色彩、技术、文字、布局、交互方式等可以综合概括出一个网站的自己的个性；我的网站风格是以舒服为主，给人一种舒舒服服的感觉。5、确定网站内容在网站的首页上方能看到几个选项卡，分别是：首页、产品展示、新闻动态、联系我们和诚聘英才。七、主要页面的详细设计图八、网站测试1、测试准备测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。2、用户界面测试主要测试导航条、内容、颜色、背景、图像、返回等。3、功能测试主要测试站点中的链接等。链接测试：目的是检查各个URL所联接的页面是否正确。表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。4、兼容性测试主要检验应用能否在不同的客户端使用。如苹果（iOS系统的）用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。九、网站推广与维护1.网站推广（1）微信公众平台、朋友圈、微博、QQ空间推广（2）论坛推广我们可以注册几十个论坛，每个论坛注册若干个帐号，把签名设为自己的网站及团队图标。发表热门内容，自己顶自己的帖子。目前我们应用的论坛包括校内的极速之星、外网的百度贴吧、天涯论坛、豆瓣等等网民较为聚集的地方。（3）电子邮件推广我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物、会员通讯、专业服务商的电子邮件广告等。可以减少广告对用户的滋扰、增加潜在吸引人群定位的准确度、增强与客户的关系、提高品牌忠诚度等。2、网站维护网站