仿当当网首页制作详解与达内IT培训综合练习

仿当当网页面
3星 · 超过75%的资源 需积分: 18 6 下载量 78 浏览量 更新于2024-09-11 收藏 431KB PDF 举报
本资源是一份关于仿制当当网页面的详细教程和实践文档，由达内IT培训集团提供。主要内容围绕如何创建一个类似于当当网（Dangdang.com）首页的设计，包括HTML、CSS以及可能涉及的前端开发技术。这份文档旨在帮助学习者通过具体的练习提升网页设计和布局的理解、掌握和应用能力。 首先，文档以课后作业的形式组织，分为两个部分：综合练习和参考代码。在综合练习部分，学习者被要求实现当当网首页的基本结构和样式，如导航栏、logo、广告区域和主要内容区。具体任务分解为： 1. 【综合练习】当当网首页 - 效果演示：这里会展示一个预期完成后的页面样例，模拟当当网首页的视觉风格，包括清晰的导航栏，带有欢迎信息和登录/注册选项，以及商品图片和购物车按钮等元素。 - 我们实现的部分：这部分可能会介绍已实现的功能和样式，比如无外边距和内边距的统一设置，消除列表项目默认样式，链接样式的变化，以及特定元素如logo和广告区域的定位。 2. 参考代码 - HTML结构：提供了HTML代码示例，如`<html>`、`<head>`、`<body>`标签，展示了如何构建页面的基本框架，包括头部信息、主体内容区域和可能的侧边栏。 - CSS样式：详细介绍了CSS规则，如设置全局样式，如字体大小和颜色，浮动布局的使用，以及不同元素如`#h1`、`#logo`、`#adv`和`#content`的样式定义。特别关注了如何使用伪类（如`:hover`）来实现鼠标悬停时的交互效果。 通过这个仿当当网页面的练习，学习者可以深入了解响应式布局、HTML5语义化、CSS基础和选择器的运用，同时培养审美观和用户体验设计的意识。完成这项作业有助于提升对前端开发的理解，并能够应用于实际的网站制作项目中。

当当网HTML页面（练习）

3383 浏览量
适合新手练习的的源码，包括html，css，javascript，可以下载模仿练习，适合入门级，

当当网模板非常好用详细

511 浏览量
非常全的模板，包含各个页面。 登录 - 当当网 登录帮助 Email地址或昵称 手机号码 账户名 密　码 忘记密码？ 还不是当当网用户？快捷方便的免费注册，让你立刻尽享当当网提供的各项优惠及服务... .public_footer_box { CLEAR: both; MARGIN: 0px auto; FONT: 12px "宋体",Arial,Helvetica,sans-serif; WIDTH: 100% } .public_footer { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 950px; COLOR: #666; PADDING-TOP: 32px } .public_footer A { FONT-SIZE: 12px; COLOR: #666! important; TEXT-DECORATION: none } .public_footer A:hover { COLOR: #f60! important; TEXT-DECORATION: underline } .public_footer .sep { PADDING-RIGHT: 18px; DISPLAY: inline-block; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .public_footer .footer_copyright { PADDING-LEFT: 168px; MARGIN: 0px auto; WIDTH: 792px } .public_footer .footer_copyright SPAN { DISPLAY: inline; FLOAT: left } .public_footer .footer_copyright SPAN { PADDING-TOP: 10px } .public_footer .footer_copyright A { PADDING-RIGHT: 4px } .public_footer .footer_icon { MARGIN: 10px 0px 0px 335px; WIDTH: 300px; HEIGHT: 57px } .public_footer .validator { PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; PADDING-TOP: 0px; HEIGHT: 47px } .public_footer .knet { PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; PADDING-TOP: 0px; HEIGHT: 47px } Copyright (C) 当当网 2004-2011, All Rights Reserved|京ICP证041189号音像制品经营许可证 京音网8号 function CNNIC_change(eleId) { var str= document.getElementById(eleId).href; var str1 =str.substring(0,(str.length-6)); str1+=CNNIC_RndNum(6); document.getElementById(eleId).href=str1; } function CNNIC_RndNum(k) { var rnd=""; for (var i=0;i < k;i++) rnd+=Math.floor(Math.random()*10); return rnd; } if($F('txtUsername')!="Email地址或昵称"){$('txtUsername').focus();$('txtPassword').focus();} echo_error_message(0);change_login_type(0,0)

仿当当网jsp网页项目

270 浏览量
仿照当当网写出的jsp网站 数据库连接可通过修改src\com\tarena\util下的DBUtil文件修改 数据库使用mysql

仿当当网系统

161 浏览量
【仿当当网系统】是一个基于Java Web技术的电商项目，旨在模拟并实现当当网的主要功能。这个项目的核心框架是SSH（Struts2、Spring、Hibernate），这是一套广泛应用于企业级应用开发的开源技术栈，实现了MVC（Model-...

仿当当网项目

142 浏览量
【仿当当网项目】是一个面向初中学习者的电子商务小型图书销售项目，主要使用Java语言进行开发，这为我们提供了一个深入了解Web应用开发、尤其是电商系统架构的绝佳实例。在这个项目中，我们可以学习到以下核心知识...

仿当当网源码

625 浏览量
【标题】"仿当当网源码"是一个基于三大框架构建的Web开发学习项目，旨在模仿知名电商网站当当网的功能和界面。这个项目对于想要深入理解Web开发、特别是电商平台建设的学生和开发者来说，是一个非常有价值的实践案例...

易想仿当当网B2C

2013-04-24 上传
在【易想仿当当网B2C】项目中，ASP被用来处理用户请求、与数据库交互、控制页面逻辑，以及展示商品信息等功能。 这个压缩包中包含了一些关键文档和文件： 1. **易想服务指南.doc**：这可能是易想团队提供的服务指南...

仿当当网(MVC)

2014-04-03 上传
【标题】"仿当当网(MVC)"是一个项目实践，旨在模仿知名电商平台当当网的架构，使用了MVC（Model-View-Controller）设计模式作为基础。在MVC模式中，模型（Model）负责处理数据，视图（View）负责展示用户界面，而...

.net 仿当当网 附数据库

125 浏览量
【标题】".net 仿当当网 附数据库"是一个基于.NET框架的毕业设计项目，其目的是模拟当当网的主要功能。这个项目旨在让学生实践.NET技术，并了解如何构建一个在线购物平台。 【描述】中提到的功能包括： 1. **...

仿当当网mvc架构设计

198 浏览量
技术实现：Struts1.2 + Hibernate3.1+JavaScript+AJax 开发环境：Linux + Tomcat + MySQL + MyEclipse ... 具体描述：独立完成项目的各个开发模块，本系统采用了...Jsp只负责显示给用户静态的页面，不作业务上的处理。
彩云博风
  • 粉丝: 1
上传资源 快速赚钱

最新资源