整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html期末考试网页设计作业分享 宫崎骏作品千与千寻网页设计制作

与千寻网页设计设计有五个页面组成,带登录表单。网页采用div+css布局设置而成。

如果有需要网页可以增加页面以及添加js轮播图,登录验证等js效果;

网页设计运行效果图

千与千寻网页设计首页源代码


<!DOCTYPE html>

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="css/style.css">


<title>千与千寻</title>
</head>

<body>
<div class="wrapin"> 
  <!--头部-->
  <header>
    <ul class="nav clearfix">
      <li><a href="index.html">首页</a></li>
      <li><a href="juqing.html">剧情简介</a></li>
      <li><a href="juese.html">角色介绍</a></li>
      <li><a href="tupian.html">图片鉴赏</a></li>
	  <li><a href="denglu.html">用户登录</a></li>
    </ul>
  </header>
      <div class="banner"><img src="images/9.jpg" alt=""></div>
  
  <!--内容-->
  <div class="con">
    <div class="top clearfix">
      <div class="text">
        <h2><a href="http://74fan.com/player/868-4-1.html"><i>千与千寻</i></a></h2>
		<hr>
        <p>《千与千寻》是由吉卜力工作室制作的动画电影,由宫崎骏执导,柊瑠美、入野自由、中村彰男、夏木真理等人担任主要配音。该片主要讲述了千寻意外来到神灵世界后,为了救因惩罚而变成猪的家人,经历许多磨难的故事。2001年7月20日在日本上映。2019年6月21日在中国大陆公映。2022年8月5日起在中国台湾地区重映数字修复版本。</p>
      </div>
      <div class="pic"> <img src="images/11.jpg" alt=""> </div>
    </div>
    <div class="tupian">
      <div class="title">
        <h2>图片鉴赏</h2>
      </div>
      <ul class="clearfix">
        <li><img src="images/17.jpg" alt=""></li>
        <li><img src="images/9.jpg" alt=""></li>
        <li><img src="images/11.jpg" alt=""></li>
      </ul>
    </div>
	  
	
  <!--底部-->
  <footer> 

  
  <p>千与千寻</p>
  </footer>
  </div>
 
</div>

<div>
</div>
</body>
</html>


更多源码选择

HTML5网页设计成品作业模板

准备好了你准备好了吗派大星?海绵宝宝网页制作期末大作业 html css共6个页面

包含表达元素 视频 图片等结构简单 代码简洁






完整版 代码

1 关注+转发

2 点我头像发送 ‘海绵宝宝’

南三亚网页设计有五个页面组成,带js图片轮播及留言表单

网页设计效果图

三亚旅游网页设计首页html代码


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>三亚SANYA</title>
	
	</head>
	<body>
		<header>
				<h1>三亚风景区—Sanya</h1>
			</header>
			<nav>
				<ul>
					<li><a href="index.html">主页</a></li>
					<li><a href="jingqu.html">著名景区</a></li>
					<li><a href="gonglve.html">攻略和游记</a></li>
					<li><a href="hotel.html">订酒店</a></li>
					<li><a href="contact.html">联络我们</a></li>
				</ul>
			</nav>
			<section id="banner"> 
				<header>
					<h2>海南三亚  </h2>
		  		</header>
				<p>世界文化与自然双重遗产,世界地质公园,国家AAAAA级旅游景区,国家级风景名胜区。</p>
			</section>
			<section id="content"> 
				<article>
					<header>
						<h3>三亚著名风景区</h3>
						<p>发表于<time datetime="2017-2-2">2021年2月2日</time> - 共有 - <a href="#">558评论</a></p>
					</header>
					<p>三亚<br/>
		(Sanya )位于海南岛的最南端,是中国最南部的热带滨海旅游城市,中国海滨城市,是中国空气质量最好的城市、全国最长寿地区(平均寿命80岁)。 
		三亚市别称鹿城,又被称为“东方夏威夷”,位居中国四大一线旅游城市“三威杭厦”之首,拥有全岛最美丽的海滨风光。  三亚市东邻陵水县,西接乐东县,北毗保亭县,南临南海。陆地总面积1919.58km2,海域总面积6000km2,其中规划市区面积约37平方公里。东西长91.6公里,南北宽51公里,常住人口为74.19万人,聚居了汉、黎、苗、回等20多个民族。三亚是海南省南部的中心城市和交通通信枢纽,也是中国东南沿海对外开放黄金海岸线上最南端的对外贸易重要口岸之一。2016年6月14日,中科院对外发布《中国宜居城市研究报告》显示,三亚宜居指数在全国40个城市中位居第三。</p>
					<img src="img/nanhai-1.jpg" >
					<p>亚龙湾国家旅游度假区: <br/>
		亚龙湾位于中国最南端的热带滨海旅游城市--三亚市东南28千米处,是海南最南端的一个半月形海湾,全长约7.5千米,是海南名景之一。亚龙湾沙滩绵延7千米且平缓宽阔,浅海区宽达50-60米。能见度7-9米。海底世界有珊瑚礁、各种热带鱼、名贵贝类等。年平均气温25.5°C,海水温度22-25.1°C,终年可游泳,被誉为“天下第一湾”。</p>
					<p>天涯海角风景区: <br/>
		位于天涯区的马岭山脚下,距三亚市区约26千米。其前海后山,风景独特。步入游览区,沙滩上那一对拔地而起的高10多米,长60多米的青灰色巨石赫然入目。两石分别刻有“天涯”和“海角”字样,意为天之边缘,海之尽头。“天涯海角”就是由此得名的。 </p>
					<p>鹿回头山顶公园: <br/>
		位于三亚市南部3千米的海边小山上,伸向南海、状似坡鹿。这里三面临海,四季山青,以其美丽的神话传说闻名于世。主峰海拔275.1米。鹿回头山顶已建设成一座美丽的山顶公园,并根据这个美丽的传说在山上雕塑了一座高12米,长9米,宽4.9米的巨型雕像。三亚市也因此被人们称为“鹿城”。</p>
		<p>海棠湾: <br/>其实只是“半湾”,地处三亚市海棠区与陵水黎族自治县英州镇交界处,因为行政区划的原因,本来一个完整的海湾一分为二,属于三亚境内的一半取名海棠湾,属于陵水境内的那一半海湾名称为土福湾,三亚这边就叫海棠湾。两处“半湾”岸线合计总长25千米。 </p>
		<p>椰梦长廊: <br/>
		三亚湾滨海大道——“椰梦长廊”与三亚市区连接,交通便利。其沙滩坡度平缓,曲线优美,海水清澈见底。冬可避寒、夏能消暑,是以热带海洋风光,中国传统文化、南国民族风情为特点的国际避寒休闲度假胜地。</p>
				</article>
				<aside>
					<h3>评论</h3>
				  <article>
						<header>
							<a href="#">线路设计合理,关键是多少银子?</a> 发表于 <time datetime="2021-2-3T23:59">2021年2月3日23:59</time>
						</header>
						<p>想去海棠湾,5天大约多少银子?有什么推荐攻略吗?<br/>
						去了海棠湾,亚龙湾还有必要去吗?<br/>
						海棠湾比较新一些,水质好一些。
						
					</article>
				</aside>
			</section>
			<footer>
				©版权所有:旅游爱好者 建议分辨率1280*720以上
			</footer>
	</body>
</html>

更多网页设计成品源码搜索:猿猿网页设计