【免费】ACCP5.0 HTML项目案例与学习指导资源-CSDN下载

共208个文件

jpg：97个

gif：92个

html：8个

4星 · 超过85%的资源需积分: 0 27 浏览量 2008-10-09 09:15:43 上传评论 9 收藏 2.35MB RAR 举报

【HTML项目案例全套】是一个全面涵盖ACCP5.0一学期HTML项目的教学资源包，旨在帮助学习者深入了解和实践HTML语言。ACCP5.0是一个知名的IT职业教育课程，旨在培养具备实际开发技能的Web前端工程师。这个项目案例集合是该课程的一部分，提供了丰富的实践机会，以增强学习者的HTML编码能力。在描述中提到的"超链接的背景变换"是指在HTML中为<a>标签添加动态背景效果的技术。这通常涉及到CSS（层叠样式表）的应用，如使用:hover伪类来改变鼠标悬停时链接的背景颜色或图片。此外，"圆角背景的拼合"可能指的是利用CSS的border-radius属性创建圆角效果，并通过背景图像或者颜色渐变实现无缝拼接，创造出更具设计感的网页元素。文件名为"mybookshop"的项目可能是一个模拟在线书店的实例，学习者可以通过此项目练习HTML布局、图片展示、产品列表和链接处理等技巧。在这个项目中，可能会接触到表格、列表、段落、标题等基本HTML元素，以及如何使用<a>标签构建导航和链接到其他页面。另一方面，"指导学习"文件可能是详细的教程文档，包含了解决上述难点的具体步骤和指导，可能包括代码示例、解释和提示。这类文档对于初学者来说极为宝贵，因为它不仅提供了学习路径，还帮助他们解决在实践中遇到的具体问题。在学习这些项目案例时，学习者应该关注以下关键知识点： 1. HTML基础：了解并掌握HTML的基本结构和元素，如<header>, <nav>, <section>, <article>, <footer>等。 2. CSS样式：理解盒模型、选择器、属性、值的概念，学会使用CSS控制文本、颜色、布局和动画。 3. 链接与导航：熟练使用<a>标签创建内部和外部链接，以及使用href属性和target属性进行链接跳转。 4. CSS圆角：运用border-radius属性创建不同尺寸和形状的圆角，实现美观的界面设计。 5. 背景与过渡：学习如何设置背景图片和颜色，以及使用transition属性创建平滑的背景变化效果。通过深入实践这些项目案例，学习者不仅可以巩固HTML和CSS的基础知识，还能提升对网页设计原则的理解，为未来更复杂的Web开发工作奠定坚实的基础。在学习过程中，不断试验、调试和优化代码，是提高技能的关键。同时，与他人交流分享经验和问题，也是深化理解、提升学习效率的有效途径。

资源推荐

资源详情

资源评论

收起资源包目录

HTML项目案例全套（208个子文件）

top.css 6KB

Untitled-1.css 361B

Thumbs.db 418KB

Thumbs.db 129KB

Thumbs.db 30KB

index.dwt 2KB

q_show2.gif 55KB

q_show1.gif 26KB

login_h6.gif 14KB

bbs_s4.gif 14KB

class-top.gif 13KB

login_h9.gif 12KB

bbs_s1.gif 12KB

login_h1.gif 11KB

bbs_s2.gif 11KB

login_h2.gif 11KB

hpz-1.gif 9KB

login_h10.gif 9KB

login_h7.gif 8KB

q_QQSHOW3.gif 8KB

login_h5.gif 7KB

login_h4.gif 7KB

login_h8.gif 7KB

index-new2.gif 7KB

index-movie1.gif 6KB

login_h3.gif 6KB

q_QQSHOW1.gif 6KB

ff1.gif 6KB

q_QQSHOW2.gif 6KB

bbs_s3.gif 5KB

show_left_head.gif 5KB

logo.gif 4KB

lady_left_bg_01.gif 3KB

show_head_left.gif 3KB

help_login2.gif 3KB

shopping.gif 3KB

channel_btn_dy.gif 3KB

show_head_side.gif 2KB

ff2.gif 2KB

sale.gif 2KB

balance.gif 2KB

validate.gif 1KB

class-7.gif 1KB

help_n2.gif 966B

help_n4.gif 964B

help_n5.gif 947B

help_n3.gif 869B

class-4.gif 835B

show_left_img_01.gif 599B

show_left_img_08.gif 594B

class-6.gif 580B

show_left_foot.gif 573B

index-right1.gif 571B

show_left_img_10.gif 561B

reg1-button.gif 554B

choice_goods_b.gif 515B

right-menu1.gif 491B

show_left_img_09.gif 489B

help_n1.gif 487B

login_top.gif 480B

login_bottom.gif 478B

class-1.gif 436B

class-2.gif 434B

show_head_main.gif 432B

class-3.gif 428B

show_left_img_02.gif 418B

show_left_img_03.gif 417B

show_left_img_04.gif 406B

show_left_img_07.gif 405B

show_left_img_05.gif 400B

zoom+.gif 378B

choice_t_right.gif 364B

choice_t_left.gif 358B

top-gwc.gif 353B

show_left_img_06.gif 296B

index-arrow.gif 275B

bg1.gif 221B

right-menu2.gif 215B

index-bg-left.gif 207B

index-bg-right.gif 207B

show_right_foot.gif 206B

vip_bg_side_head.gif 181B

index-bg-center.gif 179B

diamond.gif 168B

foot_right.gif 163B

head_right.gif 163B

index-end-left.gif 153B

bg.gif 137B

class-bg-right.gif 114B

class-bg-left.gif 113B

show_left_main.gif 111B

index-end-right.gif 104B

class-5.gif 74B

choice_t_center.gif 72B

show_bg_main.gif 65B

show_mid_foot.gif 64B

MenuBg.gif 53B

菜单背景随鼠标变化.htm 9KB

新用户注册.htm 3KB

共 208 条

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312">  <TITLE> 我的购物网首页</TITLE>    <LINK href="image/top.css" type="text/css" rel="stylesheet"> </HEAD> <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <DIV id="top" align="center" style="z-index:1;"><TABLE width="900" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD align="center" height="60" width="100"><IMG src="image/logo.gif"></TD> <TD><A href="index.html" class="top-menu1">首页</A><A href="shopping.html" class="top-menu2">我的当当</A><A href="class.html" class="top-menu3" >商品分类</A></TD> <TD class="text" align="right"><IMG src="image/top-gwc.gif"> <A href="product.html" class="A1">购物车</A> | <A href="help.html" class="A1">帮助中心</A> | <A href="login.html" class="A1">我的帐户</A> | <A href="register.html" class="A1">新用户注册</A></TD> </TR> </TABLE> </DIV> <DIV align="center"><IMG src="image/sousuo.jpg"></DIV> <DIV id="middle" ><DIV><TABLE width="950" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD valign="top" width="165"> <DIV id="left-top1"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" > <TR> <TD width="6"><IMG src="image/index-bg-left.gif"></TD> <TD background="image/index-bg-center.gif"><SPAN class="white-13">商品分类</SPAN><SPAN class="white-12">(店中店除外)</SPAN></TD> <TD width="6"><IMG src="image/index-bg-right.gif"></TD> </TR> </TABLE> </DIV> <DIV id="left-middle1" class="border-lr"><TABLE width="91%" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD> <A href="class1.html">百货/化妆品/玩具</A><BR>家居 <A href="class1.html">化妆品</A> 健康饰品玩具母婴文具手表服装/鞋 <BR><DIV align="right"><A href="class1.html">浏览更多详细分类</A></DIV> <BR> <A href="class.html">图书/杂志</A><BR> 小说文学青春动漫传记人文社科艺术管理 <BR> 孕产妇/育儿家庭教育少儿 <BR> 炒股求职瑜伽保健旅游地理/地图体育游戏美食美容美体装潢收藏爱好两性励志 <BR> 科普科学计算机通信建筑医学机械电工水利水电环境农林轻工化工 </TD> </TR> </TABLE> </DIV> <DIV id="left-end1"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD width="7" height="6"><IMG src="image/index-end-left.gif"></TD> <TD class="bottom">   </TD> <TD width="7"><IMG src="image/index-end-right.gif"></TD> </TR> </TABLE> </DIV><BR>  <DIV id="left-top2"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" > <TR> <TD width="6"><IMG src="image/index-bg-left.gif"></TD> <TD background="image/index-bg-center.gif"><SPAN class="white-13">商品分类</SPAN><SPAN class="white-12">(仅限店中店)</SPAN></TD> <TD width="6"><IMG src="image/index-bg-right.gif"></TD> </TR> </TABLE> </DIV> <DIV id="left-middle2" class="border-lr"><TABLE width="90%" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD><A href="class.html">手机通讯</A> <BR> 手机配件 <BR> 数码/IT <BR> 影像视听电脑 <BR> 化妆品饰品玩具母婴女装运动精品箱包/鞋帽钟表/眼镜家居家电保健品成人用品</TD> </TR> </TABLE> </DIV> <DIV id="left-end2"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <TR> <TD width="7" height="6"><IMG src="image/index-end-left.gif"></TD> <TD class="bottom">   </TD> <TD width="7"><IMG src="image/index-end-right.gif"></TD> </TR> </TABLE> </DIV> </TD>   <TD width="615" valign="top">  <DIV align="center" class="text">您好，欢迎光临当当网。[请<A href="login.html" >登录</A>/<A href="Register.html">注册</A>]</DIV>  <DIV align="center" > <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="130"> <PARAM name="movie" value="flash/index.swf"> <PARAM name="quality" value="high"> <EMBED src="flash/index.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" width="500" height="130"></EMBED> </OBJECT> </DIV>  <DIV align="center"><TABLE width="90%" border="0" cellspacing="0" cellpadding="0"> <TR> <TD height="130"><A href="product.html"><IMG src="image/index-new1.jpg" border="0"></A></TD> <TD><A href="product.html"><IMG src="image/index-new2.gif" border="0"></A></TD> <TD><A href="product.html"><IMG src="image/index-new3.jpg" border="0"></A></TD> </TR> <TR> <TD> ·<A href="product.html">BBC旅行盛宴</A> <BR> ·<A href="product.html">中国刀剑</A> <BR> </TD> <TD>·<A href="product.html">做个水嫩美人</A> <BR> ·<A href="product.html">秋季MM“膜”法的秘密</A> <BR> </TD> <TD>·<A href="product.html">精品D9 经典珍藏</A> <BR> ·<A href="product.html">经典专题纪录片大收录</A> </TD> </TR> </TABLE> </DIV>  <DIV align="center"></DIV>  <DIV align="center"> <TABLE width="90%" border="0" cellspacing="0" cellpadding="0"> <TR> <TD colspan="3" height="35"><IMG src="image/index-arrow.gif"> <A href="class.html" class="bigtuhuang">最新最热流行CD专辑、华语、欧美、日韩全收录，最佳品质、最优价格！</A></TD> </TR> <TR align="center"> <TD><A href="class.html" class="blue">华语流行</A><BR> <A href="product.html"><IMG src="image/index-CD1.jpg" border="0"></A></TD> <TD><A href="class.html" class="blue">欧美流行</A><BR> <A href="product.html"><IMG src="image/index-CD2.jpg" border="0"></A></TD> <TD><A href="class.html" class="blue">日韩流行</A><BR><A href="product.html"><IMG src="image/index-CD3.jpg" border="0"></A></TD> </TR> <TR> <TD style="padding-left:40px;"><A href="product.html">F.I.R 飞儿乐团爱·歌姬</A> <BR> <IMG src="image/index-arrow.jpg"><A href="product.html">南拳妈妈最新专辑藏宝图</A></TD> <TD style="padding-left:40px;"><A href="product.html">魔力红Maroon5 久等了</A><BR> <IMG src="image/index-arrow.jpg"> <A href="product.html">2007格莱美的喝彩</A> <BR></TD> <TD style="padding-left:40px;"><A href="product.html">中岛美嘉爱的诺言赠DVD</A> <BR> <IMG src="image/index-arrow.jpg"> <A href="product.html"> 中岛美嘉剧终</A> </TD> </TR> </TABLE> </DIV>  <DIV align="center"> <TABLE width="90%" border="0" cellspacing="0" cellpadding="0"> <TR> <TD colspan="3" height="35"><IMG src="image/index-arrow.gif"> <A href="class.html" class="bigtuhuang">最新电影大片、热播电视剧、经典卡通纪录片，全场打折、天天特价！</A></TD> </TR> <TR align="center"

评论收藏

内容反馈