实例介绍
【实例截图】
【核心代码】
└─《HTML CSS JavaScript网页 制作案例教程》
│ HTML CSS JavaScript网页制作案例教程_动手实践素材.rar
│
├─1教学大纲（老师）
│ 《HTML CSS JavaScript网页制作案例教程》_教学大纲.doc
│
├─2教学设计（老师）
│ 第10章 实战开发—传智播客设计学院首页面_教学设计.doc
│ 第1章 网页那点事_教学设计.doc
│ 第2章 从零开始构建HTML页面_教学设计.doc
│ 第3章 使用CSS技术美化网页_教学设计.doc
│ 第4章 CSS盒子模型_教学设计.doc
│ 第5章 列表与超链接_教学设计.doc
│ 第6章 HTML表单_教学设计.doc
│ 第7章 浮动与定位_教学设计.doc
│ 第8章 JavaScript编程基础_教学设计.doc
│ 第9章 JavaScript事件处理_教学设计.doc
│
├─3教学PPT（老师）
│ └─简单版PPT_《HTML CSS JavaScript网页制作案例教程》
│ 第10章实战开发-传智播客设计学院首页面.pptx
│ 第1章网页那点事.pptx
│ 第2章从零开始构建HTML页面.pptx
│ 第3章使用CSS技术美化网页.pptx
│ 第4章CSS盒子模型.pptx
│ 第5章列表与超链接.pptx
│ 第6章HTML表单.pptx
│ 第7章浮动与定位.pptx
│ 第8章JavaScript编程基础.pptx
│ 第9章JavaScript事件处理.pptx
│
├─4实验指导方案
│ └─补充案例 《HTML CSS JavaScript网页制作案例教程》
│ │ 第2章 从零开始构建HTML页面_补充案例.doc
│ │ 第3章 使用CSS技术美化网页_补充案例.doc
│ │ 第4章 CSS盒子模型_补充案例.doc
│ │ 第5章 列表与超链接_补充案例.doc
│ │ 第6章 HTML表单_补充案例.doc
│ │ 第7章 浮动与定位_补充案例.doc
│ │ 第8章 JavaScript编程基础-补充案例.doc
│ │ 第9章 JavaScript编程基础-补充案例.doc
│ │
│ └─补充案例源码
│ ├─chapter02
│ │ │ pic.jpg
│ │ │ 案例2-1 HTML基本格式.html
│ │ │ 案例2-10 青春是最美好的相遇.html
│ │ │ 案例2-2 简单标记控制.html
│ │ │ 案例2-3 如何插入特殊字符.html
│ │ │ 案例2-4 文本标记控制.html
│ │ │ 案例2-5 标题标记的应用.html
│ │ │ 案例2-6 img标记的应用.html
│ │ │ 案例2-7 相对路径和绝对路径.html
│ │ │ 案例2-8 如何实现简单的图文混排.html
│ │ │ 案例2-9 制作电影宣传效果.html
│ │ │
│ │ └─images
│ │ │ 1.jpg
│ │ │ 2.jpg
│ │ │ logo.png
│ │ │ pic.jpg
│ │ │ qh.jpg
│ │ │ spring.jpg
│ │ │ xy.jpg
│ │ │
│ │ └─img
│ │ pic.jpg
│ │
│ ├─chapter03
│ │ blue.css
│ │ red.css
│ │ style.css
│ │ 案例3-1 七步诗.html
│ │ 案例3-10 制作新浪博客效果.html
│ │ 案例3-2 制作Google Logo.html
│ │ 案例3-3 关山月.html
│ │ 案例3-4 通配符选择器.html
│ │ 案例3-5 CSS字体样式属性.html
│ │ 案例3-6 春天.html
│ │ 案例3-7 你若安好，便是晴天.html
│ │ 案例3-8 层叠性演示.html
│ │ 案例3-9 CSS优先级效果.html
│ │
│ ├─chapter04
│ │ │ 案例4-1 顶部导航栏1.html
│ │ │ 案例4-10 CSS背景图片之尖角导航.html
│ │ │ 案例4-2 顶部导航栏2.html
│ │ │ 案例4-3 鼠标经过图标切换效果.html
│ │ │ 案例4-4 背景对联效果-恭喜发财.html
│ │ │ 案例4-5 教程模块.html
│ │ │ 案例4-6 鼠标经过更换盒子边框颜色.html
│ │ │ 案例4-7 小图标修饰列表标题.html
│ │ │ 案例4-8 CSS设置美化表单.html
│ │ │ 案例4-9 CSS设置美化搜索框表单.html
│ │ │
│ │ └─images
│ │ bottom.jpg
│ │ hhh.jpg
│ │ ico.png
│ │ jian.png
│ │ jian1.png
│ │ left.jpg
│ │ right.jpg
│ │ search_03.png
│ │ top.jpg
│ │ tp.jpg
│ │
│ ├─chapter05
│ │ │ 案例5-1 创建三级列表.html
│ │ │ 案例5-10 家居大视野.html
│ │ │ 案例5-2 定义列表实现图文混排.html
│ │ │ 案例5-3 灵活的列表项目符号.html
│ │ │ 案例5-4 easy导航栏.html
│ │ │ 案例5-5 制作百度歌曲排行榜.html
│ │ │ 案例5-6 热点新闻板块.html
│ │ │ 案例5-7 新浪导航栏.html
│ │ │ 案例5-8 锚点的使用.html
│ │ │ 案例5-9 简单的光影资讯页面.html
│ │ │
│ │ ├─css
│ │ │ style01.css
│ │ │
│ │ └─images
│ │ 01.jpg
│ │ 02.jpg
│ │ 03.jpg
│ │ an-0020.gif
│ │ bg.jpg
│ │ down.jpg
│ │ man_r1_c2.jpg
│ │ movie.jpg
│ │ nav_bg.jpg
│ │ pic_1.jpg
│ │ pic_2.jpg
│ │ pic_3.jpg
│ │ pic_4.jpg
│ │ pic_5.jpg
│ │ qipao.jpg
│ │ star.jpg
│ │ star4.jpg
│ │ up.jpg
│ │
│ ├─chapter06
│ │ │ 案例6-1 创建青花瓷表格.html
│ │ │ 案例6-1 简单的用户登录界面.html
│ │ │ 案例6-10 CSS美化表单.html
│ │ │ 案例6-2 NBA总决赛统计表.html
│ │ │ 案例6-2 简单的交规考试答卷.html
│ │ │ 案例6-3 今日小说排行榜.html
│ │ │ 案例6-3 制作字符批量替换工具界面.html
│ │ │ 案例6-4 制作简单的游戏选区界面.html
│ │ │ 案例6-4 土豪金边框员工记录表.html
│ │ │ 案例6-5 CSS控制单元格样式.html
│ │ │ 案例6-5 CSS美化表单.html
│ │ │ 案例6-6 百度注册.html
│ │ │ 案例6-6 简单的用户登录界面.html
│ │ │ 案例6-7 163邮箱注册.html
│ │ │ 案例6-7 简单的交规考试答卷.html
│ │ │ 案例6-8 制作字符批量替换工具界面.html
│ │ │ 案例6-8 表单综合案例.html
│ │ │ 案例6-9 制作简单的游戏选区界面.html
│ │ │
│ │ └─images
│ │ 163邮箱注册.jpg
│ │ bg.gif
│ │ bg.jpg
│ │ bg03.jpg
│ │ BG1.jpg
│ │ btn.jpg
│ │ but.jpg
│ │ button.jpg
│ │ dot_bg.jpg
│ │ down.jpg
│ │ elva3.jpg
│ │ input_bg.jpg
│ │ logo_baidu.jpg
│ │ logo_wy.png
│ │ maci.jpg
│ │ QQ.jpg
│ │ rehuo.jpg
│ │ text.png
│ │ tit_bg1.jpg
│ │ tit_bg2.jpg
│ │ tit_bg3.jpg
│ │ up.jpg
│ │ yz.jpg
│ │
│ ├─chapter07
│ │ │ ~$章 补充案例.docx
│ │ │ 案例7-1 图文混排.html
│ │ │ 案例7-10 淘宝搜索.html
│ │ │ 案例7-2 浮动对标准流的影响.html
│ │ │ 案例7-3 绿色导航.html
│ │ │ 案例7-4 家居大视野.html
│ │ │ 案例7-5 overflow属性.html
│ │ │ 案例7-6 图片滚动效果.html
│ │ │ 案例7-7 定位导致padding失效.html
│ │ │ 案例7-8 绝对定位的应用.html
│ │ │ 案例7-9 团购.html
│ │ │
│ │ └─images
│ │ │ 01.jpg
│ │ │ 11bg.jpg
│ │ │ adv.jpg
│ │ │ arr.jpg
│ │ │ banner1.jpg
│ │ │ banner_bg.jpg
│ │ │ body_bg.jpg
│ │ │ button.jpg
│ │ │ button1.jpg
│ │ │ button1_bg.jpg
│ │ │ button2.jpg
│ │ │ close.jpg
│ │ │ content.jpg
│ │ │ dinosaur.ani
│ │ │ horse.ani
│ │ │ icon_r1_c1.png
│ │ │ icon_r1_c3.png
│ │ │ icon_r1_c5.png
│ │ │ icon_r1_c7.png
│ │ │ left.jpg
│ │ │ list_bg.jpg
│ │ │ logo.jpg
│ │ │ pic_1.jpg
│ │ │ search.jpg
│ │ │ see.jpg
│ │ │ sp_top.jpg
│ │ │ sp_tu_1.jpg
│ │ │ sp_tu_2.jpg
│ │ │ tijiao.jpg
│ │ │ top_bg.jpg
│ │ │ top_tu.gif
│ │ │ votebg.jpg
│ │ │
│ │ └─tb
│ │ body_bg.jpg
│ │ button.jpg
│ │ left.jpg
│ │ logo.jpg
│ │ search.jpg
│ │ top_bg.jpg
│ │
│ ├─chapter08
│ │ │ 案例8-1 按钮显示效果.html
│ │ │ 案例8-10 子级元素应用负margin.html
│ │ │ 案例8-2 360导航效果.html
│ │ │ 案例8-3 侧边导航效果.html
│ │ │ 案例8-4 单个滑动门按钮.html
│ │ │ 案例8-5 多个滑动门按钮.html
│ │ │ 案例8-6 阿里巴巴导航效果.html
│ │ │ 案例8-7 体彩导航.html
│ │ │ 案例8-8 同级元素应用负margin.html
│ │ │ 案例8-9 父级元素应用负margin.html
│ │ │
│ │ └─images
│ │ 01.gif
│ │ 02.png
│ │ 04bg.gif
│ │ 360bg.png
│ │ al_bg.jpg
│ │ al_line.jpg
│ │ al_logo.jpg
│ │ left.jpg
│ │ middle.jpg
│ │ nav_left.jpg
│ │ nav_right.jpg
│ │ right.jpg
│ │ round.png
│ │ tc_1.jpg
│ │ tc_2.jpg
│ │ tc_bg.jpg
│ │ tc_center.jpg
│ │
│ └─chapter09
│ │ 9-31.html
│ │ 案例9-1.html
│ │ 案例9-10.html
│ │ 案例9-2.html
│ │ 案例9-3.html
│ │ 案例9-4.html
│ │ 案例9-5.html
│ │ 案例9-6.html
│ │ 案例9-7.html
│ │ 案例9-8.html
│ │ 案例9-9.html
│ │
│ ├─images
│ │ 0.jpg
│ │ 01.jpg
│ │ 01big.jpg
│ │ 02.jpg
│ │ 02big.jpg
│ │ 03.jpg
│ │ 03big.jpg
│ │ 04.jpg
│ │ 05.jpg
│ │ 06.jpg
│ │ 07.jpg
│ │ 1.jpg
│ │ 2.jpg
│ │ 3.jpg
│ │ 4.jpg
│ │ abg.gif
│ │ ad.png
│ │ close.jpg
│ │ hei.png
│ │ p1.jpg
│ │ p2.jpg
│ │ p3.jpg
│ │ p4.jpg
│ │ p5.jpg
│ │ p6.jpg
│ │ p7.jpg
│ │ png24.png
│ │ ufo.png
│ │ 冬裙.jpg
│ │ 呢大衣.jpg
│ │ 围巾.jpg
│ │ 女包.jpg
│ │ 女裤.jpg
│ │ 女靴.jpg
│ │ 棉服.jpg
│ │ 毛衣.jpg
│ │ 牛仔裤.jpg
│ │ 男包.jpg
│ │ 男棉服.jpg
│ │ 男毛衣.jpg
│ │ 男靴.jpg
│ │ 登山鞋.jpg
│ │ 皮带.jpg
│ │ 皮衣.jpg
│ │ 羽绒服.jpg
│ │ 雪地靴.jpg
│ │
│ └─img
│ 0.png
│ 1.bmp
│ 1.png
│ 10.bmp
│ 100.bmp
│ 11.bmp
│ 12.bmp
│ 13.bmp
│ 14.bmp
│ 15.bmp
│ 16.bmp
│ 17.bmp
│ 18.bmp
│ 19.bmp
│ 2.bmp
│ 2.png
│ 20.bmp
│ 21.bmp
│ 22.bmp
│ 23.bmp
│ 24.bmp
│ 25.bmp
│ 26.bmp
│ 27.bmp
│ 28.bmp
│ 29.bmp
│ 3.bmp
│ 3.png
│ 30.bmp
│ 31.bmp
│ 32.bmp
│ 33.bmp
│ 34.bmp
│ 35.bmp
│ 36.bmp
│ 37.bmp
│ 38.bmp
│ 39.bmp
│ 4.bmp
│ 4.png
│ 40.bmp
│ 41.bmp
│ 42.bmp
│ 43.bmp
│ 44.bmp
│ 45.bmp
│ 46.bmp
│ 47.bmp
│ 48.bmp
│ 49.bmp
│ 5.bmp
│ 5.png
│ 50.bmp
│ 51.bmp
│ 52.bmp
│ 53.bmp
│ 54.bmp
│ 55.bmp
│ 56.bmp
│ 57.bmp
│ 58.bmp
│ 59.bmp
│ 6.bmp
│ 6.png
│ 60.bmp
│ 61.bmp
│ 62.bmp
│ 63.bmp
│ 64.bmp
│ 65.bmp
│ 66.bmp
│ 67.bmp
│ 68.bmp
│ 69.bmp
│ 7.bmp
│ 7.png
│ 70.bmp
│ 71.bmp
│ 72.bmp
│ 73.bmp
│ 74.bmp
│ 75.bmp
│ 76.bmp
│ 77.bmp
│ 78.bmp
│ 79.bmp
│ 8.bmp
│ 8.png
│ 80.bmp
│ 81.bmp
│ 82.bmp
│ 83.bmp
│ 84.bmp
│ 85.bmp
│ 86.bmp
│ 87.bmp
│ 88.bmp
│ 89.bmp
│ 9.bmp
│ 9.png
│ 90.bmp
│ 91.bmp
│ 92.bmp
│ 93.bmp
│ 94.bmp
│ 95.bmp
│ 96.bmp
│ 97.bmp
│ 98.bmp
│ 99.bmp
│
├─8配套源码
│ └─案例源代码
│ ├─chapter01
│ │ demo1-1.html
│ │
│ ├─chapter02
│ │ │ demo2-1.html
│ │ │ demo2-10.html
│ │ │ demo2-2.html
│ │ │ demo2-3.html
│ │ │ demo2-4.html
│ │ │ demo2-5.html
│ │ │ demo2-6.html
│ │ │ demo2-7.html
│ │ │ demo2-8.html
│ │ │ demo2-9.html
│ │ │ example01.html
│ │ │ example02.html
│ │ │ example03.html
│ │ │ logo.gif
│ │ │
│ │ ├─images
│ │ │ sheji.jpg
│ │ │
│ │ └─效果图
│ │ 【案例1】简单的网页.png
│ │ 【案例2】新闻页面.png
│ │ 【案例3】图文混排.png
│ │
│ ├─chapter03
│ │ │ demo3-1.html
│ │ │ demo3-10.html
│ │ │ demo3-11.html
│ │ │ demo3-12.html
│ │ │ demo3-2.html
│ │ │ demo3-3.html
│ │ │ demo3-4.html
│ │ │ demo3-5.html
│ │ │ demo3-6.html
│ │ │ demo3-7.html
│ │ │ demo3-8.html
│ │ │ demo3-9.html
│ │ │ example04.html
│ │ │ example05.html
│ │ │ example06.html
│ │ │ style.css
│ │ │ style05.css
│ │ │
│ │ ├─images
│ │ │ tekan.jpg
│ │ │
│ │ └─效果图
│ │ 【案例4】文字Logo.png
│ │ 【案例5】专题栏目.png
│ │ 【案例6】搜索页面.png
│ │
│ ├─chapter04
│ │ │ demo4-1.html
│ │ │ demo4-10.html
│ │ │ demo4-2.html
│ │ │ demo4-3.html
│ │ │ demo4-4.html
│ │ │ demo4-5.html
│ │ │ demo4-6.html
│ │ │ demo4-7.html
│ │ │ demo4-8.html
│ │ │ demo4-9.html
│ │ │ example07.css
│ │ │ example07.html
│ │ │ example08.css
│ │ │ example08.html
│ │ │ example09.css
│ │ │ example09.html
│ │ │ example10.css
│ │ │ example10.html
│ │ │
│ │ ├─images
│ │ │ 1.png
│ │ │ 2.png
│ │ │ 3.png
│ │ │ 4.png
│ │ │ 5.png
│ │ │ 6.png
│ │ │ 7.png
│ │ │ bg.png
│ │ │ coffee.png
│ │ │ couser.jpg
│ │ │ design.jpg
│ │ │ music.jpg
│ │ │ super_couser.jpg
│ │ │ user.jpg
│ │ │ wdjl.jpg
│ │ │
│ │ └─效果图
│ │ 咖啡店banner.png
│ │ 图标导航栏.png
│ │ 用户中心.png
│ │ 音乐盒.png
│ │
│ ├─chapter05
│ │ │ demo5-1.html
│ │ │ demo5-2.html
│ │ │ demo5-3.html
│ │ │ demo5-4.html
│ │ │ demo5-5.html
│ │ │ demo5-6.html
│ │ │ demo5-7.html
│ │ │ example11.css
│ │ │ example11.html
│ │ │ example12.css
│ │ │ example12.html
│ │ │ example13.css
│ │ │ example13.html
│ │ │ example14.css
│ │ │ example14.html
│ │ │
│ │ ├─images
│ │ │ back.png
│ │ │ bg.jpg
│ │ │ book.png
│ │ │ clock.png
│ │ │ icon.png
│ │ │ icon1.png
│ │ │ icon2.png
│ │ │ icon3.png
│ │ │ icon4.png
│ │ │ icon5.png
│ │ │ icon6.png
│ │ │ icon7.png
│ │ │ icon8.png
│ │ │ iconh.png
│ │ │ img.png
│ │ │ little.png
│ │ │ logo.gif
│ │ │ play1.png
│ │ │ play2.png
│ │ │
│ │ └─效果图
│ │ 【案例11】精美电商悬浮框.png
│ │ 【案例12】二维码名片.png
│ │ 【案例13】电商团购悬浮框.png
│ │ 【案例14】唱吧导航栏.png
│ │
│ ├─chapter06
│ │ │ demo6-1.html
│ │ │ demo6-2.html
│ │ │ demo6-3.html
│ │ │ demo6-4.html
│ │ │ demo6-5.html
│ │ │ demo6-6.html
│ │ │ demo6-7.html
│ │ │ demo6-8.html
│ │ │
│ │ ├─example15
│ │ │ │ example15.css
│ │ │ │ example15.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ bg.png
│ │ │ │ line.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例15】用户登录界面.png
│ │ │
│ │ ├─example16
│ │ │ │ example16.css
│ │ │ │ example16.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ bg.png
│ │ │ │ num1.png
│ │ │ │ num2.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例16】趣味选择题.png
│ │ │
│ │ ├─example17
│ │ │ │ example17.css
│ │ │ │ example17.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ bg.jpg
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例17】空间日志.png
│ │ │
│ │ ├─example18
│ │ │ │ example18.css
│ │ │ │ example18.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ bg.png
│ │ │ │ icon2.png
│ │ │ │ icon3.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例18】学员档案.png
│ │ │
│ │ └─images
│ │ 1.jpg
│ │ 2.jpg
│ │ 5.jpg
│ │
│ ├─chapter07
│ │ │ demo7-1.html
│ │ │ demo7-2.html
│ │ │ demo7-3.html
│ │ │ demo7-4.html
│ │ │ demo7-5.html
│ │ │ demo7-6.html
│ │ │
│ │ ├─example19
│ │ │ │ example19.css
│ │ │ │ example19.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ logo.png
│ │ │ │ people1.png
│ │ │ │ people2.png
│ │ │ │ people3.png
│ │ │ │ people4.png
│ │ │ │ people5.png
│ │ │ │ title.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例19】世界杯梦幻阵容.png
│ │ │
│ │ ├─example20
│ │ │ │ example20.css
│ │ │ │ example20.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ things1.png
│ │ │ │ things2.png
│ │ │ │ things3.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例20】商品专栏.png
│ │ │
│ │ ├─example21
│ │ │ │ example21.css
│ │ │ │ example21.html
│ │ │ │
│ │ │ ├─images
│ │ │ │ bg.png
│ │ │ │ content.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例21】移动端电商界面.png
│ │ │
│ │ └─example22
│ │ │ example22.css
│ │ │ example22.html
│ │ │
│ │ ├─images
│ │ │ car.png
│ │ │ icon1.png
│ │ │ icon2.png
│ │ │ icon3.png
│ │ │ icon4.png
│ │ │ icon5.png
│ │ │ icon6.png
│ │ │ icon7.png
│ │ │ icon8.png
│ │ │ road.png
│ │ │
│ │ └─效果图
│ │ 【案例22】违停查询.png
│ │
│ ├─chapter08
│ │ │ demo8-1.html
│ │ │ demo8-10.html
│ │ │ demo8-11.html
│ │ │ demo8-12.html
│ │ │ demo8-13.html
│ │ │ demo8-14.html
│ │ │ demo8-15.html
│ │ │ demo8-16.html
│ │ │ demo8-17.html
│ │ │ demo8-18.html
│ │ │ demo8-19.html
│ │ │ demo8-20.html
│ │ │ demo8-21.html
│ │ │ demo8-22.html
│ │ │ demo8-23.html
│ │ │ demo8-3.html
│ │ │ demo8-4.html
│ │ │ demo8-5.html
│ │ │ demo8-6.html
│ │ │ demo8-7.html
│ │ │ demo8-8.html
│ │ │ demo8-9.html
│ │ │ example23.html
│ │ │ example25.html
│ │ │
│ │ ├─demo8-2
│ │ │ demo8-2.html
│ │ │ hello.js
│ │ │
│ │ └─example24
│ │ │ example24.css
│ │ │ example24.html
│ │ │ example24.js
│ │ │ logo.png
│ │ │
│ │ └─效果图
│ │ 【案例24】传智商城下拉菜单.jpg
│ │
│ ├─chapter09
│ │ │ demo9-1.html
│ │ │ demo9-10.html
│ │ │ demo9-11.html
│ │ │ demo9-12.html
│ │ │ demo9-13.html
│ │ │ demo9-14.html
│ │ │ demo9-15.html
│ │ │ demo9-2.html
│ │ │ demo9-3.html
│ │ │ demo9-4.html
│ │ │ demo9-5.html
│ │ │ demo9-6.html
│ │ │ demo9-7.html
│ │ │ demo9-8.html
│ │ │ demo9-9.html
│ │ │
│ │ ├─example26
│ │ │ │ example26.css
│ │ │ │ example26.html
│ │ │ │ example26.js
│ │ │ │
│ │ │ ├─images
│ │ │ │ flash_end.png
│ │ │ │ flash_sale.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例26】电商网站限时秒杀——秒杀结束.png
│ │ │ 【案例26】电商网站限时秒杀——限时秒杀.png
│ │ │
│ │ ├─example27
│ │ │ │ example27.css
│ │ │ │ example27.html
│ │ │ │ example27.js
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例27】Tab栏切换效果1.png
│ │ │ 【案例27】Tab栏切换效果2.png
│ │ │ 【案例27】Tab栏切换效果3.png
│ │ │ 【案例27】Tab栏切换效果4.png
│ │ │
│ │ ├─example28
│ │ │ │ example28.css
│ │ │ │ example28.html
│ │ │ │ example28.js
│ │ │ │
│ │ │ ├─images
│ │ │ │ ball.png
│ │ │ │ bg.png
│ │ │ │
│ │ │ └─效果图
│ │ │ 【案例28】台球移动游戏.png
│ │ │
│ │ └─example29
│ │ │ example29.css
│ │ │ example29.html
│ │ │ example29.js
│ │ │
│ │ ├─images
│ │ │ bg.png
│ │ │
│ │ └─效果图
│ │ 【案例29】用户登陆验证.png
│ │
│ └─chapter10
│ │ index.html
│ │
│ ├─css
│ │ index.css
│ │
│ ├─images
│ │ 01.jpg
│ │ 02.jpg
│ │ 03.jpg
│ │ 04.jpg
│ │ 1.png
│ │ bg_tw.png
│ │ book01.gif
│ │ book02.gif
│ │ book03.gif
│ │ book04.gif
│ │ book05.gif
│ │ course_bg.png
│ │ course_info_r22_c9_bg.gif
│ │ dongtai_bg.png
│ │ icon6.gif
│ │ icon8.gif
│ │ icon_bg.gif
│ │ left.png
│ │ left_message.png
│ │ link2.jpg
│ │ link3.jpg
│ │ link4.jpg
│ │ logo.jpg
│ │ mhzxxls.jpg
│ │ module_title.png
│ │ more.gif
│ │ nav_bg.gif
│ │ pic01.gif
│ │ pic02.gif
│ │ pic022.gif
│ │ pic03.gif
│ │ pic033.gif
│ │ pic1.jpg
│ │ pic2.jpg
│ │ right.png
│ │ right_message.png
│ │ study.gif
│ │ teacher01.gif
│ │ teacher02.gif
│ │ teacher03.gif
│ │ teacher04.gif
│ │ title_bg.gif
│ │ top_btn.gif
│ │
│ ├─javascript
│ │ index.js
│ │
│ └─效果图
│ 实战开发—传智播客设计学院首页面.jpg
│ 实战开发—传智播客设计学院首页面.psd
│
└─开发工具
《HTML CSS JavaScript网页制作案例教程》.txt
标签： Javascript HTML CSS
相关软件
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论