利⽤DIV+CSS设计出⼀个《⽹站⾸页课程设计报告书
所属课程名称⽹页设计与制作
题⽬利⽤DIV+CSS设计出⼀个《⽹站
⾸页》
分院电信分院
专业班级
学号
学⽣姓名
指导教师
2014年12⽉29⽇
课程设计（论⽂）评阅意见
评阅⼈职称
20 年⽉⽇
⽬录
第⼀章课程设计的内容与要求 (4)
第⼆章⽹页设计的思路 (5)
1.建⽴站点； (5)
4.切割效果图； (6)
html网页设计css
4.1．头部导航栏 (6)
4.2．主体 (7)
4.3．底部 (8)
5.布局页⾯——头部和导航； (8)
(1).视图： (8)
(2).代码实现： (9)
6.布局页⾯——侧边栏； (10)
6.1．该布局为右侧边栏 (10)
(1).视图： (10)
(2).代码实现: (10)
6.2：该布局为右侧边栏 (13)
(1).视图： (13)
(2).代码实现： (13)
7.布局页⾯——主体部分； (14)
(1).视图 (14)
(2).代码实现： (14)
8.底部和细节调整。 (17)
(1)底部视图 (17)
(2).代码实现： (18)
第三章程序代码与视图 (19)
1.程序代码： (19)
2. 对于整个页⾯实现的效果图为： (25)
第四章课程设计⼼得 (27)
第五章参考⽂献（资料） (29)
第⼀章课程设计的内容与要求
利⽤这个学期所学的关于⽹页设计的知识，⾃⼰设计⼀个有关于⼀个公司的⽹页。
要求有内容有：
1．建⽴站点；
2．结构分析；
3．搭建框架；
4．切割效果图；
5．布局页⾯——头部和导航；
6．布局页⾯——侧边栏；
7．布局页⾯——主体部分；
8．底部和细节调整。
第⼆章⽹页设计的思路
关于分享宫崎骏动漫⾥的经典语录这个⽹页的实现，⾸先在index.html页⾯显⽰相关信息，然后创⽴各种信息链接，整个页⾯布局要求清新，不宜复杂。
1.建⽴站点；
(1)打开站点管理→新建→站点→输⼊名称“宫崎骏动漫⾥的经典语录”→下⼀步
(2)单击“下⼀步”
(3)选好存储位置→单击“下⼀步”
(4)选好服务器⽂件夹→单击“下⼀步”
(5)单击“下⼀步”
(6)单击“完成”
2.结构分析；
主页整个页⾯分为三个结构头部，主体，底部。
头部，是所有的导航。
主体是由三个div来分隔的。分为左边为该动漫的作者和发布的时间；中间为这个动漫的经典语录；右边为内容的补充和这些动漫视频的链接。
底部，可以是版权说明。
3.搭建框架；
4.切割效果图；
4.1．头部导航栏.
4.2．主体
4.3．底部
(1).视图：
(2).代码实现：
动漫语录BY宫崎骏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。