HTML5 final assignment: about tourism website design - Wuhan Tourism (11 pages) HTML+CSS+JavaScript

Posted by hawkeyes on Wed, 29 Sep 2021 05:01:11 +0200

HTML5 final assignment: about tourism website design - Wuhan Tourism (11 pages) HTML+CSS+JavaScript final assignment HTML code student web page course design final assignment Download Web page design and production finished products

1. Near the end of the term, you are still designing your final homework for HTML web pages. Do you feel the teacher's homework requirements are great? Can't you start HTML web page homework? The total number of pages required is too much?
2. No suitable template? And so on. The problems you want to solve can basically meet your needs in this blog post~
3. Original HTML+CSS+JS page design, web college students' web design homework source code, this is a good web page production, the picture is smart, and is very suitable for beginners to learn and use.

Introduction to works

1. Introduction to web works: HTML final college students' web design homework A + level, you can download what you like, and the article page supports mobile PC responsive layout. Total 11 pages.

2. Web page work editing: this work is the subject of web page design for students' final homework, and the code is simple student level html+css layout. After downloading the work, you can use any HTML editing software (for example, any HTML software such as DW, HBuilder, Notepad, vscade, Sublime, Webstorm, Notepad + +) to edit and modify the web page).

3. Layout of web works: the overall layout of the web page is responsive layout, LOGO, navigation and main content layout. There are many layouts of sub pages. The contents of interests and hobbies use the picture list layout. The score page inserts a table. Contact us to set the left alignment using the picture alignment.

4. Web page work technology: use DIV+CSS to make web pages, background map, music, video, flash, mouse passing and selected navigation color change effect, underline, etc. Submit the form, comment and leave a message, and make a form judgment using JavaScript (the form cannot be empty when submitting).

1, Work display

1. Home page

2. Dynamic

3. Delicious food

4. Scenic spots

5. Scenic spot display

2, File directory

3, Code implementation

<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	  <meta name="author" content="" />
	  <meta http-equiv="Pragma" content="no-cache" />
	  <meta http-equiv="x-ua-compatible" content="ie=7" />
	  <meta name="keywords" content="Wuhan Tourism Network,Wuhan,Travel">
	  <meta name="description" content="Wuhan Tourism Network">
	  <title>Wuhan Tourism Network</title>
	  <link href="css/layout.css" rel="stylesheet" type="text/css" />
	  <script type="text/javascript" src="js/changeImages.js"></script>
	<div id="container">
		<div id="head">
			<div id="head_inner">
			<div id="logo"><img src="images/logo.png" width="260" height="50" border="0"/></div>
			<div id="head_inner_top"><a onclick="javascript:window.external.AddFavorite(' ',' Wuhan tourism website ') "href =" # "> < font color =" #ffffff "> add collection < / font > < / a > & nbsp; & nbsp; < a onclick =" javascript: this. Style. Behavior ='url (#default#home)'; this.setHomePage(window.location); "Href =" # "> < font color =" #ffffff "> set as home page < / font > < / a > & nbsp; & nbsp; & a href =" map. HTML "> map of Wuhan < / a > < / div > < / div >
			<div id="nav_menu"><a href="index.html" title="">home page</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="news.html">Industry dynamics</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="scenic.html">&nbsp;Scenic spot information</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="food.html">Food information</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="hotel.html">Hotel information</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="guide.html">tourist guide</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="photography.html">Photographic exhibition</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="contact.html">contact information</a></div>
		<div id="mainbody">
			<div id="view_bar">
				<!-- <img src="images/bar.jpg" width="1000" height="320" border="0"/> -->
				<script language="javascript" type="text/javascript">ImageShow();</script>
			<div id="main_layout">
				<div id="main_layout_left">
					<div id="main_layout_left_tit"><a class="cls_a" href="news.html" title="more">Industry dynamics</a></div>
					<div class="info_list">
							<li><a href="show.html">China will establish a "blacklist" of Tourism </a>(2012-10-28)</li>
							<li><a href="show.html">Give full play to the function of clean government education in scenic spots</a>(2012-10-28)</li>
							<li><a href="show.html">New regulations on ticket management in Hubei Province</a>(2012-10-28)</li>
							<li><a href="show.html">Tickets for 180 scenic spots nationwide are reduced on national day</a>(2012-10-28)</li>
							<li><a href="show.html">Leaders of the National Tourism Administration inspect the preparations for holiday tourism</a>(2012-10-28)</li>
							<li><a href="show.html">China's tourism industry is fully open to private capital</a>(2012-10-28)</li>
							<li><a href="show.html">Launching ceremony of China travel card promotion held in Beijing</a>(2012-10-28)</li>
							<li><a href="show.html">To grasp the quality is to grasp the long-term development of tourism</a>(2012-10-28)</li>
			    <div id="main_layout_right">
			  		<div id="main_layout_right_tit"><a class="cls_a" href="scenic.html" title="more">Scenic spot information</a></div>
					<div id="main_layout_right_container">
						<div class="info_list">
								<li><a href="#"> Wuhan further promoted the establishment of standardization < / a > (October 28, 2012)</li>
								<li><a href="#"> Wuhan went to Xi'an to promote" great Wuhan with great rivers and lakes "< / a > (October 28, 2012)</li>
								<li><a href="#"> Wuhan will now be the world's highest river crossing Ferris wheel < / a > (October 28, 2012)</li>
								<li><a href="#"> 2012 China Wuhan International Tourism Festival < / a > (October 28, 2012)</li>
								<li><a href="#"> China will establish a" blacklist "of tourism < / a > (October 28, 2012)</li>
								<li><a href="#"> China's tourism industry is fully open to private capital < / a > (October 28, 2012)</li>
								<li><a href="#"> the launching ceremony of China Tourism card publicity and promotion was held in Beijing < / a > (October 28, 2012)</li>
								<li><a href="#"> grasping quality means grasping the long-term development of tourism < / a > (October 28, 2012)</li>
				<div id="main_layout_middle">
					<div id="main_layout_middle_tit"><a class="cls_a" href="scenic1.html" title="more">Scenic spot recommendation</a></div>
					<div id="main_layout_middle_container">
						<div class="cont_pic"><a href="#"><img src="images/scenic.jpg" width="200" height="175" /></a></div>
						<div class="cont_text">The Yellow Crane Tower is located in Wuhan, Hubei Province. It is one of the four famous buildings in the south of the Yangtze River and one of the top 40 national tourist attractions. It is known as "the first building in the world". It breaks through the peaks of Bashan mountain and accepts the cloud water of Xiaoxiang. The vast Yangtze river intersects with the Han River, the longest tributary in the hinterland of three Chu, creating the majestic posture of Wuhan separated by two rivers and three towns. It is located in the east edge of Jianghan Plain and the hills in Southeast Hubei...</div>
				<div id="clr"></div>
			<div id="view_layout">
				<div id="view_layout_tit"><a class="cls_a" href="photography.html" title="more">Photographic exhibition</a></div>
				<div class="view_list">
						<li><a href="#"> < img SRC =" images / view_1. JPG "ALT =" Yellow Crane Tower "border =" 0 "width =" 192 "height =" 150 "></a></li>
						<li><a href="#"><img src="images/view_ 2. JPG "ALT =" East Lake "border =" 0 "width =" 192 "height =" 150 "></a></li>
						<li><a href="#"> < img SRC =" images / view_3. JPG "ALT =" Provincial Museum "border =" 0 "width =" 192 "height =" 150 "></a></li>
						<li><a href="#"><img src="images/view_ 4. JPG "ALT =" Guiyuan Temple "border =" 0 "width =" 192 "height =" 150 "></a></li>
						<li><a href="#"> < img SRC =" images / view_5. JPG "ALT =" Yangtze River Bridge "border =" 0 "width =" 192 "height =" 150 "></a></li>
			<div id="links_layout">
				Links: &nbsp;<a href="#">Hubei Tourism Network</a> &nbsp;&nbsp;<a href="#">Hunan Tourism Network</a> &nbsp;&nbsp;<a href="#">Henan Tourism Network</a> &nbsp;&nbsp;<a href="#">Beijing Tourism Network</a> &nbsp;&nbsp;<a href="#">Shanghai Tourism Network</a> &nbsp;&nbsp;<a href="#">Tianjin tourism network</a> &nbsp;&nbsp;<a href="#">Chongqing Tourism Network</a> &nbsp;&nbsp;<a href="#">Hong Kong Tourism Network</a> &nbsp;&nbsp;<a href="#">Xiamen Tourism Network</a> &nbsp;&nbsp;<a href="#"> Taiwan Tourism Network</a>
		<div id="foot">
			<div class="cr">
				Service hotline: 027-55555555 &nbsp;Fax: 027-66666666<br>
				Powered by: <span class="color_green">Dai Lulu</span> &nbsp;Email: <a href="" title="Contact Email"></a>
				<div class="xhtml">
					<a href="" target="_blank">XHTML 1.0</a> | <a href="" target="_blank">CSS</a> | <a href="#" target="_blank">RSS</a> | <a href="#" target="_blank">V3.2</a>

4, web front end (learning materials)

A complete set of web front-end zero foundation - Introduction to advanced (Video + source code + development software + learning materials + interview questions) (Tutorial)
Suitable for entry-level to advanced children's shoes ~ send 1000 sets of HTML+CSS+JavaScript template websites

5, Source code acquisition

❉ you can learn from each other about the above content and technical issues, and you can use the web front-end diary on V Xinggong Z > > > 👇🏻👇🏻👇🏻 Get more source code 👇🏻👇🏻👇🏻 !

6, More source code

The source code of more than 500 HTML5 final assessment assignments includes individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown and flowers , gifts, cars and others can meet the web design needs of College Students' Web homework. You can download what you like!