精华内容
下载资源
问答
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...

    HTML5期末大作业:个人网站设计——樱桃小丸子(24页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    🧡作者主页-更多源码

    🧡HTML期末大作业文章专栏

    作品介绍

    1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

    2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

    3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。

    一、作品展示

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    二、文件目录

    在这里插入图片描述

    三、代码实现

    <!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" />
    <link href="css/style.css" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/css/style.css" type="text/css" rel="stylesheet" />
    
    <title>Untitled Document</title>
    </head>
    <script type="text/javascript" src="../tzyh.js" tppabs="http://www.xiaoyazhi.xyz/chengpin/tzyh.js"></script>
    
    <body>
    
    
    
    <div class="top">
    	<div class="top_in"><table width="1004" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="153"><img src="images/img2.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img2.png" /></td>
        <td width="278" height="150"><img src="images/zi.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/zi.png" /></td>
        <td width="573" align="right" valign="bottom"><img src="images/tel.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/tel.png" /></td>
      </tr>
    </table>
    </div>
    </div>
    <div class="nav">
    	<div class="nav_in"><table width="1004" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="122"><a href="index.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/index.html">网站首页</a></td>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="122"><a href="list1.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list1.html">作者简介</a></td>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="122"><a href="list2.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list2.html">个人履历</a></td>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="122"><a href="list3.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list3.html">个人作品</a></td>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="122"><a href="list4.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list4.html">所获奖励</a></td>
        <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/peo.png" /></td>
        <td width="124"><a href="list5.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list5.html">联系方式</a></td>
      </tr>
    </table>
    </div>
    </div>
    <div class="box">
    	<div class="box_in" style="padding-top:20px;">
        	<table width="1004" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="200" align="left" valign="top">
        	<table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;">
      <tr>
        <td width="200" align="center" valign="middle"><img src="images/img3.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img3.png" /></td>
      </tr>
      <tr>
        <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子百科</td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list6.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list6.html">作品简介</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list7.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list7.html">演员表</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list8.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list8.html">角色介绍</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list21.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list21.html">座位表</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list22.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list22.html">目录</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list9.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list9.html">制作人员</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list10.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list10.html">动画音乐</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list11.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list11.html">分集剧情</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list12.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list12.html">社会影响</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list13.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list13.html">创作背后</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list14.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list14.html">作品评价</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list15.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list15.html">精彩瞬间</a></td>
      </tr>
      <tr>
        <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img4.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img4.jpg" /><br />
          高音质头戴式耳机</td>
      </tr>
      <tr>
        <td height="239" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img5.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img5.jpg" /><br />
          高音质头戴式耳机</td>
      </tr>
      <tr>
        <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img6.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img6.jpg" /><br />高音质头戴式耳机</td>
      </tr>
    </table>
        
        </td>
        <td width="20">&nbsp;</td>
        <td width="564" align="left" valign="top">
        	<table width="564" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
      <tr>
        <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子百科</td>
      </tr>
      <tr>
        <td style="font-size:12px; color:#c72638; "><div style="padding:11px; line-height:25px; text-indent:2em;">《樱桃小丸子》是全球知名度最高及最具影响力的动漫作品之一。其动画连续二十余年高居日本动画收视率前三位,到2013年时已超过1000集,仍于每周日黄金时段下午六点在日本富士电视台(日本富士电视台在日本的地位相当于中国的CCTV1)上进行连载热播,是日本男女老少心中的国民动画。本作品是以作者的童年生活为蓝本的故事,故事围绕着小丸子以及其家人和同学展开,有关于亲情、友谊,或是一些生活小事,其中有笑有泪,令人回想起童年的稚气。<br /><br /></div></td>
      </tr>
     
      <tr>
        <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子图库</td>
      </tr>
      <tr>
        <td height="1290">
        <table width="564" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="340" colspan="3"><img src="images/img7.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img7.jpg" /></td>
        </tr>
      <tr>
        <td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img8.jpg" /><br />小丸子</td>
        <td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img9.jpg" /><br />小丸子</td>
        <td width="188" height="228" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img10.jpg" /><br />小丸子</td>
      </tr>
      <tr>
        <td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img11.jpg" /><br />小丸子</td>
        <td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img12.jpg" /><br />
          小丸子</td>
        <td width="188" height="237" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img10.jpg" /><br />
          小丸子</td>
      </tr>
      <tr>
        <td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img8.jpg" /><br />小丸子</td>
        <td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img9.jpg" /><br />小丸子</td>
        <td width="188" height="251" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img10.jpg" /><br />小丸子</td>
      </tr>
      <tr>
        <td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img11.jpg" /><br />小丸子</td>
        <td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img12.jpg" /><br />小丸子</td>
        <td width="188" height="235" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img10.jpg" /><br />小丸子</td>
      </tr>
    </table>
        </td>
      </tr>
      
    </table>
        
        </td>
        <td width="20" align="left" valign="top">&nbsp;</td>
        <td width="200" align="left" valign="top">
        <table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;">
      <tr>
        <td width="200" align="center" valign="middle"><img src="images/img4.png" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img4.png" /></td>
      </tr>
      <tr>
        <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;真人版小丸子百科</td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list16.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list16.html">概述</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list17.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list17.html">拍摄情况</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list18.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list18.html">演员</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list19.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list19.html">各集内容</a></td>
      </tr>
      <tr>
        <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list20.html" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/list20.html">精彩瞬间</a></td>
      </tr>
      <tr>
        <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子宝贝</td>
      </tr>
      <tr>
        <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img4.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img4.jpg" /><br />高音质头戴式耳机</td>
      </tr>
      <tr>
        <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img5.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img5.jpg" /><br />高音质头戴式耳机</td>
      </tr>
      <tr>
        <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img6.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img6.jpg" /><br />高音质头戴式耳机</td>
      </tr>
      <tr>
        <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img6.jpg" tppabs="http://www.xiaoyazhi.xyz/chengpin/ye66/images/img6.jpg" /><br />高音质头戴式耳机</td>
      </tr>
      
    </table>
        </td>
      </tr>
    </table>
        </div><div class="footer">樱桃小丸子动漫周边http://shop64155920.taobao.com/?spm=0.0.0.0.r5849n<br />高依晗 1305060017</div>
    </div>
    
    </body>
    </html>
    
    
    
    

    四、学习资料

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    五、完整源码

    【百度网盘-源码下载地址】

    链接:https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
    提取码:8888


    六、更多源码

    HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 制作一个简单HTML个人网页网页(HTML+CSS)

    千次阅读 多人点赞 2021-12-04 15:16:03
    制作一个简单的HTML个人网页

    一个简单的HTML网页,这是我大学的一个期末作业,照片都是网上找的

    看一下成品图

     

     主页代码,这里的<link href="images/css.css" rel="stylesheet" type="text/css" />是引入css样的,images里面装的是css文件

    <!DOCTYPE html >
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的驿站</title>
    <link href="images/css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    
    </style>
    </head>
    
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
      <tr>
        <td><img src="images/logo2.png"  height="100" /></td>
        <td width="100" align="center"><a href="index.html">主页</a></td>
        <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
        <td width="100" align="center"><a href="photo.html">我的相册</a></td>
        <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
        <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
      </tr>
    </table>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td><table width="760" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td><p >我的个人简介。 </p>
              <p >姓名:lz</p>
              <p >性别:男</p>
              <p >生日:0809</p>
              <p >学校:某某大学</p>
              <p >爱好:摄影,乒乓球,学习,王者荣耀</p>
              <p >你看&#8212;&#8212;</p></td>
            <td><img src="images/1.jpg" width="383" height="289" /></td>
          </tr>
          <tr>
            <td><img src="images/2.jpg" width="400" /></td>
            <td>
              <p >好吧,我承认我兴趣广泛。 </p>
              <p >包括吃喝玩乐睡。 </p>
              <p >当然还有一些低调奢华有内涵的部分了。 </p>
              <p >什么没事捧着我的小单反出去摄摄影啦。 </p>
              <p >闲的无聊用手捣鼓两下我的小钢琴啦。 </p>
              <p ></p></td>
          </tr>
          <tr>
            <td><p >什么吉他,竹笛,那都不在话下。嘿嘿。 </p>
              <p >是不是很崇拜我啊。 </p>
              <p >恩。。。我的朋友很多。但是敌人也很多。          </p>
              <p >综上所述要想更多地了解我,就来看看我的小世界吧。 </p></td>
            <td><img src="images/3.jpg" width="400" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>

    我的偶像

    <!DOCTYPE html >
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的驿站</title>
    <link href="images/css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    
    </style>
    </head>
    
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
      <tr>
        <td><img src="images/logo2.png"  height="100" /></td>
        <td width="100" align="center"><a href="index.html">主页</a></td>
        <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
        <td width="100" align="center"><a href="photo.html">我的相册</a></td>
        <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
        <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
      </tr>
    </table>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td><table width="800" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td colspan="2"><div class="title">我的偶像----周杰伦</div></td>
            </tr>
          <tr>
            <td><p >周杰伦(Jay Chou),1979年1月18日出生于台湾省新北市,中国台湾流行乐男歌手、音乐人、演员、导演、编剧、监制、商人。</p>
              <p >2000年发行首张个人专辑《Jay》。2001年发行的专辑《范特西》奠定其融合中西方音乐的风格。2002年举行“The One”世界巡回演唱会。2003年成为美国《时代周刊》封面人物。2004年获得世界音乐大奖中国区最畅销艺人奖。2005年凭借动作片《头文字D》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖。2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖。</p>
    <p >2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。2009年入选美国CNN评出的“25位亚洲最具影响力的人物”;同年凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖。2010年入选美国《Fast Company》评出的“全球百大创意人物” 。2011年凭借专辑《跨时代》再度获得金曲奖最佳国语男歌手奖,并且第4次获得金曲奖最佳国语专辑奖;同年主演好莱坞电影《青蜂侠》。2012年登福布斯中国名人榜榜首。2014年发行华语乐坛首张数字音乐专辑《哎呦,不错哦》。2018年举行“地表最强2世界巡回演唱会”。 </p>
              <p >演艺事业外,他还涉足商业、设计等领域。2007年成立杰威尔有限公司。2011年担任华硕笔电设计师并入股香港文化传信集团。 </p>
              <p >周杰伦热心公益慈善,多次向中国内地灾区捐款捐物。2008年捐款援建希望小学。2014年担任中国禁毒宣传形象大使。   </p></td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="center"><img src="images/a2.jpg" width="200" border="0" /></td>
                </tr>
              <tr>
                <td align="center"><img src="images/a4.jpg" width="200" border="0" /></td>
                </tr>
            </table></td>
            </tr>
          <tr>
            <td>&nbsp;</td>
            <td align="center"><img src="images/015.jpg" width="200" border="0" /></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    

    我的相册

    <!DOCTYPE html >
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的驿站</title>
    <link href="images/css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    
    </style>
    </head>
    
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
      <tr>
        <td><img src="images/logo2.png"  height="100" /></td>
        <td width="100" align="center"><a href="index.html">主页</a></td>
        <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
        <td width="100" align="center"><a href="photo.html">我的相册</a></td>
        <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
        <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
      </tr>
    </table>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td><table width="800" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td><div class="title">我的相册</div></td>
            </tr>
          <tr>
            <td valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="images/b01.jpg" width="250" border="0" /></td>
                <td><img src="images/b04.jpg" width="260" border="0" /></td>
                <td><img src="images/b03.jpg" width="260" /></td>
              </tr>
              <tr>
                <td><img src="images/b06.jpg" width="260" /></td>
                <td><img src="images/b07.jpg" width="260" /></td>
                <td><img src="images/b02.jpg" width="260" />
                 </td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>       
              </td>
            </tr>
          <tr>
            <td>&nbsp;</td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    

    我的日志

    <!DOCTYPE html >
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的驿站</title>
    <link href="images/css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    
    </style>
    </head>
    
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
      <tr>
        <td><img src="images/logo2.png"  height="100" /></td>
        <td width="100" align="center"><a href="index.html">主页</a></td>
        <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
        <td width="100" align="center"><a href="photo.html">我的相册</a></td>
        <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
        <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
      </tr>
    </table>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td><table width="800" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td><div class="title">
              <p >致一些被遗失了的自己。</p>
            </div></td>
            </tr>
          <tr>
            <td valign="top"><p>  其实,我喜欢上学,只是不喜欢上课,怀念那些曾经一起闹,一起笑的时光。<br />
                <br />
                <img width="510"  src="images/index.jpg" /><br />
                <br />
               
                &#160;好朋友不需要太多,两个就够了,一个肯把钱借给你,当他向你要债时,另一个肯把他打死。<br />
                <br />
                <img width="500" height="353" src="images/rizhi3_wps_clip_image-33.png" />&#160;<br />
                <br />
                
                &#160;生活坏到一定程度就会好起来,因为他无法更坏。努力过后,才知道许多事情,坚持坚持,就过来了&#8212;&#8212;<br />
                <br />
                &#160;<img width="349" height="350" src="images/rizhi3_wps_clip_image-11297.png" /><br />
                <br />
                
              <p ><br />
                &#160;别在喜悦时承诺,别在悲伤时回答,别在愤怒时决定。<br />
                &#160; </p>
              <p ><img width="500" height="375" src="images/rizhi3_wps_clip_image-10366.png" /><br />
                <br />
               
              <p><br />
            </p></td>
            </tr>
          <tr>
            <td>&nbsp;</td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    

    我的音乐

    <!DOCTYPE html">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的驿站</title>
    <link href="images/css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    
    </style>
    </head>
    
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
      <tr>
        <td><img src="images/logo2.png"  height="100" /></td>
        <td width="100" align="center"><a href="index.html">主页</a></td>
        <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
        <td width="100" align="center"><a href="photo.html">我的相册</a></td>
        <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
        <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
      </tr>
    </table>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td><table width="800" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td colspan="2"><div class="title">
              <p >我的音乐</p>
            </div></td>
            </tr>
          <tr>
            <td valign="top"><p>  引 </p>
              <p >我与音乐 </p>
              <p >我和我的钢琴是最好的伙伴。 </p>
              <p >没有家人陪伴的日子,我用手指在琴键上敲出一个个充满温暖的琴音。 </p>
              <p >我也爱流行。 </p>
    <p >五月天,是我最有力的精神后盾。 </p>
              <p >我其实喜欢他们歌里的文字与倔强。 </p>
              <p >没有风的日子里,我凝视幸福。 </p>
    <p >放声歌唱。 </p>
              <p >世界突然变得&nbsp;那么静、那么静、那么美。 </p>
              <p >人之所以为人,是因为&#8212;&#8212; </p>
    <p >他会爱。 </p>
              <p >所以我鲜活着。 </p>
              <p >我爱我的音乐。 </p>
    <p >爱我的生活。 </p>
              <p >爱我所钟爱的&nbsp;一切一切。</p>
              <p><br />
              </p></td>
            <td valign="top"><table width="200" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td></td>
              </tr>
              <tr>
                <td></embed>
                 </td>
              </tr>
              <tr>
                <td><img src="images/g.jpg" width="300" border="0" /></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table></td>
            </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    

    css样式

    @charset "utf-8";
    body {
    	background-image: url(254844.jpg);
    	font-family: "宋体";
    	font-size: 12px;
    	line-height: 25px;
    	color: #333;
    }
    .nav {
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #738CAA;
    	width: 800px;
    	margin-right: auto;
    	margin-left: auto;
    }
    .main {
    	background-image: url(bj.png);
    	color: #000;
    }
    a {
    	font-size: 14px;
    	font-family: "微软雅黑";
    }
    a:link {
    	color: #333;
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #333;
    }
    a:hover {
    	text-decoration: none;
    	color: #FFF;
    }
    a:active {
    	text-decoration: none;
    	color: #333;
    }
    .title {
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #200F15;
    	border-left-width: 5px;
    	border-left-style: solid;
    	border-left-color: #200F15;
    	padding-left: 10px;
    	color: #AD5A5A;
    }
    

    图片的话,可以根据自己的喜好自己添加哦。

    展开全文
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...

    HTML5期末大作业:个人主页网站设计——孙杨个人主页介绍(5页) HTML+CSS+JavaScript

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    >>>🍅 点击进入🍅 >>>500例HTML期末大作业源码
    🍅 HTML期末大作业文章专栏
    🍅 作者博客主页

    1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多?
    2.没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
    3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

    作品介绍

    1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:首页我的日志我的简历我的相册我的视频`总共5个页面。

    2.网页作品编辑:此作品为学生期末大作业网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

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

    4.网页作品技术:使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言,并使用JavaScript制作了表单判断(提交时表单不能为空)。

    一、作品展示

    1.首页

    在这里插入图片描述

    2.我的日志

    在这里插入图片描述

    3.我的简历

    在这里插入图片描述

    4.我的相册

    在这里插入图片描述

    5. 我的视频

    在这里插入图片描述

    二、文件目录

    在这里插入图片描述

    三、代码实现

    
    <!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" />
    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" />
    <title>我的视频</title>
    </head>
    <body>
    <div class="nb_body">
      <div class="nb_main">
        <div class="header">
          <div class="homeName">
            <div class="myFamilyName"><i>孙杨的大学主页</i></div>
            <div class="myFamilyInfo">
              <marquee behavior="scroll" direction="left" width="100%" scrollamount="2">
              欢迎您来到我的小家,随便看看吧!
              </marquee>
            </div>
          </div>
        </div>
        <div class="nb_are nb_nav">
          <div class="nav2">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li><a href="mylog.html">我的日志</a></li>
              <li><a href="aboutMe.html">我的简历</a></li>
              <li><a href="myPhoto.html">我的相册</a></li>
              <li class="selected"><a href="myVideo.html">我的视频</a></li>
            </ul>
          </div>
        </div>
        <div class="nb_are nb_smt"></div>
        <div class="nb_are nb_cnt">
          <div class="mainLeft">
            <div class="mainLeftTop"></div>
            <div class="mainLeftCenter">
              <div class="left-title"><b>个人简介</b></div>
              <div class="left-photo"><img src="images/wo.jpg" /></div>
              <div class="left-name"><b>孙杨</b></div>
              <div class="left-info">
                <ul>
                  <li>姓名:孙杨</li>
                  <li>性别:男</li>
                  <li>专业:体育系  游泳专业 </li>
                  <li>学历:本科</li>
                  <li>爱好:钓鱼 健身</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="mainRight">
            <div class="mainRightTop"></div>
            <div class="mainRightCenter" style="height:480px">
              <div class="Rtitle"><b>我的音乐</b></div>
              <div class="Rrain" style="height:auto">
            
                <embed src="images/video.mp4" width="650" height="450"></embed>
              </div>
            </div>
            <div class="mainRightBottom"></div>
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="nb_are nb_fot">
          <div class="copyRight">
          	体育系  游泳专业  &nbsp;&nbsp;孙杨&nbsp;&nbsp; 版权所有&copy; 2014
           </div>
        </div>
      </div>
    </div>
    </div>
    </body>
    </html>
    
    
    

    四、web前端(学习资料)

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    五、源码获取

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的 「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我 ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等! 「 前后开发者,一起探讨 前端,JAVA ,Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可在 V幸 公Z号 >>> web前端小日记 👇🏻👇🏻👇🏻获取更多源码 👇🏻👇🏻👇🏻 !
    在这里插入图片描述

    在这里插入图片描述

    六、更多源码

    🍅 500套HTML期末大作业演示地址

    🍅 150套echarts大数据演示地址

    🍅100款告白源码地址

    展开全文
  • web网页设计实例作业 ——丝绸之路 (6页) 简单个人网页设计作业 静态HTML文化主题网页 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星...

    web网页设计实例作业 ——丝绸之路 (6页) 简单个人网页设计作业 静态HTML文化主题网页

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    获取更多源码

    PC电脑端关注我们

    🧡作者主页-更多源码

    🧡HTML期末大作业文章专栏

    一、作品展示

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    二、文件目录

    在这里插入图片描述

    三、代码实现

    
    <!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>
      <link href="css/css.css" rel="stylesheet" media="screen" type="text/css" />
      <script src="js/jquery.min.js"></script>
      <script src="js/jquery.flexslider-min.js"></script>
      <script type="text/javascript">
    		$(window).load(function() {
    			$('.flexslider').flexslider();
    		});
      </script>
      <link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
      </head>
      <body>
      <div class="con">
        <div class="head">
          <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
          <div class="nav">
            <ul>
              <li><a href="index.html">首页 </a></li>
              <li><a href="html/gallery.html">丝绸展览 </a></li>
              <li><a href="html/youzhi.html">优质丝绸 </a></li>
              <li><a href="html/gezhong.html">各种丝绸 </a></li>
              <li><a href="html/yangchan.html">养蚕艺术 </a></li>
              <li><a href="html/liuyan.html">留言建议 </a></li>
            </ul>
          </div>
          <div class="clear"></div>
          <!------------------ end nav--------------------------->
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="main">
          <div class="left">
            <div class=" l1"><a href="#"><img src="images/sg.jpg" /></a></div>
            <div class="search">
              <input class="s_input" />
            </div>
            <div class="left_nav">
              <ul>
                <li><a href="html/gezhong.html">各种丝绸 </a><span><a href="html/gezhong.html">23 </a></span></li>
                <li><a href="html/gallery.html">丝绸展览 </a><span><a href="#">10 </a></span></li>
                <li><a href="html/liuyan.html">留言建议 </a><span><a href="#">0 </a></span></li>
              </ul>
            </div>
            <!------------------ end left_nav--------------------------->
            
          </div>
          <!------------------ end left--------------------------->
          <div class="right">
            <div class="dm">
              <div class="flexslider">
                <ul class="slides">
                  <li><a href="#" > <img src="images/d1.jpg"  width="900" /></a> </li>
                  <li> <a href="#" ><img src="images/d2.jpg" width="900"  /></a> </li>
                  <li> <a href="#" ><img src="images/d3.jpg" width="900"  /></a></li>
                  <li> <a href="#" ><img src="images/d4.jpg" width="900"  /></a></li>
                </ul>
              </div>
            </div>
            <div class="right_nav">
                 <h2>推荐阅读</h2>
              <p>丝绸是中国古老文化的象征,中国古老的丝绸业为中华民族文化织绣了光辉的篇章,对促进世界人类文明的发展作出了不可磨灭的贡献。中国丝绸以其卓越的品质、精美的花色和丰富的文化内涵闻名于世。</p>
              <p>几千年前,当丝绸沿着古丝绸之路传向欧洲,它所带去的,不仅仅是一件件华美的服饰、饰品,更是东方古老灿烂的文明,丝绸从那时起,几乎就成为了东方文明的传播者和象征。目前已知的最早丝织物,是出土于距今约4700年良诸文化的遗址。</p>
              <p>中国是家蚕丝的发源地,养蚕,缫丝是中国古代在纤维利用上最重要的成就。早在新石器时代,中国已发明丝绸织造以及朱砂染色技术,此后随着织机的不断改进,印染技术的不断提高,丝织品种日益丰富,并形成了一个完整的染织工艺体系,使中国古代的丝绸染织技术领先于世界各国。</p>
              <p></p>
              <p></p>
              
             </div>
            <!------------------ end right_nav---------------------------> 
                  <div class="Gallery_nav pt20">
            <ul>
              <h3>丝绸展览</h3>
              <li><a href="#"><img src="images/zhanlan/1.jpg" /></a></li>
              <li><a href="#"><img src="images/zhanlan/2.jpg" /></a></li>
              <li><a href="#"><img src="images/zhanlan/3.jpg" /></a></li>
              <li><a href="#"><img src="images/zhanlan/4.jpg" /></a></li>
      
      
            </ul>
          </div>
          <!------------------ end Gallery_nav--------------------------->
          </div>
          <!------------------ end right--------------------------->
          <div class="clear"></div>
        </div>
        <!------------------ end main--------------------------->
        <div class="clear"></div>
        <div class="foot">
          <p>Copyright 2014 版权所有 </p>
          <p>All Rights Reserved</p>
        </div>
      </div>
    </body>
    </html>
    
    
    

    四、获取更多源码

    PC电脑端关注我们

    五、学习资料

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    六、更多源码

    PC电脑端关注我们

    HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
    在这里插入图片描述

    展开全文
  • 概念:HTML(Hypertext Markup Language)即超文本标记语言,用于网页文件的制作。HTML由一系列的标记组成,可以说HTML的本质就是通过对各种标记进行组合嵌套将文本,表格,图片等网页元素组织成一个网页页面。标记:...
  • 个人网页制作

    千次阅读 2021-06-10 03:54:07
    中文名 个人网页制作 准备材料 做一个小计划开始制作 用Netscape4.0或者WORD7.0, 设计步骤 网站主题等 个人网页制作建站步骤 编辑 个人网页制作准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三...
  • 许多开发人员认为擅长设计是一种天生的能力,而创造力是与生俱来的。但是设计是一项可以像其他任何东西一样学习的技能。你不必天生就可以创建...本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实...
  • 一个简单网页设计代码

    千次阅读 2021-06-10 07:49:17
    html网页设计:一个简单的登录界面代码!http.w3;"tr> bgcolor="/button"body> /是这样的效果吗; &lt.w3;3登 录"tr>head>td>/...求html静态页面的代码,简单点的?滚动字幕 请进入音乐休闲屋...
  • HTML5+CSS期末大作业:篮球明星个人网站设计——篮球明星介绍(6页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 个人、 美食、 公司、 ...
  • 我相信很多人或多或少都曾想建立一个个人网站吧,或分享生活瞬间、或分享学习心得、或者是分享技术文章、又或者是有其他想法(打造个人ip、商业变现或是其他)。今天跟大家分享一下一般网站的搭建流程,对建站感兴趣...
  • html简单网页设计作品

    千次阅读 2021-06-09 05:08:01
    html简单网页设计作品鉴赏html简单网页设计作品图1html简单网页设计作品图2html简单网页设计作品图3html简单网页设计作品图4html简单网页设计作品图5html提高页面加载速度的方法(1)减少 HTTP ...
  • 1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?... 网页要求的总数量太多? 2.没有合适的模板?...原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明...
  • / 01 / 主题 《黑白·时光》 / 02 / 图摘 / 03 /
  • 15例简单常用网页设计效果代码

    千次阅读 2021-06-12 03:25:11
    简单的window.open方法onclick="javascript:window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片参数解释: ...
  • HTML5期末大作业:明星个人网站设计——权志龙(10页) 含设计报告HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划... 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电...
  • HTML5+CSS大作业——简单的程序员个人博客(7页) 大学个人博客网页制作教程 表格布局网页模板 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫...
  • 用HTML+CSS做一个漂亮简单个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太...
  • HTML5+CSS大作业——简单响应式个人博客(8页) html网页制作期末大作业成品_网页设计期末作业 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫...
  • 简单网页制作期末作业

    万次阅读 多人点赞 2021-01-05 14:36:25
    话不多说,我用的软件是HBuilder制作网页。样式是这样的 相信学过的都会做这个页面; <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面跳转</title> ...
  • 学生个人网页制作html

    千次阅读 2021-06-13 10:35:09
    大一网页设计作业貌似要分享有什么导航栏搜索栏什么什么的开始的开始小编们都是孩子,最后的最后渴望变成天使。导航栏搜索栏什么什么的 =====这些是一个网站基本的东西啊,少年 你参照这个网站自己写写,这是小编...
  • HTML5期末大作业:布偶猫网站设计——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 ...
  • HTML期末大作业~ 大学生体育运动网页设计模板代码 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业...
  • HTML5期末大作业:动漫网站设计——火影忍者(7页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划... 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家...
  • 摘 要: 介绍了基于Web服务的个人网页资源管理组件的设计,实现了Web用户在Internet上收集网页,并将这些网页自动存储在Web服务器的个人网页存储器上,为Web用户提供个人网页的访问和管理服务。Web网站的服务提供者...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 ...
  • HTML5期末大作业:个人网站设计——个人博客网站模板(13页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求...
  • HTML5期末大作业:电影影视网站设计——电影介绍(11页) 学生HTML个人网页作业作品下载 个人电影影视网页设计制作 大学生个人电影影视网站作业模板 简单个人电影影视 常见网页设计作业题材有 个人、 美食、 公司、 ...
  • 学生HTML个人网页作业作品 ~ 超级英雄11页面网页设计成品~ 学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?...
  • 电子科技大学实验报告学生姓名:万羽学号:2902103035 指导教师:伍瑞钦一、实验室名称:科B457二、实验项目名称:用HTML语言制作简单网页三、实验原理:1.网页(1)网页就是在浏览器上看到的一页,网页也称为Web页...
  • 利用HbuilderX制作简单网页

    万次阅读 多人点赞 2021-01-07 15:37:24
    鉴于Android的知识放得太久,且AndroidStudio已被删除,所以尝试下载HbuilderX(十几M大小,操作简单),自学半天设计一个简陋的网页,由于没学过前端,所以很一般。 工具: 项目文件及包含: 1. HTML是描述网页...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 104,630
精华内容 41,852
关键字:

最简单的个人网页制作

友情链接: tongpaixu.zip