《网页设计与制作(DIV+CSS)》实训指导书_第1页
《网页设计与制作(DIV+CSS)》实训指导书_第2页
《网页设计与制作(DIV+CSS)》实训指导书_第3页
《网页设计与制作(DIV+CSS)》实训指导书_第4页
《网页设计与制作(DIV+CSS)》实训指导书_第5页
已阅读5页，还剩31页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、网页设计与制作（DIV+CSS） 上饶职业技术学院 信息工程系推荐精选 目 录实训1：从基础开始1实训2：摄影师个人网站布局6实训3：生物研究中心网站布局10实训4：教育公司网站布局22推荐精选实训1：从基础开始实训名称： 成绩： 实训日期： 年 月 日 实训报告日期： 年 月 日一、实训目的1、掌握 CSS的各种选择器及其各自的使用方法；2、掌握CSS的继承性与层叠特性以及它们的作用。二、实训内容实例制作三、实训环境Adobe Dreamweaver CS5四、实训步骤、过程1、动手体验CSS首先建立HTML文件，构建最简单的页面框架，其内容包括标题和正文部分，每一个部分

2、又分别处于不同的模块中，代码如下所示：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html

3、; charset=gb2312" /><title>体验CSS</title><link href="sheet1.css" rel="stylesheet" type="text/css" /></head><body><h1>畅思网络有限公司</h1><img src="Pictures/1.jpg" width="128" height="128"><

4、p id="p1">首先建立HTML文件，构建最简单的页面框架，其内容包括标题和正文部分，每一个部分又分别处于不同的模块中。</p><p id="p2">首先建立HTML文件，构建最简单的页面框架，其内容包括标题和正文部分，每一个部分又分别处于不同的模块中。推荐精选</p></body></html>2、“交集”选择器“交集”复合选择器由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。这两个选择器之间不能有空格，

5、必须连续书写。举例代码如下：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha

6、rset=gb2312" /><title>无标题文档</title><style type="text/css"><!-p color:blue; p.special color:red; .special color:#889900; -></style></head><body><p>其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。</p><h3>其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。&l

7、t;/h3><p class="special">其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。</p>推荐精选<h3 class="special">其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。</h3></body></html>运行效果如图1.1所示：图1.1 标记、类别选择器示例3、CSS的继承性CSS的继承指的是子标记会继承你标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会

8、影响父标记。举例代码如下：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char

9、set=gb2312" /><title>无标题文档</title><style type="text/css">h1 color:blue; text-decoration:underline; em color:#FF0000; ul ul li font-weight:bold; </style>推荐精选</head><body><h1>前沿<em>WEB开发</em>教室</h1><ul><li>WEB设计与

10、开发需要使用以下技术： <ul> <li>HTML</li> <li>CSS</li> <ul> <li>并可以在父标记样式风格的基础上再加以修改</li> <li>并可以在父标记样式风格的基础上再加以修改</li> <li>并可以在父标记样式风格的基础上再加以修改</li> </ul> <li>Javascript</li> </ul> </li> <li>此外，还需要掌握： &

11、lt;ol> <li>FLASH</li> <li>Dreameweaver</li> <li>Photoshop</li> </ol> </li> </ul> </body></html>运行效果如图1.2所示：推荐精选图1.2 包含多层列表的页面推荐精选实训2：摄影师个人网站布局实训名称： 成绩： 实训日期： 年 月 日 实训报告日期： 年 月 日一、实训目的1、掌握 CSS的几项核心原理和方法，包括定位方法，特别是“盒子模型”、“标准流”、“绝对定位”

12、、“相对定位”等；2、掌握网站的开发流程，从分析、策划到设计整个流程。二、实训内容摄影师个人网站布局三、实训环境Adobe Dreamweaver CS5四、实训步骤、过程1、设置页面的整体背景新建一个本地站点，将背景图片background.gif放入到本地站点的pic文件夹中，然后在网页代码中添加一些CSS规则，代码如下：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu

13、ot;><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>摄影师</title><style type="text/css">body margin:0; padding:0; background-color:#cccc9; backgro

14、und-image:url(pic/background.gif); background-repeat:repeat-x;推荐精选</style></head><body></body></html>效果图如图1.1所示：图1.1 页面设置背景图像之后的效果2、制作照片展示区域接下来，设置页面上部照片展示区域，首先然body中增加如下代码。<body><div id="container"> <ul id="profiles"> <li><

15、img src="pic/photo-1.jpg" /></li> <li><img src="pic/photo-2.jpg" /></li> <li><img src="pic/photo-3.jpg" /></li> <li><img src="pic/photo-4.jpg" /></li> <h1><span>Chance Wen</span>&

16、lt;/h1> <h2>your eye on the world</h2> </ul> </div> </body>div #container的CSS样式设置如下：推荐精选#container width:700px; margin:60px auto 0; position:relative; 接下来设置ul#profiles的CSS样式设置如下：ul#profiles margin:0; padding:0; list-style:none; 项目列表默认情况下都是竖直排列的，而我们希望这几张照片水平排列，因此下面要把它

17、们“拉平”，代码如下：ul#profiles li float:left; padding:4px; 3、设置网页标题的图像替换使用图像来代替文本，代码如下：#container h1 background-image:url('pic/logo.png'); background-repeat:no-repeat; width:137px; height:191px; position:absolute; top:150px; left:270px;#container h1 span display:none; #container h2 display:none; 推荐精

18、选制作好的摄影师个人网站效果图如图1.2所示：图1.2 完成后的网页五、练习六、源程序清单、测试数据、结果七、实训出现的问题、实训结果分析（语法错英语提示，中文翻译，原因，您的理解？）推荐精选实训3：生物研究中心网站布局实训名称： 成绩： 实训日期： 年 月 日 实训报告日期： 年 月 日一、实训目的1、掌握 CSS的几项核心原理和方法，包括定位方法，特别是“盒子模型”、“标准流”、“绝对定位”、“相对定位”等；2、掌握网站的开发流程，从分析、策划到设计整个流程；3、CSS中的重要基础，即使用“浮动”的方法进行页面布局。二、实训内容生物研究中心网站布局三、实训环境Adobe Dreamweav

19、er CS5四、实训步骤、过程1、制作页头部分首先来搭建本案例的页头部分的HTML结构，代码如下：<body><div id="container"><h1><span>Artech Biological Center</span></h1><h2><span>Life is a miracle,Life is Beatiful,We find source of life.</span></h2><div><ul id="to

20、pMenu"><li class="first"><a href="#">Support</a></li><li><a href="#">Contact</a></li><li><a href="#">Site map</a></li></ul></div></body>下面设置CSS样式，首先对body进行初始化，设定m

21、argin和padding，并对正文字体进行设置。代码代码如下：推荐精选bodymargin:0;padding:0;font-family:Arial;font-size:12px;然后对列表进行初始化，它会影响网页中的所有列表，这样做的目的是使网页中所有的ul列表都有统一的初始设置。ullist-style-type:none;margin:0;padding:0;接着设置div#container的样式：#containerwidth:765px;margin:10px auto;position:relative;然后设置网页的标题，即h1元素，基本方法和上一章中介绍的图像替换文本的方

22、法相同。h1border-top:6px #DDD solid;border-bottom:2px #DDD solid;height:80px;background-image:url('logo.png');background-repeat:no-repeat;margin:0;同样，把h2页替换为上面准备好的背景图像。h2width:510px;height:200px;float:right;推荐精选background-image:url('banner.png');margin:5px 0 0 0;设置背景图像以后，需要将文本隐藏起来，代码如下：h

23、1 span,h2 spandisplay:none;再设置相应的其他CSS样式。#topMenuposition:absolute;right:0;top:6px;#topMenu lifloat:left;padding: 20px 10px 0;border-left:1px #ddd solid;#topMenu li.firstborder:none;#topMenu li acolor:gray;text-decoration:none;#topMenu li a:hovertext-decoration:underline overline;这时的效果图如图2.1所示：推荐精选图

24、2.1 页头部分2、制作主体部分主体的左侧部分，根据分析，代码如下：<div id="narrow"><ul id="mainMenu"><li><a href="#">Home Page</a></li><li><a href="#">About US</a></li><li><a href="#">News Room</a></li

25、><li><a href="#">Action</a></li><li class="last"><a href="#">ReseProgram</a></li></ul><form><input name="Text1" type="text" /><input name="Button1" type="button&qu

26、ot; value="Search" /></form><div id="news"><h3>News and Events 新闻动态</h3><h4 class="newsTitle">Watchfrogging Political Corruption</h4><p class="newsDate">2008.5.9</p><p class="newsContent">See h

27、ow we uncovered evidence of government malfeasance and are working to save the species harmed.</p><h4 class="newsTitle">For Species Worldwide, the Heat Is On</h4><p class="newsDate">2008.5.9</p><p class="newsContent">How will global w

28、arming affect animals and plants already backed into a corner, and what are we doing to help?</p>推荐精选<p class="newsContent">what are we doing to help?</p></div>设置主体左侧部分的CSS样式，代码如下：#narrowwidth:235px;float:left;padding:10px;#narrow #mainMenumargin:0 40px 10px 20px;fo

29、nt-size:15px;line-height:20px;#narrow #mainMenu liborder-bottom:1px #DDD solid;#narrow #mainMenu li adisplay:block;text-decoration:none;color:#555;padding:3px 0;padding-left:50px;font-weight:bold;background-image:url('bullet-green.gif');background-repeat:no-repeat;background-position:left ce

30、nter;#narrow #mainMenu li a:hoverbackground-image:url('bullet-red.gif');#narrow #mainMenu li.lastborder-bottom:1px white solid;推荐精选#narrow formbackground-image:url('search-background.gif');text-align:center;padding-top:11px;height:36px;padding-bottom:0px;margin:10px 0;#narrow #news h

31、3margin:10px 0;font-size:15px;#narrow #news pmargin:0;#narrow .newsTitlecolor:#47C;font-size:12px;font-weight:bold;padding-left:10px;background-image:url('arrow.gif');background-position:left center;background-repeat:no-repeat;margin:10px 0 0 -10px;#narrow .newsDatecolor:#777;font-weight:bol

32、d;#narrow .newsContentfont-size:11px;color:#777;推荐精选3、主要内容区接下来，就要设置右边的两个区块了，我们可以设置两个DIV，分别放置“研究计划”的“工作项目”栏目，代码如下：<div class="contentBox orange"><h3 >Our Program 研究计划-1</h3><p> The Biological Center works through science, law, and creative media to secure a future fo

33、r all species, great or small, hovering on the brink of extinction.</p><ul> <li>Biodiversity </li> <li>International Oceans</li> <li>Public Lands</li> <li>Urban Wildlands</li> <li>Air and Energy</li></ul></div><di

34、v class="contentBox green"><h3>Our Works 工作项目-2</h3><p><img class="floatLeft" src="pic.jpg"/>The Center for Biological Diversity works through science, law, and creative media to secure a future for all species, great or small, hovering on the

35、 brink of extinction.</p><p> Youre not alone. We just celebrated the 100,000th download around the world of our endangered species ringtones.</p></div><div class="contentBox orange clear"><h3 >Our Program 研究计划-3</h3><p> The Biological Center

36、works through science, law, and creative media to secure a future for all species, great or small, hovering on the brink of extinction.</p><ul><li>Biodiversity </li><li>International Oceans</li><li>Public Lands</li>推荐精选<li>Urban Wildlands</li&

37、gt;<li>Air and Energy</li></ul></div><div class="contentBox green"><h3>Our Works 工作项目-4</h3><p><img class="floatLeft" src="pic.jpg"/>The Center for Biological Diversity works through science, law, and creative media

38、to secure a future for all species, great or small, hovering on the brink of extinction.</p><p> Youre not alone. We just celebrated the 100,000th download around the world of our endangered species ringtones.</p></div><div class="contentBox orange"><h3 >

39、Our Program 研究计划-5</h3><p> The Biological Center works through science, law, and creative media to secure a future for all species, great or small, hovering on the brink of extinction.</p><ul><li>Biodiversity </li><li>International Oceans</li><li>

40、;Public Lands</li><li>Urban Wildlands</li><li>Air and Energy</li></ul></div>设置相应的CSS样式，代码如下：.contentBoxwidth:245px;float:left;padding:0 5px;.contentBox h3font-size:15px;推荐精选color:white;line-height:1.5;margin:5px -2px 5px -5px;padding-left:5px;.orange h3backg

41、round:orange;.green h3background-color:green;.contentBox ulmargin-left:2em;font-weight:bold;color:#666;list-style-type:circle;.floatLeftfloat:left;margin-right:5px;主要内容区的效果图如图2.2所示：推荐精选图2.2 主要内容区的效果4、页面底部部分现在这个页面基本上已经完成了，最后制作页面的页脚部分。页面分为了左中右3个部分，分别放置版权信息、地址和联系邮件。因此可以用一个ul列表来搭建。代码如下：<div id="

42、footer"><ul><li class="first">All Copyright Reserved 2008</li><li>No 23 Changan Street Beijing China</li><li>e-mail:support</li></ul></div></div>CSS样式如下：.floatLeftfloat:left;margin-right:5px;#footerclear:both;推荐精选#footer u

43、lmargin-top:15px;height:30px;border-top:10px #ddd solid;border-bottom:10px #ddd solid;#footer ul liwidth:254px;float:left;height:30px;background-color:#ddd;text-align:center;line-height:30px;border-left:1px #bbb solid;#footer .firstborder:none;width:255px;.clearclear:both;#footer clear:both; #footer

44、 ul margin-top:15px; height:30px; border-top:10px #ddd solid; border-bottom:10px #ddd solid; 制作好的生物研究中心网站效果图如图2.3所示： 推荐精选图2.3 生物研究中心网站效果图五、练习六、源程序清单、测试数据、结果七、实训出现的问题、实训结果分析（语法错英语提示，中文翻译，原因，您的理解？）推荐精选实训4：教育公司网站布局实训名称： 成绩： 实训日期： 年 月 日 实训报告日期： 年 月 日一、实训目的1、继续强化“绝对定位”、“相对定位”两种重要的定位方式；2、掌握利用“浮动”的方法进行页面布局

45、；3、本例制作一个两列布局的案例，以加强对之前所学的知识的理解；4、掌握在网页中增加圆角框的效果。二、实训内容教育公司网站布局三、实训环境Adobe Dreamweaver CS5四、实训步骤、过程1、制作页头部分页头部分是这个页面比较复杂的部分，如图3.1所示。包括了标题、顶部菜单、主菜单和搜索表单4个部分，另外，主菜单和搜索表单还要置于一个圆角框中。图3.1 页头部分的最终效果（1）搭建页头部分的HTML结构下面来解决header部分，header部分的HMTL代码如下：<div id="header"><h1><span>前沿视频教

46、室</span></h1><ul id="topMenu"><li class="firstChild"><a href="#"></a></li><li><a href="#">交流中心</a></li><li><a href="#">技术支持</a></li></ul>推荐精选<div id=&q

47、uot;mainMenu-outer-wrapper"><div id="mainMenu-inner-wrapper"><form id="searchBox" name="labs-search" method="get" action=""><input type="text" class="textfield" name="term" /><button type=&qu

48、ot;submit" id="submit">搜索</button></form><ul id="mainMenu"><li class="firstChild"><a href="#">教室首页</a></li><li><a href="#">视频教程</a></li><li><a href="#">图书

49、推荐</a></li><li><a href="#">你问我答</a></li><li><a href="#">读者留言</a></li><li><a href="#">联系我们</a></li><li class="lastChild"><a href="#">案例分析</a></li&

50、gt;</ul><div class="clearBoth"></div></div></div></div>对body元素的整体进行设置，这里设置文字的字体，文字的大小为12px，行高为文字大小的1.5倍。代码如下：bodyfont: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;background-color:#444;margin:0;接下来确定div#header的整体属性，设定宽度，居中对齐，设置文字颜色。代码如下：#header margin

51、: 0 auto 10px;padding: 0;width: 756px;position: relative;color:#BBB;推荐精选（2）页面标题的图像替换对于h1标题的文字替换，代码如下：h1margin:10px 0 0 0;height:63px;background-image:url('logo.gif');background-repeat:no-repeat;h1 spandisplay:none;（3）顶部菜单接下来设置顶部菜单。使用绝对定位，可以把它固定在标题的右侧，具体代码如下：#topMenumargin:0;padding:0;positio

52、n:absolute;list-style-type:none;right:10px;top:50px;#topMenu lifloat:left;border-left:1px white solid;#topMenu li apadding:0 10px;color:white;text-decoration:none;#topMenu li a:hover推荐精选background-color:#000;#topMenu li.firstChildborder:none;设置完成标题文字和顶部菜单后的效果如图3.2所示：图3.2 标题和顶部菜单设置完成后的效果（4）主菜单接下来，就要设

53、置主菜单部分了。主菜单部分需要实现圆角效果，在实现圆角效果之前，我们先来把菜单和搜索框的内容布置好，然后再给它设置圆角。在主菜单区域包括左右两部分，左边是菜单，右边是搜索框。首先设定菜单的宽度和文字颜色，这个菜单是使用ul列表来实现的。代码如下：ul#mainMenuwidth:500px;padding:0;margin:0;color:#000;菜单项目之间的分隔线，即立体效果代码：ul#mainMenu lifloat:left;list-style-type:none;border-left:1px #aaa solid;border-right:1px #eee solid;把最左边

54、项目的左边框和最右边项目的右边框去掉，这时可以分别对最左边和最右边的两个项目单独设置，代码如下：#mainMenu li.firstChildborder-left:none;#mainMenu li.lastChild推荐精选border-right:none;设置菜单项目的链接文字以及鼠标指针经过时的效果，代码如下：#mainMenu li.firstChildborder-left:none;#mainMenu li.lastChildborder-right:none;效果如图3.3所示：图3.3 设置主菜单后的效果（5）搜索框设置主菜单以后，再来设置搜索框。为了使搜索框靠右对齐，使用

55、向右浮动的设置。代码如下：#searchBoxfloat:right;margin-top:5px;接下来使用按钮看起来像普通文字，进行如下的设置：#searchBox #submit background: transparent;border: 0;margin: 0;padding: 0;#searchBox form,#searchBox input.textfield,#searchBox button margin: 0;padding: 0;推荐精选（6）页头部分的圆角框给主菜单和搜索框外面套一个圆角框了。这里需要使用两个背景图像，因此必须要有两个HTML元素，我们使用两层DIV

56、，代码如下：<div id="mainMenu-outer-wrapper"><div id="mainMenu-inner-wrapper"><form id="searchBox" name="labs-search" method="get" action=""><input type="text" class="textfield" name="term" />

57、<button type="submit" id="submit">搜索</button></form><ul id="mainMenu"><li class="firstChild"><a href="#">教室首页</a></li><li><a href="#">视频教程</a></li><li><a href=

58、"#">图书推荐</a></li><li><a href="#">你问我答</a></li><li><a href="#">读者留言</a></li><li><a href="#">联系我们</a></li><li class="lastChild"><a href="#">案例分

59、析</a></li></ul><div class="clearBoth"></div></div></div>然后分别设置二者的CSS样式：#mainMenu-outer-wrapperbackground-color:#ccc;background-image:url('main-menu-top.gif');background-repeat:no-repeat;padding-top:3px;margin-top:10px;#mainMenu-inner-wrappe

60、rbackground-image:url('main-menu-bottom.gif');background-repeat:no-repeat;background-position:bottom;padding-bottom:7px;推荐精选增加一个空的div，并设置清除属性，代码如下：.clearBothclear:both;2、制作主体部分（1）结构分析下面构建主体部分，在写HTML代码之前，应该分析一下各个部分的层次关系，根据分析，可以把#footer这个div放置于#container里面，并为#footer设置清除属性，这样就可以满足要求了。根据上面的分析，构建

61、HTML如下：<div id=”container”> <div id=”content”> <ul id=”depthPath”><li><a href=”#”>home</a></li><li></li><li><a href=”#”>视频教程</a></li><li></li><li><a href=”#”>CSS设计彻底研究</a></li> </ul&g

62、t; <h2>核心原理、技巧与设计实战</h2> <div id=”contentBody”> .</div></div></div>首先设置外层的#container的属性，固定宽度，居中对齐，使用中间平铺的背景图像作为背景，并设置竖直方向平铺。#containermargin: 0 auto;padding: 0;width: 758px;position: relative;background:#444 url(background-2-cols.gif) repeat-y;推荐精选然后设置左右两列的属性。#con

63、tentwidth:521px;float:left;background:transparent url(cap_content.gif) no-repeat;padding:0px 20px 0px;#sideBarwidth:187px;float:right;background:transparent url(cap_sideBar.gif) no-repeat;padding:13px 2px 0px;这时左右两列的布局已经完成了，但是还看不到效果，下面增加了内容之后，就可以看到了。（2）“面包屑”导航“面包屑”导航让用户对他们所访问的页面在网站层次结构上的关系一目了然，可以改善网

64、站的实用性和易用性，同时也可以提高网站对搜索引擎的友好性。这里使用了一个面包屑导航是通过ul列表来实现的。相关的CSS代码如下：#content #depthPathmargin:5px 0 0 0;padding: 0;#content #depthPath lidisplay:inline;#content #depthPath li acolor:#000;（3）设置正文标题对正文的标题进行设置，代码如下：推荐精选#content h2margin:0px;font-size:25px;font-family:黑体;（4）设置页脚最后设置#footer。设置清除属性、背景以及上侧的pad

65、ding，这个padding的值正是背景图像的高度，以保证#footer中的内容不会压在背景图像上面。#footerclear:both;background:#444 url('bottom-2-cols.gif') no-repeat;padding-top:15px;这时的效果图如图3.4所示：图3.4 左右两列布局完成后的效果接下来，只需要在左列和右列中分别添加具体的文字或图像内容就可以了，圆角框自动延伸。（5）添加页面内容布局已经完成，剩下的就是向#content、#sideBar、#footer中添加内容了。随着内容增加，这两列的高度自然就会增加，圆角框都会保持着正确的状态。在#sideBar中增加一个ul列表，设置一些列表项目，代码如下：<div id="sideBar"> <h3>视频教程</h3> <ul><li><a href="#">CS

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论