1、 Internet 应用与网页制作 课程设计报告 课题课题名称：名称： 印象依阁印象依阁 姓姓 名：名： 学学 号：号： 专业班级：专业班级： 本信息网络技术本信息网络技术 系：系： 计算机科学与技术计算机科学与技术 设计时间：设计时间： 2011.4.42011.4.15 指导教师指导教师： 指导教师评语： 签名： 年 月 日 成绩：成绩： 0 目录 1课程设计目的 . 1 2课程设计任务与要求 1 设计任务设计任务 1 设计要求设计要求 1 3课程设计说明书 . 1 (1)(1)主题定位主题定位. 1 (2)(2)结构设计结构设计. 1 (3)(3)网站风格和网站风格和 CI 形象设计形象
2、设计 . 5 (4)(4)栏目规划部分栏目规划部分 . 5 4课程设计成果 . 6 (1)1)网站主页设网站主页设计（包括效果图和使用的关键技术和步骤）计（包括效果图和使用的关键技术和步骤） 6 (2)(2)个人登录栏目设计（包括效果图和使用的关键技术和步骤）个人登录栏目设计（包括效果图和使用的关键技术和步骤） . 8 (3)(3)产品推荐栏目设计（包括效果图和使用的关键技术和步骤）产品推荐栏目设计（包括效果图和使用的关键技术和步骤） . 9 5. 课程设计心得 . 9 6、参考文献 10 1 1课程设计目的 本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会 设计和制
3、作网站（全部工作流程） ，包括完成设计报告，了解网站的软、硬件平台，会发 布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握 相关行业的相关标准。 从而运用网站界面的设计与可用性分析制作专业的站点， 以便能获 得就业机会，提高个人的综合竞争力与社会适应力。 2课程设计任务与要求 设计任务设计任务 服装公司站点的制作 设计要求设计要求 虚拟一个公司或者现实存在的公司，按公司（客户）要求进行站点设计。宣传公司、 推广产品或者服务、人才招聘等。页面中使用到浮动框架布局。使用了行为设计动态 效果。 3课程设计说明书 (1)(1)主题定位主题定位 满足公司对外的宣传， 按公司
4、要求设计站点， 更能有效的为公司推广产品， 招聘人才， 同时也满足用户在网上方便浏览。网站主要用于宣传，加大用户对本公司的了解，进 一步说明公司，网站应用图文并茂，符合大众浏览习惯，包含文字、图像、音频、动 画（文字动画、图像动画、Flash动画）等内容。 网站标志使用图像动画。考虑了客 户端的传输速度。 (2)(2)结构设计结构设计 栏目组成图栏目组成图 网站首页 推荐产品 产品介绍 公司介绍 2 简介 拥有产品 产品列表 产品介绍 详细介绍 主要产品 详细介绍 关于我们 简介 联系我们 简介 目录结构图目录结构图 3 网站首页 网站首页 公司介绍 拥有产品 简介 简介 简介 产品介绍 产品
5、介绍 推荐产品 推荐产品 推荐产品 4 链接结构图链接结构图 网站首页 详细介绍 关于我们 联系我们 简介 简介 产品信息 产品信息 产品信息 5 (3)(3)网站风格和网站风格和 CI 形象设计形象设计 网站的 LOGO 主要根据商品的类型设计的，整个网站都用了楷体为字体，以楷体的灵 动飘逸凸显网页的活力。 (4)(4)栏目规划部分栏目规划部分 首页首页栏目规划栏目规划： 第一栏为导航栏，第二栏为个人中心，第三栏为网站动态，第四栏为服务栏，第五、 六栏为产品推荐，第七栏为友情链接 公司 首页 公司 首页 公司 介绍 拥有 产品 详细 介绍 关于 我们 联系 我们 推荐 产品 个人 中心 简介 产品 介绍 产品 介绍 简介 简介 6 导航草图如下： 在导航草图中，网站首页下面有 6 个二级网页，每个页面能互相连接。 其它其它栏目规划栏目规划： 第一栏为导航栏，第二栏为个人中心，第三栏为简介 4课程设计成果 (1)1)网站主页设计（包括效果图和使用的关键技术和步骤）网站主页设计（包括效果图和使用的关键技术和步骤） 拥 有 产 品 详 细 介 绍 关 于 我 们 公 司 介 绍 网 站 首 页 印象依阁的首页 联 系 我 们 7 关键技术与步骤：关键技术与步骤： 首 页 导 航栏 均 使用 了 二级
