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.首页

HTML5期末大作业:个人空间相册网页设计 (6页) HTML+CSS+JavaScript_前端

2.精彩图片

3.文章精华

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

4.心情日志

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

二、代码目录

HTML5期末大作业:个人空间相册网页设计 (6页) HTML+CSS+JavaScript_前端_04

三、代码实现





<!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模板网站

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