聚群电子有限公司网站建设方案(编辑修改稿)

聚群电子有限公司网站建设方案(编辑修改稿)内容摘要：

：网页设计小组由知名资深设计师组成。 编辑：根据用户资料，运用专业网页设计软件进行网页的编写。 初稿：接到资料后 12星期由主设计师完成初稿设计。 审稿：用户可以在 23星期对初 稿审核提出修改意见。 定稿：网页完成一个月内仍可根据用户要求修改网页，直到认可方可定稿。 五、聚群电子有限公司 网站具体内容功能详述 聚群电子 WEB网站的总体风格与网站架构在美工设计上将突出中国特色及 IT行业特色 ，在网页内容和功能上实现本地化和人性化，真正做到面向和服务于中国的用户。 聚群电子网站首页包括公司简介、最新动态、产品介绍、网上定单、技术服务、人才流通、合作机会、 BBS在线答疑等内容。 公司简介包括：公司简介、组织结构图、公司大事记、下属机构简介、体系认证证书等。 产品介绍包括：仪电设备 系列和医疗器械系列两大系列产品。 建立聚群电子产品查询数据库，可方便用户浏览查询。 网上订单：意向客户可直接在网上下定单，客户下定单前须注册成为会员，注册会员的目的是能获得较全面的客户重要信息。 新闻动态： BBS公告牌。 包括市场活动、新品信息、最新新闻、媒体报道等内容。 用户可根据日期或标题查询新闻信息。 技术支持包括：常见技术问题综述，疑难问题在线咨询（ BBS公告牌）。 人才流通：高新技术人才输出与招募。 合作机会；包括招商引资、项目合作和专利转让。 预计网站总共约 30 页网页， 3 个 CGI 用户信息反馈表单，产 品数据库查询、订单管理 中国最大的管理资源中心 9 库、人力资源库、 BBS电子公告牌、用户网上登陆注册系统。 祥见网站结构图（见附件） 六、公司网站实施步骤和标准规范 为保证聚群电子（宁波）有限公司网站建设的高质量和高效率，我们将按如下技术标准和规范操作实施。 （一）总体目标 设计的总体目标是为用户创造一个舒适、简便的浏览和维护环境。 包括： 突出主题，强调聚群电子（宁波）有限公司网站的 商业目的。 网站设计是跨浏览器的 设计中照顾常见的低配置的电脑（比如 75MHZ的 CPU， 16MB的内存， 14˝256色显示器） 便于高效率地浏览和使用 — 链接一目了然，导航清晰，给人简洁明快的感觉。 合理的外观 —— 包括：使用小图片和 “ 干净 ” 的源代码。 便于维护 —— 目录结构应当让人一目了然。 使用便于理解的有意义的文件名。 （二）网站结构 1．组织性 保持页面之间关系的平衡，不太深也不太浅。 具体来说，从 聚群电子有限公司网站的一个页面到另一页面，所用的点击数一般不能超过三下。 整个网站要有导航地图。 2．文件的目录结构 文件的目录结构不能超过三层。 图片和 HTML 文件将放到不同的目录里。 目录的名称将使用有意义的单词或拼音，这样用户只看 URL就能理解网站的组织结构。 其他要求包括： 文件名不使用空格或特殊字符 使用 htm而不是 html作为文件的扩展名 INDEX HTML 很多服务器搜寻目录名称时，自动搜索 index htm文件，因此在每一目录里都应当有一个 所有图片存放在 IMAGES目录里 所有原始的图片存放在 IMG SRC目录里 声音、视频还有多媒体文件可以存放在 MEDIA目录里 中国最大的管理资源中心 10 3．导航 每一页面都有返回主页面的链接 网站的导航系统将简单并且易于学习和使用。 并保证网站里没有 “死胡同”也就是除了使用浏览器的 BACK按钮哪儿都不能去的页面。 通 常网站的第一页是网站地图或者主菜单 避免链接的“死胡同” 导航系统的结构与风格应当统一 4．链接 链接的文字说明会让用户明白他们将到哪儿去。 能够保持所链接文字与该页面的TITLE一致。 （三）对美观的要求 1．页面和图形的颜色 所有的颜色将从 216种 WEB安全色里挑选。 2．超级链接和颜色 总体来说，为了不使用户迷惑，将不要改变链结的默认颜色。 3．图形 图形是为网站内容服务的，不会使用无关的图片。 图形文件将优化，单的图片的大小一般不超过 30K，整个页面图形总量通常不超过 75K大的图片将切割成小图片。 保 存图片时不选择“ THUMBNAILS”或预览一项，这样可以减少文件尺寸。 GIF图将选择渐进式（ INTERLACE） 图形文件的扩展名一律小写 图形文件名应当在 8个字符以内 4．页面元素的大小 页面元素文件尺寸的基本规定如下： 背景图处 24K 网站 LOGO 12K 映射图（ IMAGE MAP） 30K 主图 30K 按钮 23K 中国最大的管理资源中心 11 自定义图标 10K 自定义横线 17K BANNERS 和导航条 40K 照片 30K VRML 30K 声音、视频 如果超过 30K，就标出文件实际大小。 可下 载的多媒体文件 如果超过 30K，就标出文件实际大小。 （四）页面的设计和输出 1．标准的页眉和页脚 为保持网站风格的统一，每一页面都将有页眉和页脚。 页眉代表网站风格的 BANNER或 LOGO，页脚显示版权信息、 EMAIL链接。 2．允许反馈 无论用户在哪一页，都能够很容易地向网站的管理员发送 Email。 通常应当将 EMAIL的链接做到页脚上。 3．页面尺寸 每一页面的宽度不超过 600 像素，高度将控制在 325— 350 像素之间。 上下长度通常不超过两屏。 4．其他要求 用户应当知道自己身在何处。 为此，将会达到以下 要求： 在主页面或网站地图里显示一个“关于网站拥有者”的页面，这便于用户同网站的拥有者进行交流。 将所有最重要的元素和信息放在 325像素高以内的地方 将 LOGO放到每一页面固定位置 当链接需要下载的文件时，将指明文件的大小 不使用任何“正在建设中”的页面 语言规范、易懂，尽量避免使用 INTERNET 上的术语 将会出现版权信息 （五）技术标准 1．屏幕分辨率 为 640 480的分辨率而设计 2． HTML版本 中国最大的管理资源中心 12 将支持 3．客户端操作系统 windows98/95 window NT Apple OS 7+ UNIX 4． WEB服务器环境 Sun Solaris Windows NT 5．数据库 Oracle 7 或以上 6．服务器端工具 Livewire Perl MS Interdev 7．浏览器 以上 8．安全性 使用密码保护 使用 SSL以及安全的 FTP （六） HTML标准 HTML 代码规范 图形带 ALT文字说明 使用跨浏览器、跨平台的 HTML代码 不用不同的描述链接到同一页面 不出现链接的“死胡同” 代码 的风格统一 中国最大的管理资源中心 13 HTML 以及 JAVASCRIPT 代码尽可能使用大写字母 不使用 blink 避免使用 IMAGE MAP 将每一个 HTML文件保存为小写字母 文件名不超过 8个字符 验证每一个页面和链接（详见测试） （七）动态内容 1． JavaScript（客户端） JavaScript 是允许使用的，但使用应当谨慎，应注重浏览器的支持性。 2． JAVA 小程序同 JAVASCRIPT 一样 JAVA 小程序也可以使用，两方面的原因：一有的浏览器不支持 JAVA小程序；二 JAVA小程序影响页面的下载速度。 3． ActiveX ActiveX根据情况需要也可以使用，但将会注意其安全性。 4．多媒体 为了丰富页面内容，多媒体是可以使用的。 但将会注意很多多媒体元素都需要插件的用户。 5． Flash Flash是 MACROMEDIA公司的一种矢量动画标准，目前已经有超过一千万的用户在使用。 其特点是文件尺寸小，放大不失真，可以加入声音。 缺点是除 IE5之外，其他的浏览器须安装一个 170K的插件才能看到。 FLASH 页面将根据客户的要求制作，同进提供下载插件的链接，或用图形替换 FLASH。 （八）服务器端应用程序 1． CGI CGI 将实现客户 端与服务器端的信息交互，作用非常强大。 但如果编写不当，则会浪费服务器资源，甚至产生安全隐患。 因此我们非常注意正确地编写 CGI。 2． Netscape LiveWire（服务器端的 JavaScript）允许使用 3． ASP 根据客户的需要使用。 （九）网站测试 1．测试计划 当聚群电子网站完成以后，所有的链接将会通过人工进行测试和验证。 当然，这一测试链接的工作也可以用软件来完成，例如 HOMESITE， DREAMWEAVER 等。 HTML 将经过代码验证软件来验证。 中国最大的管理资源中心 14 2．在所支持的浏览器中预览 在。 （十）使用工具 以下是我们制作网站使用的工具 页面制作 ,Neto。