传智播客_网页设计与制作（HTML+CSS） 案例源代码

【实例简介】
传智播客的网页设计与制作书籍， 配套光盘中的案例源代码部分 只有书中的案例代码。
【实例截图】
【核心代码】
传智播客_网页设计与制作（HTMLCSS）案例源代码
└── 案例源代码
├── chapter01
│   └── example01.html
├── chapter02
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── example16.html
│   ├── example17.html
│   ├── example18.html
│   ├── example19.html
│   ├── example20.html
│   ├── example21.html
│   ├── example22.html
│   ├── img
│   │   └── laopo.jpg
│   ├── logo.gif
│   └── 效果图
│   └── 阶段案例02.jpg
├── chapter03
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── example16.html
│   ├── example17.html
│   ├── example18.html
│   ├── example19.html
│   ├── example20.html
│   ├── example21.html
│   ├── example22.html
│   ├── style03.css
│   ├── style.css
│   └── 效果图
│   └── 阶段案例03.jpg
├── chapter04
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── example16-css.html
│   ├── example16.html
│   ├── img
│   │   ├── couser.jpg
│   │   ├── design.jpg
│   │   ├── jianbian.jpg
│   │   ├── music1.jpg
│   │   ├── music2.jpg
│   │   ├── play.png
│   │   ├── super_couser.jpg
│   │   └── wdjl.jpg
│   └── 效果图
│   └── 阶段案例04.jpg
├── chapter05
│   ├── css
│   │   └── style05.css
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── images
│   │   ├── book.png
│   │   ├── icon.png
│   │   ├── li_bg.png
│   │   ├── logo.gif
│   │   ├── title_bg.png
│   │   └── zhangpeng.jpg
│   └── 效果图
│   └── 阶段案例05.jpg
├── chapter06
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── example16.html
│   ├── images
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   └── 5.jpg
│   ├── img
│   │   ├── email.png
│   │   ├── login.gif
│   │   ├── name.png
│   │   └── phone.png
│   ├── pic01.jpg
│   ├── style06.css
│   └── 效果图
│   └── 阶段案例06.jpg
├── chapter07
│   ├── css
│   │   └── style07.css
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── images
│   │   ├── icon1.gif
│   │   ├── icon2.gif
│   │   ├── icon3.gif
│   │   ├── icon4.gif
│   │   ├── icon5.gif
│   │   └── pic.gif
│   └── 效果图
│   └── 阶段案例07.jpg
├── chapter08
│   ├── example01 - css.html
│   ├── example01.html
│   ├── example02 - css.html
│   ├── example02.html
│   ├── example03 - css.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06 - css.html
│   ├── example06.html
│   ├── images
│   │   ├── bg.png
│   │   ├── blue.fw.png
│   │   ├── course_bg.png
│   │   ├── hd_bg.png
│   │   ├── hd_left.png
│   │   ├── hd_middle.png
│   │   ├── hd_right.png
│   │   ├── icon.png
│   │   ├── login.jpg
│   │   └── red.fw.png
│   └── 效果图
│   └── 课程精品模块.jpg
├── chapter09
│   ├── example01.html
│   ├── example02.html
│   ├── example03.html
│   ├── example04.html
│   ├── example05.html
│   ├── example06.html
│   ├── example07.html
│   ├── example08.html
│   ├── example09.html
│   ├── example10.html
│   ├── example11.html
│   ├── example12.html
│   ├── example13.html
│   ├── example14.html
│   ├── example15.html
│   ├── iepng.js
│   └── images
│   ├── itcast.jpg
│   └── jingling.png
├── chapter10
│   ├── about_us.html
│   ├── course.html
│   ├── course_info.html
│   ├── css
│   │   ├── about_us.css
│   │   ├── course.css
│   │   ├── course_info.css
│   │   ├── courser_info.css
│   │   ├── index.css
│   │   └── style.css
│   ├── images
│   │   ├── 1.png
│   │   ├── bgrighttitle.gif
│   │   ├── bg_tw.png
│   │   ├── bluepoint.gif
│   │   ├── book01.gif
│   │   ├── book02.gif
│   │   ├── book03.gif
│   │   ├── book04.gif
│   │   ├── border_r4_c5.gif
│   │   ├── consult_r2_c2.gif
│   │   ├── consult_r3_c2.gif
│   │   ├── course_bg.png
│   │   ├── course_info_r10_c5.gif
│   │   ├── course_info_r13_c3.gif
│   │   ├── course_info_r13_c5.gif
│   │   ├── course_info_r15_c3.gif
│   │   ├── course_info_r15_c5.gif
│   │   ├── course_info_r17_c3.gif
│   │   ├── course_info_r17_c5.gif
│   │   ├── course_info_r22_c9_bg.gif
│   │   ├── course_info_r2_c2.gif
│   │   ├── course_info_r38_c9.gif
│   │   ├── course_info_r5_c2.gif
│   │   ├── course_info_r6_c4.gif
│   │   ├── course_info_r9_c3.gif
│   │   ├── course_r2_c2.jpg
│   │   ├── course_r4_c3.jpg
│   │   ├── course_r4_c4.jpg
│   │   ├── course_r4_c6.jpg
│   │   ├── course_r6_c10.jpg
│   │   ├── course_r6_c1.jpg
│   │   ├── course_r6_c2.jpg
│   │   ├── course_r6_c3.jpg
│   │   ├── course_r6_c4.jpg
│   │   ├── course_r6_c5.jpg
│   │   ├── course_r6_c6.jpg
│   │   ├── course_r6_c7.jpg
│   │   ├── course_r6_c8.jpg
│   │   ├── course_r6_c9.jpg
│   │   ├── dongtai_bg.png
│   │   ├── icon1.gif
│   │   ├── icon2.gif
│   │   ├── icon3.gif
│   │   ├── icon4.gif
│   │   ├── icon5.gif
│   │   ├── icon6.gif
│   │   ├── icon8.gif
│   │   ├── icon_bg.gif
│   │   ├── left_message.png
│   │   ├── left.png
│   │   ├── link2.jpg
│   │   ├── link3.jpg
│   │   ├── link4.jpg
│   │   ├── logo.gif
│   │   ├── logo.jpg
│   │   ├── mhzxxls.jpg
│   │   ├── module_title.png
│   │   ├── more.gif
│   │   ├── nav_bg.gif
│   │   ├── photo01.jpg
│   │   ├── photo02.jpg
│   │   ├── photo03.jpg
│   │   ├── photo04.jpg
│   │   ├── pic01.gif
│   │   ├── pic02.gif
│   │   ├── pic03.gif
│   │   ├── pic04.gif
│   │   ├── pic1_bg.gif
│   │   ├── pic1.gif
│   │   ├── pic5.jpg
│   │   ├── pic.gif
│   │   ├── right.gif
│   │   ├── right_message.png
│   │   ├── right.png
│   │   ├── study.gif
│   │   ├── teacher01.gif
│   │   ├── teacher02.gif
│   │   ├── teacher03.gif
│   │   ├── teacher04.gif
│   │   ├── teacher05.jpg
│   │   ├── title_bg.gif
│   │   ├── title_bg.psd
│   │   ├── top_btn.gif
│   │   ├── transfer01.jpg
│   │   ├── transfer02.jpg
│   │   ├── transfer03.jpg
│   │   ├── transfer04.jpg
│   │   ├── transfer05.jpg
│   │   └── transfer06.jpg
│   ├── index.html
│   ├── Templates
│   │   └── template.dwt
│   └── 效果图
│   ├── 关于我们.psd
│   ├── 课程介绍.psd
│   ├── 课程介绍详情.psd
│   └── 首页.psd
└── chapter11
├── about_us.html
├── course.html
├── course_info.html
├── css
│   ├── about_us.css
│   ├── course.css
│   ├── course_info.css
│   ├── courser_info.css
│   ├── index.css
│   └── style.css
├── images
│   ├── 1.png
│   ├── bgrighttitle.gif
│   ├── bg_tw.png
│   ├── bluepoint.gif
│   ├── book01.gif
│   ├── book02.gif
│   ├── book03.gif
│   ├── book04.gif
│   ├── border_r4_c5.gif
│   ├── consult_r2_c2.gif
│   ├── consult_r3_c2.gif
│   ├── course_bg.png
│   ├── course_info_r10_c5.gif
│   ├── course_info_r13_c3.gif
│   ├── course_info_r13_c5.gif
│   ├── course_info_r15_c3.gif
│   ├── course_info_r15_c5.gif
│   ├── course_info_r17_c3.gif
│   ├── course_info_r17_c5.gif
│   ├── course_info_r22_c9_bg.gif
│   ├── course_info_r2_c2.gif
│   ├── course_info_r38_c9.gif
│   ├── course_info_r5_c2.gif
│   ├── course_info_r6_c4.gif
│   ├── course_info_r9_c3.gif
│   ├── course_r2_c2.jpg
│   ├── course_r4_c3.jpg
│   ├── course_r4_c4.jpg
│   ├── course_r4_c6.jpg
│   ├── course_r6_c10.jpg
│   ├── course_r6_c1.jpg
│   ├── course_r6_c2.jpg
│   ├── course_r6_c3.jpg
│   ├── course_r6_c4.jpg
│   ├── course_r6_c5.jpg
│   ├── course_r6_c6.jpg
│   ├── course_r6_c7.jpg
│   ├── course_r6_c8.jpg
│   ├── course_r6_c9.jpg
│   ├── dongtai_bg.png
│   ├── icon1.gif
│   ├── icon2.gif
│   ├── icon3.gif
│   ├── icon4.gif
│   ├── icon5.gif
│   ├── icon6.gif
│   ├── icon8.gif
│   ├── icon_bg.gif
│   ├── left_message.png
│   ├── left.png
│   ├── link2.jpg
│   ├── link3.jpg
│   ├── link4.jpg
│   ├── logo.gif
│   ├── logo.jpg
│   ├── mhzxxls.jpg
│   ├── module_title.png
│   ├── more.gif
│   ├── nav_bg.gif
│   ├── photo01.jpg
│   ├── photo02.jpg
│   ├── photo03.jpg
│   ├── photo04.jpg
│   ├── pic01.gif
│   ├── pic02.gif
│   ├── pic03.gif
│   ├── pic04.gif
│   ├── pic1_bg.gif
│   ├── pic1.gif
│   ├── pic5.jpg
│   ├── pic.gif
│   ├── right.gif
│   ├── right_message.png
│   ├── right.png
│   ├── study.gif
│   ├── teacher01.gif
│   ├── teacher02.gif
│   ├── teacher03.gif
│   ├── teacher04.gif
│   ├── teacher05.jpg
│   ├── title_bg.gif
│   ├── title_bg.psd
│   ├── top_btn.gif
│   ├── transfer01.jpg
│   ├── transfer02.jpg
│   ├── transfer03.jpg
│   ├── transfer04.jpg
│   ├── transfer05.jpg
│   └── transfer06.jpg
├── index.html
├── Templates
│   └── template.dwt
└── 效果图
├── 关于我们.psd
├── 课程介绍.psd
├── 课程介绍详情.psd
└── 首页.psd

37 directories, 390 files