【实例简介】

非常经典的静态页面案例html代码和css代码很完整

【实例截图】

【核心代码】

02当当网

└── 02当当网

├── css

│   ├── global.css

│   ├── layout.css

│   └── template.css

├── footer.html

├── footer.html.bak

├── header.html

├── header.html.bak

├── images

│   ├── OK.gif

│   ├── dd_arrow_down.gif

│   ├── dd_arrow_right.gif

│   ├── dd_bang.gif

│   ├── dd_book_bg.jpg

│   ├── dd_book_bg1.jpg

│   ├── dd_book_bg2.jpg

│   ├── dd_book_cate_icon.gif

│   ├── dd_book_mess.gif

│   ├── dd_book_no_01.gif

│   ├── dd_book_no_02.gif

│   ├── dd_book_no_03.gif

│   ├── dd_book_no_04.gif

│   ├── dd_book_no_05.gif

│   ├── dd_book_no_06.gif

│   ├── dd_book_no_07.gif

│   ├── dd_book_no_08.gif

│   ├── dd_book_no_09.gif

│   ├── dd_book_no_10.gif

│   ├── dd_book_right_adver1.jpg

│   ├── dd_book_right_adver2.gif

│   ├── dd_culture_1.jpg

│   ├── dd_culture_2.jpg

│   ├── dd_culture_3.jpg

│   ├── dd_culture_4.jpg

│   ├── dd_family_1.jpg

│   ├── dd_family_2.jpg

│   ├── dd_family_3.jpg

│   ├── dd_family_4.jpg

│   ├── dd_focus_1.jpg

│   ├── dd_focus_2.jpg

│   ├── dd_focus_3.jpg

│   ├── dd_focus_4.jpg

│   ├── dd_focus_5.jpg

│   ├── dd_focus_6.jpg

│   ├── dd_focus_7.jpg

│   ├── dd_focus_8.jpg

│   ├── dd_head_bg_left.gif

│   ├── dd_head_bg_mid.gif

│   ├── dd_head_bg_right.gif

│   ├── dd_header_1_a.jpg

│   ├── dd_header_2_a.jpg

│   ├── dd_header_3_a.jpg

│   ├── dd_header_bg.gif

│   ├── dd_header_search_btn.jpg

│   ├── dd_header_search_top.jpg

│   ├── dd_header_shop.gif

│   ├── dd_header_top.png

│   ├── dd_history_1.jpg

│   ├── dd_history_2.jpg

│   ├── dd_history_3.jpg

│   ├── dd_history_4.jpg

│   ├── dd_index_top_adver.jpg

│   ├── dd_logo.gif

│   ├── dd_novel_1.jpg

│   ├── dd_novel_2.jpg

│   ├── dd_novel_3.jpg

│   ├── dd_novel_4.jpg

│   ├── dd_scroll.jpg

│   ├── dd_scroll_1.jpg

│   ├── dd_scroll_2.jpg

│   ├── dd_scroll_3.jpg

│   ├── dd_scroll_4.jpg

│   ├── dd_scroll_5.jpg

│   ├── dd_scroll_6.jpg

│   ├── dd_scroll_end.gif

│   ├── dd_scroll_top.gif

│   ├── dd_seven_bg.jpg

│   ├── dd_seven_bg1.jpg

│   ├── dd_seven_bg2.jpg

│   ├── dd_seven_hearten_01.jpg

│   ├── dd_seven_hearten_02.jpg

│   ├── dd_seven_hearten_03.jpg

│   ├── dd_winOpen.jpg

│   ├── login_header.gif

│   ├── login_icon_bg_01.gif

│   ├── login_icon_bg_02.gif

│   ├── login_main_01.jpg

│   ├── login_main_02.jpg

│   ├── login_main_03.jpg

│   ├── login_main_04.jpg

│   ├── logo.gif

│   ├── next.gif

│   ├── product_01.gif

│   ├── product_02.gif

│   ├── product_buy_01.gif

│   ├── product_buy_02.gif

│   ├── product_icon_01.gif

│   ├── product_icon_02.gif

│   ├── product_icon_03.gif

│   ├── product_icon_04.gif

│   ├── product_icon_20.gif

│   ├── product_icon_40.gif

│   ├── product_left_top_bg.gif

│   ├── product_list_01.jpg

│   ├── product_list_02.jpg

│   ├── product_list_03.jpg

│   ├── product_list_04.jpg

│   ├── product_list_05.jpg

│   ├── product_page_down.gif

│   ├── product_page_up.gif

│   ├── register_btn_out.gif

│   ├── register_btn_over.gif

│   ├── register_cont.gif

│   ├── register_dotted.gif

│   ├── register_head_bg.gif

│   ├── register_pic_01.gif

│   ├── register_pic_02.gif

│   ├── register_shadow.gif

│   ├── register_tag_left.gif

│   ├── register_tag_mid.gif

│   ├── register_tag_right.gif

│   ├── register_top_bg.gif

│   ├── register_write_ok.gif

│   ├── shopping_arrow_down.gif

│   ├── shopping_arrow_up.gif

│   ├── shopping_balance.gif

│   ├── shopping_commend_bg.gif

│   ├── shopping_dotted.gif

│   ├── shopping_myshopping.gif

│   ├── star_gray.gif

│   ├── star_red.gif

│   ├── star_red2.gif

│   └── validate.gif

├── index.html

├── index.html.bak

├── js

│   ├── header.js

│   ├── index.js

│   ├── jquery-1.8.3.js

│   ├── login.js

│   ├── product.js

│   ├── register.js

│   └── shopping.js

├── login.html

├── login.html.bak

├── open.html

├── open.html.bak

├── product.html

├── product.html.bak

├── register.html

├── register.html.bak

├── shopping.html

└── 效果图

├── 首页(index.html).png

├── 登录(login.html).png

├── 图书(products.html).png

├── 注册(register.html).png

└── 购物车(shopping.html).png

5 directories, 154 files

初识html5-当当网图书分类页面,html+css静态页面当当网案例相关推荐

  1. html+css静态页面还原 拼多多网页

    html+css静态页面还原 代码 <!DOCTYPE html> <html lang="zh">     <head>         &l ...

  2. 初识html5-当当网图书分类页面,图书添加页面 图书分类加载不出来

    html> 图书添加 图书添加 /AddBookServlet" method="post"> 图书ID 图书名 图书分类 ${c.catgoryName.c ...

  3. HTML+CSS静态页面网页设计作业——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码)

    HTML5期末大作业:洪江市旅游网站设计--洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个人. 美食. 公司. ...

  4. html5页面结构案例,前端学习笔记(五)HTML+CSS静态页面实战案例:幸福西饼首页和百度首页...

    按照知乎上面汪小黑推荐的前端学习路径,在自学了HTML和CSS之后,开始尝试实战制作静态页面小项目. 幸福西饼首页制作 首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材.源 ...

  5. FF03HTML+CSS静态页面网页设计作业——餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码)

    HTML5期末大作业:餐饮美食网站设计--餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个人. 美食. 公司 ...

  6. 什么是静态的html页面,什么是静态页面?什么是动态页面?二者有什么区别

    一.什么是静态页面 1.在静态html页面中,用户通过Web浏览器HTTP协议向web服务器发送一个响应请求,告诉web服务器要浏览这个网站的哪个页面,接着根据用户的响应请求返回一个html页面给用户 ...

  7. HTML+CSS静态页面网页设计作业——餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码)

    HTML5期末大作业:餐饮美食网站设计--餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个人. 美食. 公司 ...

  8. spring mvc使用html页面,Spring MVC静态页面

    以下示例显示如何使用Spring MVC Framework编写一个简单的基于Web的应用程序,它可以使用标记访问静态页面和动态页面.首先使用Eclipse IDE创建一个动态WEB项目,并按照以下步 ...

  9. 页面转化成静态页面,或者伪静态页面 .

    1.满足搜索引擎的要求 某些搜索引擎不能支持动态页面的抓取,大量的信息就不能被潜在用户搜索到.用UrlRewrite技术你可以把 http://server/news.asp?id=111 变成 ht ...

  10. 一个特殊静态页面的处理---静态页面实现流程图

    Tips:今天接收一个静态页面,被布局所困扰,不知从何下手,请同事指教,求解. 每一个字段均从后台传入,每一个值也均改变的, 节点是可改变的 输入配置文字也是可以变化的 解决代码: 1.HTML &l ...

最新文章

  1. Jquery绑定事件(bind和live的区别)[转]
  2. 树莓派 之 Screen
  3. Android——电脑蓝屏重启后,studio无法认出Android环境 setup JDK(缓存!缓存!缓存)...
  4. 转:如何进行软件架构设计?
  5. XCTF-高手进阶区:ics-07
  6. apache spark_Apache Spark软件包,从XML到JSON
  7. 关于编程学习及面试,推荐些适合的网站,希望对现在的你有帮助!
  8. Flask flask-session
  9. Unity PlayerSetting Android打包设置介绍
  10. ubuntu虚拟机传文件到当前主机
  11. 自建服务器好还是外包,自建与外包对比:如何使你的IT回归内部
  12. 解决windows虚机系统时间与北京时间相差8小时
  13. 与() 、或(|)、异或(^) 、取反(~) 运算
  14. python离线语音唤醒算法_python实现离线语音识别
  15. [BZOJ5139][Usaco2017 Dec]Greedy Gift Takers 权值线段树
  16. 2022年个人Java面试总结
  17. python到底要学多久才能找到工作?
  18. 通过 Win + R 默认以管理员身份打开 cmd
  19. Python的判及格与否
  20. n行由字符c构成的倒直角三角形图案

热门文章

  1. 极客空间-MySQL实战45天-第二天
  2. 171-路飞12-课程页面和课程数据表构建
  3. rust修改礼包时间_Rust Async: futures-timer源码解析
  4. mathematica中快捷键
  5. PLC同时连接多个触摸屏和电视机显示器解决方案
  6. 我为什么要转到软件工程专业
  7. 纬衡、金蝶、腾讯、迅雷获深圳软件明星企业称号
  8. matplotlib画箱线图,添加非参数检验-秩和检验的结果
  9. 如何培训新进的软件测试人员
  10. stata基于cox回归制作临床决策曲线