网页设计,旅游网站

《网页设计,旅游网站》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、成绩：存档资料华东交通大学理工学院课程设计报告书所属课程名称网页设计与制作课程设计网站首页电信分院专业班级学号程志平学生姓名指导教师2014年1月4日目录第一章绪论11、网站设计的目12、网站的主题13、网站规划1第二章网页整体设计21、创建HTML22、创建CSS文件2第三章网页详细设计31、头部的和导航栏设计32、布局页面——左边栏43、布局页面中间64、布局页面——右边85、布局页面下部11第四章课程设计心得131、充分发挥动手能力132、在设计过程中不断提高网页设计水平133、不足之处13第五章

2、参考文献14第一章绪论1、网站设计的目木学期通过对《网页设计与制作》的学习，让我了解到了如何让设计网页，以及一些基础的网页设计的知识和对Dreamweaver软件的基础应用，学习到了运用一些基本的网页设计工具和原则来制作和美观网页。比如PS,背景图片，文字，超链接，布局，框架，多媒体等等。通过这次设计，进一步的提高了我的网站设计能力和动手能力，更加全面的巩固了我在课堂上学到的知识，掌握了网站设计的一些方法和步骤，了解了网站的基木结构，熟悉了规范和标准。2、网站的主题主题：某企业网站首页3、网站规划我设计

3、网页的布局，整体上我借鉴了一些公企业网站，我才用了其中的一些布局,分块。而我主要采用了布局模式，div+css来设计，背景图片，然后再插入超链接，图片等等，这样就形成了整个网页的布局设本地文件大小A曰&站点-未命名站•••■白…ahtml•…圉banner,jpg87KB1:tbanner.psd569KBbeautyl.jpgbe&uty2.jpgbeaLuty3・jpgbeaLuty4・jpgbutton,psd28KB.36KB.32KB.32KB.24KB:第二章网页整体设计1、创建HTML首先

4、打开DW软件建立一个站点，我取名为未命名站点2,如下图2-1站点设置对象未命名站点2站点服务器版本控制►高级设蛊Dreamweaver站点是网站中使用的所有文件和资源的集合。Dreamweaver站点通常包含两个部分：可在其中存储和处理文件的计算机上的本地文件夹，以及可在其中将相同文件发布到Web上的服务器上的远程文件夹。您可以在此处为Dreamweaver站点选择本地文件夹和名称。站点名称：未命名站点2本地站点文件夹：Q帮助图2・1将网站建好后把网贝源代码,css文件，图片等放在相应的目录下。如图1・

5、2・MFR图2-22、创建CSS文件创建一个CSS文件。第三章网页详细设计先设置好页面布局接下来开始进行局部的设计：1、头部的和导航栏设计头部：头部为一张网页的图片和导航栏组成。如图3-1图3・1用如下HTML代码实现：

• 首页
• 南昌简介
• 风土人情
• 吃在南昌

• 6、=〃#〃>路线选择

• 自助行
• 摄影摄像
• 游记精选
• 资源下载
• 雁过留声