HTML5期末大作业：个人空间相册网页设计 (6页) HTML+CSS+JavaScript

HTML5期末大作业：个人空间相册网页设计 (6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。个人空间秀网页模板，个人空间模板，全套模板，首页、精彩图片、文章精华、心情日志、秀秀简介等网站模板页面。

2.网页作品编辑方面：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

文章目录

HTML5期末大作业：个人空间相册网页设计 (6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

作品介绍
一、作品演示

1.首页
2.精彩图片
3.文章精华
4.心情日志

二、代码目录
三、代码实现
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
五、源码获取
六、更多HTML期末大作业(成品下载)

一、作品演示

1.首页

2.精彩图片

3.文章精华

4.心情日志

二、代码目录

三、代码实现

<!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=utf-8" /><title>张秀秀个人空间-联系秀秀</title><bgsound src="mp3/yinghuacao.mp3" autostart=true loop=1> <link rel="stylesheet" type="text/css" href="css/style.css"/><link href="css/clearbox.css" rel="stylesheet" type="text/css" /><script src="js/clearbox.js" type="text/javascript"></script></head>

<body><!--头部--><div class="top">  <div class="logo"><img src="images/logo.jpg" /></div>  <div class="top_info"><a href="#"><img src="images/shoucang.gif" width="170" height="15" border="0" /></a></div>  <div class="menu">    <ul>      <li><a href="index.html">Home<br />个人首页</a></li>      <li><a href="jingcaitupian.html">Pic<br />精彩图片</a></li>      <li><a href="wenzhangjinghua.html">Article<br />文章精华</a></li>      <li><a href="xinqingrizhi.html">Journal<br />心情日志</a></li>      <li><a href="lianxixiuxiu.html" class="sel">Contact<br />秀秀简介</a></li>    </ul>  </div></div><!--中间--><div class="main">  <!--左侧-->  <div class="m_left">    <table border="0" cellspacing="0" cellpadding="0" width="510" class="xiuxiu">      <tr>        <td align="left" valign="top" style="height:30px;font-size:16px;" colspan="4">秀秀简介</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>偶滴身高：</strong></td>        <td width="165" align="left" valign="top">170CM</td>        <td width="90" align="right" valign="top"><strong>偶滴体重：</strong></td>        <td width="165" align="left" valign="top">50KG</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>偶滴家乡：</strong></td>        <td align="left" valign="top" colspan="3">北京市海淀区上地树村</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>偶滴爱好：</strong></td>        <td align="left" valign="top" colspan="3">唱唱歌啊、跳跳舞啊、打打麻将啊、斗斗地主啊、没事出去瞎溜、吃遍天下美食！</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>偶滴大学：</strong></td>        <td width="165" align="left" valign="top">中国帝国研究院</td>        <td width="90" align="right" valign="top"><strong>偶滴专业：</strong></td>        <td width="165" align="left" valign="top">马列主义研究</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>偶最爱吃：</strong></td>        <td align="left" valign="top" colspan="3">内蒙烤全羊、水煮羊肉、回锅肉、山西大同打乱吨、刀削面、新疆拉面、新疆大盘鸡、重庆辣子鸡...</td>      </tr>      <tr>        <td width="90" align="right" valign="top"><strong>交友宣言：</strong></td>        <td align="left" valign="top" colspan="3">茫茫太空，无边无际，恰巧我们都是地球村，难道这不是一种猿粪吗？珍惜眼前的朋友，经常联系以前的朋友，未来争取交到更多的好朋友！嘻嘻嘻嘻嘻嘻嘻......</td>      </tr>    </table>  </div>  <!--右侧-->  <div class="m_right">    <!--右上-->    <div class="mr1">      <div class="mr1_title">点滴心情</div>      <div class="mr1_main">雷锋做了好事从来不留名，因为他都写在日记本里了！</div>    </div>    <!--右中-->    <div class="mr2">      <div class="mr2_title">精彩瞬间</div>      <div class="mr2_main"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle" style="width: 259px; height: 160px">                                    <param name="allowScriptAccess" value="sameDomain" />                  <param name="wmode" value="transparent">                   <param name="wmode" value="Opaque">                                    <param name="movie" value="Flvplayer.swf" />                                    <param name="quality" value="high" />                                    <param name="bgcolor" value="#000000" />                                    <param name="FlashVars" value="vcastr_file=video/1.flv" />                                    <embed src="Flvplayer.swf" value="vcastr_file=video/2.flv" quality="high" bgcolor="#000000" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="Opaque" />                                    </object></div>    </div>    <div class="mr3">      <div class="mr3_title">精彩图片</div>      <div class="mr3_main">        <div id="link_logo" style="overflow:hidden;width:267px;height:130px;">

</html>

四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站