网页制作课程设计报告_4.docVIP

PAGE PAGE 2 网页制作课程设计 报告 课题名称：___ 马上文学小说阅读网________ 姓 名： __ ____________ 学 号： ____________ 专业： 计算机网络技术_______ 系部： ____________ 设计时间： 2013~2014学年第二学期17~18周 指导教师：___________ ____________ PAGE 5 PAGE 0 1．课程设计目的 本课程设计的主要目的是：通过本课程设计，加强自身对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。 2．课程设计任务与要求 ⑴设计任务 小说网站的制作 ⑵设计要求 熟练掌握DIV进行网页布局 熟练掌握CSS网页美化 网页和脚本、美工紧密结合 3．主要内容 (1)网站首页设计（包括效果图和使用的关键技术和步骤） 关键技术与步骤： ①首页导航栏均使用了二级链接，分别链接到各栏目，其代码为：ul lia href=index.html小说首页/a/li lia href=first.html分类精选/a/li lia href=secend.html最新更新/a/li lia href=gad.html大神专区/a/li lia href=rs.html意见反馈/a/li /ul ②在左边区域使用了ul列表代码如下： h2 class=headingTexta href=#nbsp;nbsp;nbsp;nbsp;本周热搜/a/h2br / ul lispan修真/spannbsp;nbsp;nbsp;nbsp;a href=index/1.html大道封天/a/libr /br / lispan仙侠/spannbsp;nbsp;nbsp;nbsp;a href=index/2.html戮仙/a/libr / br / lispan玄幻/spannbsp;nbsp;nbsp;nbsp;a href=index/3.html大剑神/a/libr / br / lispan奇幻/spannbsp;nbsp;nbsp;nbsp;a href=index/4.html完美世界/a/libr / br / lispan奇幻/spannbsp;nbsp;nbsp;nbsp;a href=index/5.html世界之敌/a/libr / br / lispan修仙/spannbsp;nbsp;nbsp;nbsp;a href=index/6.html我欲封天/a/libr / br / lispan都市/spannbsp;nbsp;nbsp;nbsp;a href=index/7.html死亡竞技场/a/libr / br / lispan异世/spannbsp;nbsp;nbsp;nbsp;a href=index/8.html最高通缉/a/libr / br / lispan游戏/spannbsp;nbsp;nbsp;nbsp;a href=index/9.html网游之神界血骑/a/libr /br / /ul a class=more href=first.html查看更多/a ③在网页的右边栏，使用DIV+CSS布局，将图片和文字进行排列，其代码如下： div id=Right1a href=first/1.html title=仙路争锋 img src=images/21.jpg//a div id=Right11h3仙路争锋/h3p 修仙如渡河，万马千军竟争帆。因此当你选择了这条路时.../p p align=righta href=first/1.html详情/a/p /div/div div id=Right2a href=first/2.html title=梅林诡异案 img src=images/22.jpg//adiv id=Right11h3梅林诡案录/h3p 为了生计惆怅的梅林日日守着古玩店龙井堂，即将忘却自.../pp align=righta href=f