文档介绍：存档资料成绩: 华东交通大学理工学院课程设计报告书所属课程名称网页设计与制作课程设计题目网站首页分院电信分院专业班级学号学生姓名指导教师程志平年月日目录第一章绪论、网站设计的目、网站的主题、网站规划第二章网页整体设计、创建、创建文件第三章网页详细设计、头部的和导航栏设计、布局页面——左边栏、布局页面——中间、布局页面——右边、布局页面——下部第四章课程设计心得、充分发挥动手能力、在设计过程中不断提高网页设计水平、不足之处第五章参考文献第一章绪论、网站设计的目本学期通过对《网页设计与制作》的学****让我了解到了如何让设计网页,以及一些基础的网页设计的知识和对软件的基础应用,学****到了运用一些基本的网页设计工具和原则来制作和美观网页。比如,背景图片,文字,超链接,布局,框架,多媒体等等。通过这次设计,进一步的提高了我的网站设计能力和动手能力,更加全面的巩固了我在课堂上学到的知识,掌握了网站设计的一些方法和步骤,了解了网站的基本结构,熟悉了规范和标准。、网站的主题主题:某企业网站首页、网站规划我设计网页的布局,整体上我借鉴了一些公企业网站,我才用了其中的一些布局,分块。而我主要采用了布局模式,来设计,背景图片,然后再插入超链接,图片等等,这样就形成了整个网页的布局设第二章网页整体设计、创建首先打开软件建立一个站点,我取名为未命名站点,如下图图将网站建好后把网页源代码,文件,图片等放在相应的目录下。、创建文件创建一个文件。第三章网页详细设计先设置好页面布局接下来开始进行局部的设计:、头部的和导航栏设计头部:头部为一张网页的图片和导航栏组成。如图图用如下代码实现: <""> <> <><"">首页<><> <><"">南昌简介<><> <><"">风土人情<><> <><"">吃在南昌<><> <><"">路线选择<><> <><"">自助行<><> <><"">摄影摄像<><> <><"">游记精选<><> <><"">资源下载<><> <><"">雁过留声<><> <> <> <>样式为{;;}{;;}{;}{();},{;}{();}{;;}{;;}{;}{();},{;}{();}、布局页面——左边栏左边栏的上半部分如图:图代码如下: <""> <""> <><>天气查询<><> <> <>南昌;雷阵雨℃℃<> <>新建;多云转阴℃℃<> <>安义;阵雨转多云℃℃<> <>青山湖;阵雨转阴℃℃<> <>进贤;雷阵雨℃℃<> <> <> <>代码如下:{;}{;}{();}{;}{;}{();}左边栏的下半部分如图图代码如下: <""> <><>今日推荐<><> <> <><""><""><><> <><"">八一广场<><> <><""><""><><> <><"">滕王阁<><> <><""><""><><> <><"">梅岭<><> <> <> <>代码如下:{;}{;}{;}{;},{;}{;}、布局页面——中间中间上半部如图图代码如下: <""><"""英雄城"><""""><><>中间中部如图图代码如下: <""> <><>美景寻踪<><> <> <><""><""""><><> <><""><""><><> <><""><""><><> <><""><""><><> <> <> <>样式如下:{;}{();},{;}{;}{;}中间下部如图图代码如下: <""> <><>线路精选<><> <> <><"">八一起义纪念馆——滕王阁——八一广场<><> <><"">八大山人纪念馆——南昌国际展览中心——摩天轮——赣江——赣江市民公园<><><><"">昌北高校游<><><><"">昌东高校游<><> <> <> <>样式如下{;;}{();}{();},{;}{;}、布局页面——右边右边上半部如图图代码如下: <""> <><>南昌风光<><> <><"""点击看大图"><""><><> <><"""点击看大图"><""><><> <>样式如下:{;}{;}{;}右边中部