网站设计与制作.pdf
目录
成绩
2
１．“我的Ｅ站”概述
２．“我的Ｅ站”功能需求分析2
２.1注册登陆模块2
２.2友情链接2
２.3E站日记2
２.4关于我们2
２.5联系我们2
２.6关于我们2
２.7帮助信息2
２.８意见反馈2
2.9.“我的Ｅ站”功能结构图3
3
３.“我的Ｅ站”美工效果及切图设计
３.１设计“我的Ｅ站”的3
LOGO
3.2设计“我的Ｅ站”效果图3
3.2．1“我的Ｅ站”首页效果图设计3
3.2．2“我的Ｅ站”子页效果图设计4
３.3裁切“我的Ｅ站”设计效果图5
3.3.1我的E站子页切图效果图5
３.４设计“我的Ｅ站”中的动画6
４.“我的Ｅ站”页面设计7
４.１首页设计7
４.２子页设计12
4.2.1在线申请页面12
4.2.2关于我们页面13
4.2.3联系我们页面13
4.2.4服务条款页面14
4.2.5E站日记页面14
4.2.6帮助信息页面15
4.2.7意见反馈页面15
5.我的E站测试16
6.设计总结及体会17
１．“我的Ｅ站”概述
“我的E站”是一款面向国内中小企业网络营销从业人员的网络营销工具集成平台，它
通过集成全面、实用的各种网络营销工具，让用户获得全面、完整、可量身定制的网络营销
方法、工具支持，这一切基于它高质量的核心应用及第三方开放平台策略。
２．“我的Ｅ站”功能需求分析
本系统分为“平台系统”和“产品应用”两部分。“系统平台”分为Web站点（本教材需
要完成的部分）、用户操作平台、、平台管理后台三个模块。“产品应用”共包含五个大类6
个子应用。每个应用有独立的使用界面和管理后台。
本教材需要完成的部分系统平台中的Web站点部分。
Web网站的主要作用为，1、向访客介绍本平台功能及价值，2、吸引用户注册使用，并提
供登陆方式。
主要系统模块有：注册登陆模块、友情链接、E站日记、关于我们，联系我们、服务条款、
帮助信息、意见反馈8个模块。
２.1注册登陆模块
包含：用户注册系统、用户登陆系统
注册系统：用户点击注册按钮，进入注册页面，输入注册信息（账号邮箱、密码、重复密
码，验证码），点击提交，系统自动向客户注册邮箱发送验证邮件，用户登陆邮箱点击邮件
验证链接，账号生效，以新窗口进入网站（已登陆状态），
用户登陆：用户点击登陆按钮，进入登陆页面，输入帐号密码信息，登陆。
注：两次登陆失败，第三次登陆开始，要求输入验证码。
２.2友情链接
分为图片、文字两种链接系统、以横排显示友链网站的图片logo及文字链接，点击更
多，进入全部友情链接页面。
２.3E站日记
本模块为新闻公告系统，以新闻列表形式，展示最新3条日志，点击更多，显示全部新闻
列表。
２.4关于我们
以静态页面形式图文介绍
２.5联系我们
以静态页面形式图文介绍
２.6关于我们
以静态页面形式图文介绍
２.7帮助信息
以二级内容列表形式展示分类帮助信息。
２.８意见反馈
在线提交的表单系统，提交后平台管理后台可查。表单字段只含两个提交字段：“建
议内容”和验证码，建议内容输入控件为单文本编辑框，点击提交，页面显示提交成功，或
验证码错误。
2.9.“我的Ｅ站”功能结构图
图2-1我的E站功能结构图
３.“我的Ｅ站”美工效果及切图设计
３.１设计“我的Ｅ站”的logo
LOGO在视觉的品牌传播和传达企业对内对外的精神和文化理念方面均起着举足轻重的作
用，LOGO在设计过程中注重比例，对比，复制技巧，遵循客观规律。
LOGO标志作为企业CIS战略的最主要部分，在企业形象传递过程中，是应用最广泛、出
现