网页制作课程设计报告.doc

Internet应用与网页制作
课程设计报告

课题名称：印象依阁
姓名：
学号：
专业班级：本信息网络技术
系：计算机科学与技术
设计时间：2011.4.4~2011.4.15
指导教师：

指导教师评语：

成绩：

签名：
年月日

目录
TOC\o"1-2"\h\z\uHYPERLINK\l"_Toc377417650"1．课程设计目的 PAGEREF_Toc377417650\h1
HYPERLINK\l"_Toc377417651"2．课程设计任务与要求 PAGEREF_Toc377417651\h1
HYPERLINK\l"_Toc377417652"⑴设计任务 PAGEREF_Toc377417652\h1
HYPERLINK\l"_Toc377417653"⑵设计要求 PAGEREF_Toc377417653\h1
HYPERLINK\l"_Toc377417654"3．课程设计说明书 PAGEREF_Toc377417654\h1
HYPERLINK\l"_Toc377417655"(1)主题定位 PAGEREF_Toc377417655\h1
HYPERLINK\l"_Toc377417656"(2)结构设计 PAGEREF_Toc377417656\h1
HYPERLINK\l"_Toc377417657"(3)网站风格和CI形象设计 PAGEREF_Toc377417657\h5
HYPERLINK\l"_Toc377417658"(4)栏目规划部分 PAGEREF_Toc377417658\h5
HYPERLINK\l"_Toc377417659"4．课程设计成果 PAGEREF_Toc377417659\h6
HYPERLINK\l"_Toc377417660"(1)网站主页设计（包括效果图和使用的关键技术和步骤） PAGEREF_Toc377417660\h6
HYPERLINK\l"_Toc377417661"(2)个人登录栏目设计（包括效果图和使用的关键技术和步骤） PAGEREF_Toc377417661\h8
HYPERLINK\l"_Toc377417662"(3)产品推荐栏目设计（包括效果图和使用的关键技术和步骤） PAGEREF_Toc377417662\h9
HYPERLINK\l"_Toc377417663"5.课程设计心得 PAGEREF_Toc377417663\h9
HYPERLINK\l"_Toc377417664"6、参考文献 PAGEREF_Toc377417664\h10

1．课程设计目的
本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。
2．课程设计任务与要求
⑴设计任务
服装公司站点的制作
⑵设计要求
虚拟一个公司或者现实存在的公司，按公司（客户）要求进行站点设计。宣传公司、推广产品或者服务、人才招聘等。页面中使用到浮动框架布局。使用了行为设计动态效果。
3．课程设计说明书
(1)主题定位
满足公司对外的宣传，按公司要求设计站点，更能有效的为公司推广产品，招聘人才，同时也满足用户在网上方便浏览。网站主要用于宣传，加大用户对本公司的了解，进一步说明公司，网站应用图文并茂，符合大众浏览习惯，包含文字、图像、音频、动画（文字动画、图像动画、Flash动画）等内容。网站标志使用图像动画。考虑了客户端的传输速度。
(2)结构设计
①栏目组成图
网站首页
推荐产品
产品介绍
公司介绍
简介
拥有产品
产品列表
产品介绍
详细介绍
主要产品
详细介绍
关于我们
简介
联系我们
简介

②目录结构图
网站首页
网站首页
公司介绍
拥有产品
简介
简介
简介
产品介绍
产品介绍
推荐产品

推荐产品

推荐产品

网站首页
详细介绍
关于我们
联系我们
简介
简介
产品信息
产品信息
产品信息

③链接结构图
公司
首页
公司
首页
公司
介绍
拥有
产品
详细
介绍
关于
我们
联系
我们
推荐
产品
个人
中心

简介
产品
介绍
产品
介绍

简介

简介

(3)网站风格和CI形象设计
网站的LOGO主要根据商品的类型设计的，整个网站都用了楷