网站页面设计实施规划（举例）

申请免费试用、咨询电话：400-8352-114

页面设计实施规划

1.   页面宽度

窄屏幕核心内容显示＋宽屏背景像素拉伸

原则上屏幕核心内容尺寸宽度为800pix

背景单色，随显示器分辨率不同像素拉伸变化

参考网站：https://www.fanpusoft.com/

2.   页面长度

原则上不能超过2.5屏长度，核心内容集中在1-1.5屏内

首页限制在2屏以内。（以1440x900显示器参照）

3.   网页结构设计

全网以css+div进行页面设计

原则上以css+div全网设计，个别网页表现可以用table辅助。

4.   网页兼容性

必须兼容各种主流浏览器

需要兼容IE6 IE7 IE8以及Firefox（火狐）浏览器，如微软在系统更新中推出了IE9，仍须在2个月内保证最新IE9的页面兼容性。

5.   字体字号规范：

采取标准网页的宋体字体

字号首页标准12pix

前台栏目大概这样：

援护主页      服务项目     预约方式      服务全案       新闻中心     援护事业   

会员价值        援护承诺        援护培训          援护全国           特许经营 

程序功能总体要求：

1前台页面功能：

各功能模块详细说明：

⑴信息浏览功能：

功能用途：

用于用户浏览页面，完成相关链接跳转。

功能要求：

通过网站后台的“新闻发布功能”完成此项功能。

⑵ 信息提交功能：

功能用途：

用于完成用户在页面上的信息输入，提交触发等功能。包括调查提交，咨询提交业务申请提交等应用。

功能要求：

此功能应对于信息提交框进行简单输入检测限制，比如姓名长度，电话不能为中文，信息输入长度，日期格式等等，建议页面端前台脚本检测。

此功能信息提交按钮触发为两种模式，一种为信息提交触发后信息进入数据库，前页页面刷新出现“操作成功”为主要内容的页面。一种为在前一种的基础上增加触发电子邮件发送的功能，根据用户提交信息，生成自定义格式email发送用户邮箱。

⑶全文检索功能：

功能用途：

用于提供用户的关键字检索，检索的结果范围为全网任何字段。

功能要求：

设计数据库的全文检索功能，优化提高CPU运行效率。搜索的结果页按照“栏目”“关键字内容列表”的形式综合汇总出来。

⑷ 条件检索功能：

功能用途：

用于提供用户单条件或多条件级联检索，检索特定条件下的内容。

功能要求：

单条件检索的形式为下拉菜单和图形菜单两种，点击下拉列表或选择图像即触发检索结果页面，无需触发按钮。

多条件级联检索为多个下拉菜单的组合形式，需要触发按钮触发检索结果页面。

⑸ 上传下载功能：

功能用途：

用于提供用户的上传下载附件的功能。

功能要求：

下载限制格式pdf doc exe zip rar等常见格式。

上传限制格式doc zip rar，上传控件功能为本地用户硬盘上传，服务器上传目录做权限限制，防止木马病毒。

⑹  邮件直发功能：

功能用途：

用于提供用户点击页面邮件地址直接激活客户端邮件软件，发送邮件功能。

功能要求：

页面应用“mailto：”触发此功能，确保点击触发后css正确。

⑺  服务调查功能：

功能用途：

用于提供用户关于服务满意度调查的网上提交功能。

功能要求：

此功能属于“信息提交功能”的扩展，相对于“信息提交功能”增加了复选，排他单选，flash评分等功能。相关功能要求基本同“信息提交功能”。

⑻ 邮件回馈功能：

功能用途：

用于系统由于某些功能触发后系统自动按照用户的电子邮件地址给用户发送电子邮件。

功能要求：

此功能属于触发性功能，从前台无法直观展现，但由前台其他功能所触发。

功能要求前台某一其他功能触发邮件回馈功能后，先由系统后台根据相关邮件模板设计生成自定义格式的邮件，再有邮件服务器发送给用户。

⑼开卡查询功能：

功能用途：

用于用户查询援护服务卡开通情况以及用户相关信息。

功能要求：

用户输入“卡号”“密码”“验证码”提交信息后，点击提交按钮触发查询页面。查询结果页面调用数据库中的卡号，服务有效期，用户相关信息等数据。

⑽ 注册登录功能：

功能用途：

此功能包括：用于普通用户的登录注册，用于连锁中心和总站管理员的登录管理两部分。

功能要求：

1用于普通用户：登录区域包括“用户名”“密码”“验证码”的提交区域，并且包含“点击注册”“忘记密码”两个操作链接以及登录按钮触发登录页面。

“点击注册”页面包括“用户名”“密码”“确认密码”“电子邮件”“联系电话”输入区域以及“对提供的产品及服务感兴趣”“对成为加盟商感兴趣”“我愿意接收邮件新闻”复选选项，确认按钮触发注册过程。

“忘记密码”页面包括“用户名”“注册的邮箱”两个输入区域，确认提交按钮触发返回结果页面，结果直接显示在页面中。

2用于锁中心和总站管理员：登录地址不在全网有任何链接接口，以独立网址的形式告知相关登录用户。

登录功能以“用户名”“密码”“验证码”，提交按钮触发后登录页面。

根据不同的登录用户设定不同的登录权限，显示不同的登录管理后台，系统增加登录日志功能，用以监管登录情况防止黑客入侵。

⑾ 博客微博功能：

功能用途：

用于作为援护网站用户端以及连锁中心的内容发布平台。

功能要求：

此功能需要具备基本的博客功能，注册登录，内容撰写，内容编辑，内容管理，引用转发，页面推荐等功能。

此功能无需自己开发，在网上寻找成型成熟的博客功能模块，将博客功能嵌入援护网站即可。

为保证最佳的兼容性，博客功能模块建议JSP语言开发，并提供免费的升级服务。

2 连锁中心后台功能：

各功能模块详细说明：

⑴   邮件回馈功能：

功能用途：

用于收到总部的用户需求咨询邮件后，派发回馈邮件。

功能要求：

此后台功能模块分两部分：

1收到的邮件列表以及操作功能：分别包括序号，日期（倒序），发件人，邮件地址，标题，内容，模板选择，操作（发送邮件，关闭邮件）以及反馈状态（关闭邮件，模板n发送成功等）。

2邮件模板管理功能：分别包括模板序号，注释以及模板操作（新增，编辑，删除）。

⑵ 员工跟踪管理：

功能用途：

用于监督调度连锁中心护理人员的工作情况。

功能要求：

此后台功能模块分三部分：

1员工工作内容操作：分别为增加，编辑，删除。其中增加的项目员工工号，日期，时间，卡号，工作内容，备注，预约请求等。

2员工工作内容查询：分别为按日期（日历模式），按工号，按卡号。

3配合实施掌控中心提供的硬件终端设备做“服务开始时间”“服务结束时间”“服务对象卡号”的信息传输接口。

⑶ 开卡注册功能：

功能用途：

用于开通服务卡，注册用户信息。

功能要求：

此后台功能模块为输入卡号，密码。确认按钮提交后，若为已开通卡号则返回前台页面“开卡查询功能”相同页面结果。若未开通则信息提交框输入姓名，性别等相关用户信息，提交确认后，出现再次确认页面，内容为刚输出的信息且包含警告提示，一经确认不可更改，再次提交按钮触发后生效。

⑷ 服务预约功能：

功能用途：

用于客户主动通过各种方式预约服务的记录查询。

功能要求：

此后台功能模块分两部分：

1客户预约内容操作：分别为增加，编辑，删除。其中增加的项目员工工号，日期，时间，卡号，工作内容，备注等。

2客户预约内容查询：分别为按日期（日历模式），按工号，按卡号。

⑸  报表统计功能：

功能用途：

用于连锁中心的各种数据统计。

功能要求：

此后台功能模块主要以分类检索统计为主要功能，点击触发相关的统计功能，如财务收入，客户数量，服务时间等等。查询触发后生成统计结果反馈页面。

⑹ 充值续费功能：

功能用途：

此功能分为：用于为用户服务卡进行费用充值以及连锁商预存查询两部分。

功能要求：

1为用户充值：此后台功能模块为输入卡号，密码，确定按钮触发余额查询，在充值金额信息框中输入资金数量确认按钮触发充值，页面返回最新余额数量。用户充值查询初始页面为下拉列表分为：序号，日期，卡号，余额，历史明细。其中点击“历史明细”触发前20笔充值异动查询页面，页面中包括时间区域段选择查询功能，选择时间段落点击确认按钮触发详细查询。

2连锁商预存查询：初始界面显示预存金额，佣金比例，历史明细。其中点击“历史明细”触发前20笔连锁中心预存异动。包括客户充值消费：序号，时间，卡号，充值金额，支付佣金。以及连锁中心汇款记录，包括序号，时间，汇款金额。页面中包括时间区域段选择查询功能，选择时间段落点击确认按钮触发详细查询。

⑺ 人才搜索功能：

功能用途：

用于为连锁中心搜索服务人才库等检索操作。

功能要求：

此后台功能模块主要基于条件检索功能，按照不同条件如地区，技能，年龄，工作经验等列表检索，确定按钮触发检索结果页面，点击某一列表内容弹出完整简历。

⑻ 用户管理功能：

功能用途：

用于为服务用户进行灵活管理的操作。

功能要求：

此后台功能模块为输入卡号，密码，确认按钮触发用户服务卡的状态查询，状态有正常，未开通，暂停。操作功能为暂停使用和再次开通。同时具备操作日志功能便于查询。

⑼ 后台权限管理：

功能用途：

用于连锁中心的操作人员权限设置。

功能要求：

此后台功能模块为增加，编辑，删除当前用户权限功能。增加的权限为超级管理员，以及自定义权限，权限分类为后台给模块权限，勾选各模块，确认按钮触发新的权限。

⑽ 总部沟通功能：

功能用途：

用于连锁中心与总部的沟通。

功能要求：

此后台功能模块为小型新闻发布系统，纯文本模式，分别为标题，内容，答复，上传附件。上传附件类型为jpg bmp gif doc。标题加以30字限制，内容300字限制。在通讯列表中，点击标题链接触发弹出当前标题内容。

⑾  新闻发布系统：

功能用途：

用于连锁中心的项目介绍网站发布生成。

功能要求：

此后台功能模块为小型新闻发布系统，和前台模板对应起来，分别为下拉选择主栏目和二级栏目触发内容混编器，混编器需要满足图文混编，字号，颜色等常用编辑功能，再加入超链接，flash，视频，声音等引用路径功能。除图片外，拒绝本地上传影音文件。点击确定按钮触发上传提交事件，返回相应栏目的文章列表。列表增加常见操作功能，如编辑，删除等。

3   总部后台功能：

各功能模块详细说明：

⑴  邮件回馈中心：

功能用途：

用于处理用户和连锁中心发送的需求申请，同时派发相关邮件给连锁中心。

功能要求：

此后台功能模块分三部分：

1收到的请求列表以及单选功能：分别包括序号，日期（倒序），姓名，邮件地址，联系地址，邮编，内容，反馈状态（关闭邮件，模板n发送成功，邮件已派送等）。

2需求操作功能：分别为单选邮件后触发邮件操作界面，操作（发送邮件，关闭邮件，派发邮件）发送邮件功能触发模板选择，编辑修改等，发送按钮触发后激活请求列表状态更新。派发邮件功能触发连锁中心列表选择，派发按钮触发后激活请求列表状态更新，关闭邮件同理。

3   邮件模板管理功能：分别包括模板序号，注释以及模板操作（新增，编辑，删除）。

⑵          新闻发布系统：

功能用途：

用于总部网站的网站发布生成。

功能要求：

此后台功能模块为小型新闻发布系统，和前台模板对应起来，分别为下拉选择主栏目和二级栏目触发内容混编器，混编器需要满足图文混编，字号，颜色等常用编辑功能，再加入超链接，flash，视频，声音等引用路径功能。除图片外，可以本地上传影音文件。点击确定按钮触发上传提交事件，返回相应栏目的文章列表。列表增加常见操作功能，如编辑，删除等。

⑶  企业沟通功能：

功能用途：

用于连锁中心与总部的沟通。

功能要求：

此后台功能模块为小型新闻发布系统，纯文本模式，分别为标题，内容，答复，上传附件。上传附件类型为jpg bmp gif doc。标题加以30字限制，内容300字限制。在通讯列表中，点击标题链接触发弹出当前标题内容。

⑷  信息总览功能：

功能用途：

用于总部对连锁中心全方位的信息浏览监管。

功能要求：

此后台功能模块主要为条件查询功能分为按连锁中心查询和按照模块分类查询。

按连锁中心查询：下拉菜单选择某一连锁中心直接触发查询页面，查询页面包括“援护人才”“业务报表”“用户管理”“邮件回馈”“员工跟踪管理”“服务预约”等链接。点击某一链接触发查询结果页面，页面内容为连锁中心后台相关功能的只读浏览功能。

按功能模块查询：下拉菜单选择相应的功能模块，包括“援护人才”“业务报表”“用户管理”“邮件回馈”“员工跟踪管理”“服务预约”等，即时触发查询页面，页面结果为全部连锁中心的同一后台功能模块的内容浏览，加上“隶属区域”的内容区分。

  所有一切的信息总览功能要求为只读的读取功能，禁止存在修改功能。

⑸资格授权功能：

功能用途：

用于总部对连锁中心服务人员的资格上岗认证授权。

功能要求：

此后台功能模块分两部分：

1授权服务人员增加：其中增加的项目员工工号，姓名，性别，年龄，联系方式，认证资质，隶属中心，备注等等。其中隶属中心下拉菜单选择已有连锁中心。

2授权服务人员查询：分别工号，隶属中心，资格，认证时间，备注，操作（编辑，删除）。

⑹          充值续费功能：

功能用途：

此功能为各地连锁中心预存充值查询。

功能要求：

初始界面显示各地连锁中心预存金额，佣金比例，历史明细。其中点击“历史明细”触发前20笔连锁中心预存异动。包括客户充值消费：序号，时间，卡号，充值金额，支付佣金。以及连锁中心汇款记录，包括序号，时间，汇款金额。页面中包括时间区域段选择查询功能，选择时间段落点击确认按钮触发详细查询。页面中包括地域区域段选择查询功能，选择各地连锁中心段落点击确认按钮触发详细查询。

⑺          多级权限功能：

功能用途：

用于限制连锁中心的授权业务，属于系统扩展功能。

功能要求：

此后台功能模块为列表选择连锁中心，触发连锁中心经营项目权限的查询页面。分为授权权限，授权状态（已授权，未授权），操作（开通，关闭）。其中开通按钮触发单选该功能的授权，授权状态更新已授权。关闭按钮触发单选该功能的取消授权，授权状态更新未授权。

⑻          后台权限管理：

功能用途：

用于总部及连锁中心的操作人员权限设置。

功能要求：

此后台功能模块为增加，编辑，删除当前用户权限功能。增加的权限为超级管理员，以及自定义权限，权限分类为后台给模块权限，勾选各模块，确认按钮触发新的权限。增加隶属区域，下拉类表选择连锁中心，并可为连锁中心增加管理权限。

⑼          服务评估功能：

功能用途：

用于总部对连锁中心的服务质量考核。

功能要求：

此后台功能模块为列表所有连锁中心的服务质量评估考核结果，下拉列表选择某一连锁中心，触发用户服务调查结果信息，根据调查结果，选择“周期”触发增加对当前连锁中心的考核页面，分别为周期，评分，说明，备注。

⑽          用户登录功能：

功能用途：

用于连锁中心和总站管理员的登录管理。

功能要求：

登录地址不在全网有任何链接接口，以独立网址的形式告知相关登录用户。

登录功能以“用户名”“密码”“验证码”，提交按钮触发后登录页面。

根据不同的登录用户设定不同的登录权限，显示不同的登录管理后台，系统增加登录日志功能，用以监管登录情况防止黑客入侵。

⑾          连锁中心管理：

功能用途：

用于为连锁中心进行灵活管理的操作。

功能要求：

此后台功能模块为列表显示所有连锁中心的状态查询，状态有正常，暂停，取消。下拉类表选择某一连锁中心触发操作功能。操作功能按钮为暂停使用，再次开通，取消资格。同时具备操作日志功能便于查询。

    免费网络营销顾问：我们为您提供免费的网络营销顾问服务，您需要了解关于如何开展网络营销，电子商务，网站设计等的事宜，欢迎随时联系我们。

    seo友好的网站管理系统：除了优质的网站空间，网站管理系统，和网站设计外，我们的网站管理系统更是seo友好的，包括：自定义栏目名，Google Sitemap自动生成，静态页面生成等等，让您的网站。

     免费网络营销培训：如何更好的投放网络广告，如何提高网络广告的投资回报，如何发帖子，
     如何优化网站，我们有丰富的经验开放给您！祝君成功！

联系我们：010-62199213 62122723-808  400-697-8610  徐小姐
北京网站建设公司-北京信网站：https://www.fanpusoft.com/ 点击查看经典网站案例！