网页制作课程设计.docxVIP

课 课 程 设 计 报 告 课程名称 《网页设计》 课题名称 南岳衡山旅游网页制作 专 业 信息管理与信息系统 班 级 信管 1301 学 号 201303110125 姓 名 肖宏亮 指导教师 余新宇 、赵锦元、谢雅 2015 年 6 月 10 日 湖南工程学院 课 程 设 计 任 务 书 课程名称 《网页设计》 课 题 南岳衡山旅游网页制作 专业班级 信管 1301 学生姓名 肖宏亮 学 号 201303110125 指导老师 余新宇 赵锦元 谢雅审 批 任务书下达日期 2015 年 6 月 10 日 任务完成日期 2015 年 6 月 27 日 目 录 设计的思路 0 网站总体风格 0 网站的分析与设计 1 总体设计图 1 详细设计 2 各页面的内容 2 首页的布局 2 制作二级页面 4 制作三级页面 6 5.6 特效 10 错误调试 11 7 总结 12 心得体会 13 评分表 14 0 0 第一部分:课设目的 21 世纪是一个信息时代，Internet 已经进入人们生活与工作的各方面，而网页作为 Internet 信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 个人网站的总体规划和步骤 设计的思路 我的个人网站主要是以蓝色基调为主，使人一看就了然，很容易一看就形成系统的逻辑，而且与我们南岳衡山的旅游风景相衬显得十分融洽。 网站总体风格 我设计的这个网站使用蓝色基调主要是给人舒服，能够一目了然，而且能够吸引人的眼球，更重要的是这期主题是南岳衡山，大体基调使用蓝色与大山的图片颜色相当协调。 网站的总体风格主要是以蓝色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实并不复杂，主要是先规划还一个大致布局，可以参考很多旅游网站他的大体布局，但不能照搬全抄，要结合自身网站的特点做一些较之其他网页相对有特色的东西，这样才能更吸引人，在网页顶部，我们必须做一个能代表我们网站的 LOGO，所以做好一个模版，模版做好框架了，那网站就初步先采用 ps 技术设计好自己网站的 LOGO，然后创建导航栏，再根据导航栏制作其他的页面。在整个网站的制作过程中我们必须得切记整体风格必须一致，这样才会给人形成一个整体舒服的感觉，否则会显得很唐突。 绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问 PAGE PAGE 10 者可以很明确的感受到制作网站的人的心情和性格。 网站的主要色调是以蓝色为主。明亮的蓝色是一种非常美丽、优雅的颜色， 它非常醒目，给人眼前一亮的感觉，使人感觉非常具有活力。 网站的分析与设计 设计一个个人网站,主要需要考虑两个方面的因素: 速度:反应出用户访问网站页面的速度。主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 总体设计图 网页的总体设计图，一个首页，四个二级子页，三个三级子页，其结构关系图如下。 图 4-1 总体设计图 详细设计 各页面的内容 首页：总述。 景点介绍：南岳十二个著名景点的简介与美图。 旅游路线：里面详细显示出了南岳的各景点以及周边特色的地理路线 酒店宾馆：里面有很多南岳衡山周边宾馆。标明了详细价格及优惠， 可供您挑选。 宗教文化：主要是介绍南岳的宗教信仰及具体介绍。 旅游社区：登录界面，点击进入注册后可进入注册页面。 首页的布局 选择“布局模式”，将页面布局为如图 4-3 所示: 图 5-1 首页 先使用 ps 自制一个 LOGO，然后布局在首页顶端。然后再使用div+css 的方法布局，大致如图 4-2 所示. 主要代码： html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html;charset=UTF-8 title南岳衡山/title link rel=stylesheet type=text/css href=index.css link rel=stylesheet type=text/css href=head_footer.css script src=one.js/script /head body div class=big div class=head ul lia href=index.html 首nbsp;nbsp;页/a/li lia href=ziye\jingdian.html景点介绍/a/li lia href=luxian.html旅游路线/