dreamweaver学生个人网页设计作业作品.7z_dreamweaver网页设计资源-CSDN文库

共39个文件

jpg：23个

html：6个

swf：3个

需积分: 1 63 浏览量 2023-05-25 23:05:15 上传评论 1 收藏 5.95MB 7Z 举报

《Dreamweaver学生个人网页设计作业作品》是一个包含HTML和CSS布局的学习资源，适用于初学者了解和实践网页设计基础。这个7z压缩包文件包含了学生使用Adobe Dreamweaver完成的网页设计作业，提供了丰富的实例来展示如何运用基本的网页构建技术。 HTML（HyperText Markup Language）是网页设计的基础，它是用来结构化网页内容的语言。在这个作业中，学生可能使用了HTML5的语义元素，如<header>、<nav>、<section>、<article>和<footer>等，以提高网页的可读性和可访问性。同时，他们可能还运用了图片、链接、表格、列表等元素，展示了HTML在创建网页内容方面的灵活性。 CSS（Cascading Style Sheets）用于控制网页的样式和布局。学生们可能通过使用CSS来设置文本颜色、字体、大小，以及背景图像、边框和内边距等，使网页看起来更具吸引力。他们可能运用了选择器（如类选择器、ID选择器、元素选择器）来定位和定制特定元素的样式，并利用浮动、定位和Flexbox或Grid布局来实现页面元素的对齐和响应式设计。在Dreamweaver中，学生可能使用了可视化编辑界面来快速创建和编辑HTML和CSS代码，这有助于他们直观地理解网页布局和样式设计。此外，Dreamweaver还提供了代码提示和实时预览功能，使得初学者能更轻松地调试和修改代码。虽然这个作业不涉及高阶技术，但它是学习网页设计的良好起点。通过分析这些例子，学习者可以了解如何将内容和样式分离，以及如何组织网页结构。同时，这个项目也鼓励学生动手实践，提升他们的编码技能和创造力。在这个压缩包中，"dreamweaver学生个人网页设计作业作品"很可能是一个文件夹，里面包含了多个HTML文件（每个文件代表一个网页）和一个或多个CSS文件（用于定义所有网页的样式）。通过解压并打开这些文件，你可以直接查看和研究代码，甚至可以根据自己的需求进行修改和扩展，进一步加深对网页设计的理解。这个Dreamweaver作业作品集为初学者提供了一个学习和模仿的平台，帮助他们掌握网页设计的基本概念和技巧。无论是为了个人兴趣还是职业发展，深入探究这些实例都将对提升网页设计能力大有裨益。

资源推荐

资源详情

资源评论

收起资源包目录

dreamweaver学生个人网页设计作业作品.7z （39个子文件）

dreamweaver学生个人网页设计作业作品

火影忍者

music

xrx.mp3 1.4MB

video.html 4KB

role.html 5KB

css

style.css 744B

Clear_Skin_1.swf 4KB

psd

head.psd 1.03MB

head2.jpg 10KB

head1.jpg 6KB

bg.jpg 7KB

menu.jpg 5KB

index.html 6KB

about.html 5KB

flash

hy.flv 3.11MB

banner.swf 10KB

QQ截图20120520223241.jpg 131KB

slide.html 4KB

images

top.jpg 78KB

bz1.jpg 107KB

about1.jpg 133KB

bz2.jpg 64KB

bz3.jpg 81KB

mr.jpg 9KB

about.png 2KB

logings.gif 7KB

head2.jpg 10KB

head1.jpg 6KB

bg.jpg 7KB

about2.jpg 83KB

cyy.jpg 8KB

head.jpg 78KB

zz.jpg 10KB

menu.jpg 5KB

bz4.jpg 97KB

bz5.jpg 74KB

kkx.jpg 9KB

fla

banner.fla 25KB

pic.html 5KB

FLVPlayer_Progressive.swf 9KB

QQ截图20120521164340.jpg 123KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>火影忍者</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } </script> </head> <body onload="MM_CheckFlashVersion('7,0,0,0','本页内容需要使用较新的 Macromedia Flash Player 版本。是否现在下载它？');"> <div style="margin: 0 auto; width:1000px;"> <table id="header" align="center" width="1000" border="0" cellpadding="0" cellspacing="0">  <tr> <td width="1000" height="195"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="180"> <param name="movie" value="flash/banner.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <embed wmode="transparent" src="flash/banner.swf" width="1000" height="180" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed> </object></td> </tr> </table> <table width="1000" height="" border="0" align="center" cellpadding="0" cellspacing="0" id="main">  <tr> <td width="10" height="36"> </td> <td width="980" valign="top" background="images/menu.jpg"> <ul class="nav"> <li><a href="index.html">首页</a></li> <li><a href="about.html">火影介绍</a></li> <li><a href="role.html">角色资料</a></li> <li><a href="pic.html">精选壁纸</a></li> <li><a href="video.html">动画选播</a></li> </ul> </td> <td width="10"> </td> </tr> <tr> <td height="464"> </td> <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><iframe src="slide.html" width="580" height="300" frameborder="0" scrolling="no" ></iframe> </td> <td><h3 style="color:#333333;">火影忍者主题曲</h3> <hr /> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="380" height="260" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/hy&autoPlay=false&autoRewind=false" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/hy&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="380" height="260" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </td> </tr> <tr> <td colspan="2"><table class="show" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="5" bgcolor="#F20000"><h3>壁纸预览</h3></td> </tr> <tr> <td><img src="images/bz1.jpg" width="190" height="150" /></td> <td><img src="images/bz2.jpg" width="190" height="150" /></td> <td><img src="images/bz3.jpg" width="190" height="150" /></td> <td><img src="images/bz4.jpg" width="190" height="150" /></td> <td><img src="images/bz5.jpg" width="190" height="150" /></td> </tr> </table> <p> </p> </td> </tr> </table></td> <td> </td> </tr> </table> <table width="1000" height="40" border="0" align="center" cellpadding="0" cellspacing="0" id="footer">  <tr> <td width="1000" height="60" valign="top"><p> 版权所有：火影忍者</p> <p>作者：学号：</p></td> </tr> </table> </div> </body> </html>

评论收藏

内容反馈