静态网页制作—制作“当当网首页”
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>当当网首页</title>
<style type="text/css">
body {font-size: 12px;line-height: 20px;
}
.logo {text-align: center;
}
.nav-current {background-image: url(images/nav_current_bg.gif);background-repeat: no-repeat;text-align: center;color: #FFF;
}
.nav {background-image: url(images/nav_bg.gif);background-repeat: no-repeat;text-align: center;
}
.welcome {color: #ff6501;
}
.help {color: #656565;text-align: right;
}
.navbar {line-height: 30px;color: #FFF;background-color: #fc883b;text-align: center;
}
.left-title-current {background-image: url(images/left_title_current.gif);background-repeat: no-repeat;text-align: center;
}
.left-title {background-image: url(images/left_title_bg.gif);background-repeat: no-repeat;text-align: center;
}
.left-list {background-image: url(images/left-list-bg.gif);background-repeat: repeat-y;
}
.left-title-right {background-image: url(images/left_title_right.gif);background-repeat: no-repeat;text-align: center;
}
.left-list-bottom {background-image: url(images/left_list_bottom.gif);background-repeat: no-repeat;
}
.books {background-image: url(images/right_title_01.gif);background-repeat: no-repeat;line-height: 32px;
}
.books1 { background-image: url(images/right_title_01.gif);background-repeat: no-repeat;line-height: 32px;text-align: right;
}
.t-right {text-align: right;
}
.t-center {text-align: center;
}
.book-title {color: #656565;
}
.book-price {color: #cb3400;
}
.footer {background-color: #f9f9f9;background-image: url(images/bottom_line.gif);background-repeat: repeat-x;
}
</style></head><body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td width="170" height="70" class="logo"><img src="data:images/logo.gif" width="97" height="46" /></td><td width="370"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="40" colspan="9" class="welcome">网上购物享当当</td></tr><tr><td width="70" height="30" class="nav-current">首页</td><td width="5"></td><td width="70" class="nav">图书</td><td width="5"></td><td width="70" class="nav">百货</td><td width="5"></td><td width="70" class="nav">品牌</td><td width="5"></td><td width="70" class="nav">促销</td></tr></table></td><td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="40"> </td></tr><tr><td height="30" class="help">商家 | 当当榜 | 礼物 | 在线读书 | 更多服务</td></tr></table></td></tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="navbar">音乐 | 影视 | 少儿 | 教辅 | 小说 | 外语 | 数码相机 | 笔记本 | 春装 | 外套 | 新款单鞋 | 运动鞋 | 美容护肤 | 家纺用品 | 婴幼奶粉 | 玩具 | 美食保健 | 饰品</td></tr>
</table>
<br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td width="230" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="77" height="34" class="left-title-current">五星图书榜</td><td class="left-title">新书热卖榜</td><td class="left-title-right">图书畅销榜</td></tr></table></td></tr><tr><td class="left-list"><table width="210" border="0" align="center" cellpadding="0" cellspacing="4"><tr><td width="80" rowspan="2"><img src="data:images/icon_left_list_01.gif" width="78" height="72" /></td><td>1.风语(2)(当当网全国独家首发)</td></tr><tr><td>¥18.50</td></tr></table><table width="210" border="0" align="center" cellpadding="0" cellspacing="4"><tr><td width="80" rowspan="2"><img src="data:images/icon_left_list_02.gif" width="78" height="72" /></td><td>2.胆小鬼(从青春疼痛到直面生活)</td></tr><tr><td>¥16.80</td></tr></table><table width="210" border="0" align="center" cellpadding="0" cellspacing="4"><tr><td width="80" rowspan="2"><img src="data:images/icon_left_list_03.gif" width="78" height="72" /></td><td>3.心理罪之暗河-中国心理犯罪小说第一人</td></tr><tr><td>¥17.50</td></tr></table><table width="210" border="0" align="center" cellpadding="0" cellspacing="4"><tr><td width="80" rowspan="2"><img src="data:images/icon_left_list_04.gif" width="78" height="72" /></td><td>4.生活教养第一书·小鼠宝贝成长日记</td></tr><tr><td>¥94.20</td></tr></table><table width="210" border="0" align="center" cellpadding="0" cellspacing="4"><tr><td width="80" rowspan="2"><img src="data:images/icon_left_list_05.gif" width="78" height="72" /></td><td>5.绝色倾城(国内"残酷情爱"小说第一人)</td></tr><tr><td>¥20.60</td></tr></table></td></tr><tr><td height="3" class="left-list-bottom"></td></tr></table></td><td></td><td width="720" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="books"><table width="700" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-right">理财 | 美妆 | 家教 | 教辅 | 少儿 | 历史 | 励志 | 传记</td></tr></table></td></tr><tr><td><table width="100%" border="0" cellspacing="20" cellpadding="0"><tr><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_01.jpg" width="100" height="100" /></td></tr><tr><td class="book-title">法布尔昆虫记(共10册) 儿童彩图版</td></tr><tr><td class="book-price"><strong>¥130.70</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_02.jpg" width="100" height="100" /></td></tr><tr><td class="book-title">官路 透视官场权力背后的隐痛</td></tr><tr><td class="book-price"><strong>¥18.90</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_03.jpg" width="100" height="100" /></td></tr><tr><td class="book-title">我的抗战 独家赠送精美木刻画一套</td></tr><tr><td class="book-price"><strong>¥19.10</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_04.jpg" width="100" height="100" /></td></tr><tr><td class="book-title">高考战斗手册(第二版) 附赠MP3光盘</td></tr><tr><td class="book-price"><strong>¥17.90</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_05.jpg" width="100" height="100" /></td></tr><tr><td class="book-title">玛蒂娜全辑(全70册)</td></tr><tr><td class="book-price"><strong>¥319.4</strong></td></tr></table></td></tr></table></td></tr><tr><td><table width="100%" border="0" cellspacing="10" cellpadding="0"><tr><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_06.jpg" width="95" height="130" /></td></tr><tr><td class="book-title">柯斯林30分钟粉彩画</td></tr><tr><td class="book-price"><strong>¥28.8</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_07.jpg" width="95" height="130" /></td></tr><tr><td class="book-title">史努比漫画全集</td></tr><tr><td class="book-price"><strong>¥68.0</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_08.jpg" width="95" height="130" /></td></tr><tr><td class="book-title">数学是怎样学好的——王金战教你玩转数学</td></tr><tr><td class="book-price"><strong>¥15.3</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_09.jpg" width="95" height="130" /></td></tr><tr><td class="book-title">睡在拯救中国经济</td></tr><tr><td class="book-price"><strong>¥17.8</strong></td></tr></table></td><td width="20%"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="t-center"><img src="data:images/icon_right_10.jpg" width="95" height="130" /></td></tr><tr><td class="book-title">四书五经译著(全套九册)</td></tr><tr><td class="book-price"><strong>¥223.5</strong></td></tr></table></td></tr></table></td></tr></table></td></tr>
</table>
<br />
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="footer"><table width="960" border="0" align="center" cellpadding="10" cellspacing="0"><tr><td class="t-center">公司简介|Investor Relations|诚征英才|网站联盟|百货招商|团购|手机当当|官方Blog<br />Copyright (C) 当当网 2004-2010, All Rights Reserved|京ICP证041189号音像制品经营许可证 京音网8号<br /><img src="data:images/cert_01.gif" width="128" height="47" /> <img src="data:images/cert_02.gif" width="128" height="47" /></td></tr></table></td></tr>
</table>
</body>
</html>
效果图片
静态网页制作—制作“当当网首页”相关推荐
- python爬虫之静态网页(以当当网图书畅销榜榜为例)
在编写爬虫代码时,将网页分为静态网页和动态网页两种,不同类型的网页数据有着不同的处理办法,这篇文章简述爬取静态网页的方法,以当当网的图书销量为例,使用爬虫技术可以获得网页的页面数据并且自动生成exce ...
- HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计)
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计) 百度云链接:http://pan.baidu.com/s/1hrH6qck 密码:bc4n 01.HTML基本标签_理论 ...
- 食品商城网站设计—食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作
HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作 文章目录 HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) ...
- 运用HTML+CSS+JS简单制作苹果官网首页
运用HTML+CSS+JS制作苹果官网首页 上次例会所留任务是用上HTML+CSS+JS做一个网页.内容自定. 我想的是做一个苹果官网首页的网页. 大概是这样的:苹果官网首页 我所做的和它相差不多 不 ...
- HTML5期末大作业:食品商城网站设计——食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作
HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...
- HTML5期末大作业:网页设计——小米商城官网首页(1页) HTML+CSS+JavaScript web期末作业设计网页_清新淡雅个人网页大学生网页设计作业成品
HTML5期末大作业:网页设计--小米商城官网首页(1页) HTML+CSS+JavaScript web期末作业设计网页_清新淡雅个人网页大学生网页设计作业成品 常见网页设计作业题材有 个人. 美食 ...
- JavaScript 实例:当当网 首页选项卡切换效果
关键代码: <script type="text/javascript"> function showMe(index) {//book_type_out是类名,类名绑 ...
- 静态网页的制作(美食美刻)
以下所有内容均是通过所看教程记录的笔记. 静态网页制作步骤: 1. 创建一个完整网络目录结构 一个文件夹:管理当前网站中所有的文件 index.html/default.html(文件):当前网站的入 ...
- 山东菏泽家乡网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...
最新文章
- 2022-2028年中国羽绒工业投资分析及前景预测报告
- 面板服务器默认是什么系统,免费Linux服务器管理面板,你用的是哪个?
- wordpress acf字段 不同样式_WordPress强大搜索功能如何实现?安装Ivory Search插件
- hbase 单机 java api,HBase学习(一)hbase安装(单机模式)和javaapi客户端访问hbase例子...
- 【c++内存分布系列】单独一个类
- 限定通配符和非限定通配符_为什么我不信任通配符以及为什么我们仍然需要通配符...
- linux非权限安装bioperl,bioperl的安装
- html读取servlet,简单html与servlet交互(HTML利用servlet读取txt)
- (转)用 Maven 部署 war 包到远程 Tomcat 服务器
- 腾讯或推动斗鱼虎牙合并;拼多多推出“百亿补贴节”;Electron 9.2.0 发布| 极客头条
- java .class 反编译工具推荐
- 生信技能树——GEO芯片数据的合并
- vue开发环境搭建(WebStorm)
- python自回归模型_21向量自回归模型
- doxygen 注释规范_Doxygen简明注释语法
- Unity发布的exe程序正常 显示窗口右上角的放大缩小功能
- 柔柔弱弱若若若若若若若若
- 【肖四出了】考研政治肖秀荣预测四套卷已出!
- printf(%s\n,*s);与printf(%s\n,s);的区别
- python初学者爬虫教程(二)动态网页抓取