俞鹏飞技术应用性设计成果.docVIP

技术应用性设计成果 届 别： 2012 届 数字信息技术 二级学院（ ： 二级学院（部） 专业名称： 专业名称： 班级名称： 班级名称： 学生姓名： 学生姓名： 学生学号： 学生学号： 指导教师（学院） ： 指导教师（学 院） 指导师傅（企业） ： 指导师傅（企业） 计算机信息管理 S670109 网络 俞鹏飞 董一方 2012 年 4 月 1 日 目 录 情人节礼品网站的设计方案…… 2 一、引言…… 2 二、开发工具介绍 …… 4 （ 一）Dreamweaver 简介…… 4 （二）Photoshop 简介…… 5 三、网站设计过程 …… 6 （一）主题设计 …… 6 （二）网站整体规划…… 6 （三）网站 logo 的设计…… 6 （四）首页设计 …… 7 （五）分页设计 …… 21 四、网站的上传与测试 …… 27 五、总结与体会 …… 27 参 考 文 献…… 28 1 情人节礼品网站的设计方案 作者：俞鹏飞 指导老师：董一方 指导师傅： 一、引言 随着人们生活情调的提升，情侣们在不断丰富自己的生活方式。生活的品质，生活 的情调是 不可或缺的，但是现在，普通的礼物已经被人们广泛应用毫无新意了，现如今 的礼物不但要做到 可爱、实用，而且要有创意、健康。情人节礼品网就可以让浏览者选 择自己喜欢的礼物。喜欢给 自己的另一半惊喜朋友们，在浏览了情人节礼品网之后，一 定可以找到自己逞心如意的礼物送给 你的他（她） 。 2 二、开发工具介绍 （一）Dreamweaver 简介 Dreamweaver 是一款非常实用的网页编辑工具，它采用了多种技术，具有网站开发 过程中所 需的网站管理、网站设计、页面设计等功能。它操作简单，方便，可以随时进 行测试来观察网页 的制作效果。 原本是由 Macromedia 公司所开发的软件， 现如今已 经被 Adobe 收购， 已经开始开发 Linux 版本。人性化的处理方式使制作网页更加简便 ，新手上手也更加容易。 界面面板 1、初始界面：安装后，它会自动在 Windows 的菜 单中创建程序组 2、启动面板：启动面板主要用来快速启动相应的任务，或显示/隐藏相 应的浮动面板 3、对象面板：插入菜单，向网页插入一些对象 4、属性面板：随着编辑 内容变化而变化 4 （二）Photoshop 简介 Photoshop 同样是 Adobe 公司旗下的一款非常著名的软件，集图像扫描、编辑修改 、图像制 作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设 计人员和电脑美术 爱好者的喜爱。软件操作简单，功能强大，不仅可以修改原有图片的 不足，还可以对图片进行一 系列的渲染美化。Photoshop 与 Dreamweaver 同属一个公 司，所以使用起来的兼容能力也相当的 强大。 工作区域： A.选项卡式“文档”窗口 B. 应用程序栏 C. 工作区切换器 D. 面板标题栏 E. “ 控制”面板 F. “工具”面板 G. “折叠为图标”按钮 H. 垂直停放的四个面板组 5 三、网站设计过程 （一）主题设计 情人节礼品网选择了目前市面上非常流行的情人节礼物，其中包括的种类非常之多 ，有食品 类、生活家居类、数码类、床上用品类、实用类等等、富有纪念意义，深受广 大人民群众的热爱， 让你的情人节过的不在孤单，热恋中的男女，每天都是情人节，只 有你想不到，没有我做不到， 每一份礼物都是精品中的精品，让每一位顾客都感受到时 代的变化，礼物也可以做到非常大的变 化，非常大的创意！ （二）网站整体规划 本网站设计了美丽礼物、心意礼物、温暖礼物、实用礼物、情侣礼物，五个主要导 航，浏览 者可以通过这些导航直接访问自己喜欢的各种礼物，方便实用，直接突出重点 ，没有别的令人感 觉麻烦的地方 主要结构如图 3—1 所示： 美丽礼物 心意礼物 温暖礼物 实用礼物 情侣礼物 二 十 五 件 推 荐 礼 礼 荐 推 件 五 十 二 十 五 件 推 荐 礼 二 十 五 二 十 五 件 件 推 推 荐 荐 礼 礼 二 图 3—1 网站整体结构 （三）网站 logo 的设计 网站的 logo 是顾客觉得网站好坏的第一杀手锏，网站的 logo 可以看出真网站的 整体风格。 情人节礼品网的 logo 除了要美轮美奂之外， 还要给人一个温