current position:Home>HTML5 final assignment: tourism web page design - Xi'an Tourism 9 pages (good code quality) student DW web page design assignment source code web course design web page planning and design

HTML5 final assignment: tourism web page design - Xi'an Tourism 9 pages (good code quality) student DW web page design assignment source code web course design web page planning and design

2021-08-22 22:52:35 @. code out the future

HTML5 Final homework : Website —— Xi'an tourism 9 page ( Good code quality ) Student DW Web design job source code web Course design, web page planning and design

Towards the end of the term , You're still working on HTML Web design homework , The teacher's homework requirements are big ?HTML There is no way to start web homework ? The total number of pages required is too much ? No suitable template ? And so on and so forth . The problem you want to solve , In this blog post, you can basically meet your needs ~

original HTML+CSS+JS Page design , web College students web design homework source code , This is a good web page making , Smart picture , Very suitable for beginners to learn to use .

Introduction to works

1. Introduction to web works :HTML Web design homework for college students at the end of the term , You can download what you like , The article page supports mobile phones PC Responsive layout . There are mainly : homepage , Famous tourist attractions , Delicious snacks , Introduction to Xi'an history , Big wild goose pagoda in Xi'an , Huashan Mountain , terra cotta warriors , The dynasty of Xi'an , The relationship between Xianyang and Chang'an , Xi 'an incident Wait a total 9 A page html download .

2. Web work editing : This work is the subject matter of students' personal home page design , The code is simple student level html+css Layout making , After downloading the works, you can use any HTML Edit software ( for example :DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm All editors are available )

3. The layout of web works : The overall layout of the web page is LOGO、 Navigation 、 Main content layout . There are many layouts of sub pages , Interest content uses picture list layout , The score page inserts a table , Contact us to set the left alignment using the image alignment .

4. Technical aspects of web works : Use CSS Made a background picture of the web page 、 Color change effect of mouse passing and selected navigation 、 Underline, etc . The home page has made a message form , At the same time, it is easy to use JavaScript Made a form to judge ( The form cannot be empty when submitting )

One 、 Demonstration of works

1. homepage

 Insert picture description here

2. Famous tourist attractions

 Insert picture description here

3. Delicious snacks

 Insert picture description here

4. Introduction to Xi'an history

 Insert picture description here

5. Big wild goose pagoda in Xi'an

 Insert picture description here

Two 、 Code directory

 Insert picture description here

3、 ... and 、 Code implementation

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title> Xi'an tourism </title>	
	<link rel="stylesheet" href="css/style.css">	
</head>
<body>
</style>
    <div class="header">
        <div class="top">
            <img src="images/top.jpg">
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html"> homepage </a></li>
                <li><a href="jingdian.html"> Famous tourist attractions </a></li>
                <li><a href="meishi.html"> Delicious snacks </a></li>
                <li><a href="lishi.html"> Introduction to Xi'an history </a></li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="main_left">
            <div class="cont">
                <h2> Introduction to Xi'an </h2>
                <marquee direction="up" height="290" onmouseover=stop() onmouseout=start()>
                     Xi'an , It was called Chang'an in ancient times 、 Jingzhao , It is one of the world's four ancient civilizations , It ranks first among the four ancient capitals of China , It is the largest capital Dynasty in Chinese history , The most influential capital . It is the place where Chinese civilization develops 、 The cradle of the Chinese nation 、 An outstanding representative of Chinese culture .
                     It was first established by UNESCO “ World famous historical city ” And one of the earliest national famous historical and cultural cities announced by the State Council , World famous tourist resort . Today, Xi'an is one of the six regional central cities in China , Asian knowledge and Technology Innovation Center , The new Eurasian Continental Bridge 
                     China and the largest central city in the Yellow River Basin , The manufacturing base of China's large aircraft .2011 Annual State Council 《 National main functional area planning 》 Xi'an is identified as “ National historical and cultural base ”.
                </marquee>
            </div>
            <img src="images/y.jpg"/>
        </div>
        <div class="main_right">
        	<div class="jianjie">
                <h1> Introduction to Xi'an </h1>
                <img src="images/jianjie.jpg">            
                <p >
                 World famous historical city , Hometown of Chinese spirit — Xi'an . <br />
                 Xi'an , Historically speaking “ changan ”、“ Jingzhao ”. It is one of the four famous ancient capitals in the world , It is the longest capital in Chinese history 、 The capital Dynasty is the most 、 The most influential capital , It is the cradle of the Chinese nation 、 The birthplace of Chinese civilization 、 Representative of Chinese culture ,
                 with “ Natural history museum ” The reputation of the .  Xi'an , stay 《 Historical records 》 Known as “ well guarded , the land of abundance ”, It is the birthplace of the Chinese nation , Built by King Wen of Zhou , Built in... BC 12 century , have 21 A dynasty and regime were founded here , yes 13 Ancient capital of Korea ,
                 The four most prosperous dynasties and weeks in Chinese history 、 The qin dynasty 、 han 、 Tang Jun built Xi'an as his capital . Discovery of yangguanzhai site in Gaoling, Xi'an , Push the history of Chinese cities to 6000 Years ago, the late Neolithic , At the same time, it is determined that Xi'an is the first city in the history of the world . <br />
                 Iconic buildings : Wild goose pagoda 、 The clock tower 、 drum-tower 、 Ming Dynasty City Wall 、 Daming Palace 、 Tang Paradise 、 Little wild goose pagoda, etc .<br />
                 Xi'an is a world famous historical and cultural city with a long history , It is one of the world's four ancient civilizations , Ranking first in the ancient capital of China , It is the longest established capital in Chinese history 、 The capital Dynasty is the most 、 The most influential capital , It is the cradle of the Chinese nation 、 The birthplace of Chinese civilization 、
                 Representative of Chinese culture . Ancient times ,“ Lantian ape man ” It breeds here ; Neolithic “ Banpo ancestors ” Establish a tribe here , The eleventh century BC , King Wen of Zhou established fengho and two capital cities on both sides of Fenghe river , Since then, it has opened the glorious history of the Millennium imperial capital of Xi'an , with 3100 Years of 
                 City building history and 1200 Years of capital history , Week after week 、 The qin dynasty 、 han 、 Tang Deng 13 A dynasty built its capital here , Yes “ In the middle of Qin Dynasty, there have been emperors since ancient times ” The reputation of the .<br />
                 Xi'an used to be China's political 、 Economic and cultural center and the first city to open to the outside world , The famous Silk Road starts from Xi'an ;“ The eight wonders of the world ” One of the terracotta warriors and horses in the mausoleum of the first emperor of Qin Dynasty shows the grandeur of the city 、 Profound historical and cultural heritage . The long historical and cultural accumulation makes Xi'an 
                 enjoy “ Natural history museum ” The reputation of . There are many kinds of cultural relics and historic sites , The quantity is large , High value , Second to none in the country , Many are the only in China 、 Rare treasures in the world .
                </p>
            </div>
        </div>
    </div>
	<div class="footer">
    	<p> Xi'an tourism </p>
    </div>
</div>
</body>
</html>




Four 、web Front end entry to advanced ( video + Source code + Information + interview ) a full set of ( course )

web front end Zero basis - Entry to advanced ( video + Source code + Development software + Learning materials + Interview questions ) a full set of ( course )
Suitable for children's shoes from entry to advanced ~ send 1000 set HTML+CSS+JavaScript Template website
 Insert picture description here


5、 ... and 、 The source code for

* ~ Pay attention to me , Like the blog ~ Every day brings you knowledge !

*1. See here, just [ give the thumbs-up + Praise + Collection ] Three even Support me , Yours 「 give the thumbs-up , Praise , Collection 」 It's the driving force of my creation .

* 2. Pay attention to me ~ Take you to study every day : Various front-end plug-ins 、3D Cool effect 、 Pictures show 、 Text effect 、 And the whole station template 、 College graduates HTML Templates 、 Final assignment template 、 etc. ! 「 There are a lot of front end developer , To discuss front end Node knowledge , learn from each other 」!

*3. We can learn from each other about the above technical issues , can Focus on ↓ Male Z Number Get more source code !

 Insert picture description here

6、 ... and 、 more HTML Final assignment work article

1.HTML The students finish their homework at the end of the term ~html+css+javascript Imitation Dingdang movie online website ( The function is all ready )

2.HTML Final student homework ~html+css+javascript Cat's eye movie online website ( The function is all ready )

3.HTML Final student homework (9 set )html+css+javascript Imitation of Jingdong 、 Tmall 、 clothing 、 Major e-commerce templates ( University graduation project )

4.HTML Final homework ~ Pirate king Qiaoba special cartoon student web page setting homework source code (HTML+CSS+JavaScript)

5.HTML Final homework ~ be based on HTML+CSS+JavaScript Design and implementation of tourism website

6.HTML Web design final course assignment ~ Design and implementation of imitation Tencent game official website (HTML+CSS+JavaScript)

7.HTML Final homework ~ Imitation Xiaomi mall web design template (HTML+CSS+JavaScript)

8.HTML Final homework ~ Catering culture student web design homework (HTML+CSS+JavaScript)

9.HTML Student web design homework ~ Catering food hamburger enterprise website 6 Page with carousel (HTML+CSS+JavaScript)

10. university web Basic final assignment ~ Imitation excellent purchase page production (HTML+CSS+JavaScript)

11.HTML Web design and production homework - Make comics, Web Design 6 A page (HTML+CSS+JavaScript)

12.web Front end freshman training ~ Design and implementation of cartoon website (HTML+CSS+JavaScript)

13.web Web design final course assignment ~ Super high imitation hero League LOL Design and implementation of game official website (HTML+CSS+JavaScript)

14.HTML Final homework ~ Hotel website template (HTML+CSS+JavaScript)

15.HTML Student web design homework source code ~ Happy travel website design and Implementation (HTML Final homework )

16.HTML Olympic web page 5 Page culture ~ PE Students' web design homework

17.HTML My hometown Hangzhou web design homework source code (div+css)

18.HTML Web design final course assignment ~ Anime cherry balls 5 Page table div+css Student web design homework source code

19.HTML Student web design homework finished ~ Design and implementation of cosmetics official website (HTML+CSS+JS) common 8 A page

20.HTML College students animation web design homework source code ~ Naruto animation 7 Page with special effects and carousel (HTML+CSS+JavaScript)

21. A complete set of imitation pull hook nets HTML Static web page template ( contain 38 Independent HTML)

22.HTML Final assignment course design big assignment ~ Environmental protection student web design homework source code (HTML+CSS)

23 Web Finished web homework for college students ~ Design and implementation of gourmet catering website (HTML+CSS+JavaScript)

24.HTML Final homework ~ Design and implementation of green agricultural products and food website (HTML+CSS+JavaScript)

25.HTML Final homework ~ Design and implementation of website template of flower shop flower Mall (HTML+CSS+JavaScript)

26.HTML Final homework ~ College students travel official website design homework finished product (HTML+CSS+JavaScript)

27.HTML Final homework ~ Maldives tourism web design finished product

28.HTML Final homework ~ my hometown ( Luoyang City ) Tourism web design finished product (HTML+CSS+JavaScript)

29.HTML Final homework ~ Fengyang tourism website design finished product (HTML+CSS+JavaScript)

30.HTML Final homework ~ Fengyang smart tourism official flagship store ( my hometown )(HTML+CSS+JavaScript)

31.HTML Final homework course design ~ Imitation Yin Yang division game official website home page html Templates (HTML+CSS)

32.HTML Final homework course design animation theme html5 Webpage ~ Chien animation home page html Templates (HTML+CSS)

33.HTML Final homework course design ~ Animation game official website 10 A page (HTML+CSS+JavaScript)

34. Personal design web Front end operation ~ Responsive game website source code (HTML+CSS+Bootstrap)

35.HTML Final homework ~ Personal image resources web page design, a total of 5 A page (HTML+CSS+JavaScript)

36.web Course design, web page planning and design ~ The online novel reading page has a total of 6 A page (HTML+CSS+JavaScript+Bootstrap)

37.HTML Final homework ~ Fresh handmade soap website display 4 A page (HTML+CSS+JavaScript+Bootstrap)

38. Student HTML Personal web work ~ The cake and dessert shop has a total of 11 A page (HTML+CSS+JavaScript)

39.HTML Final homework ~ Chess and card game static website (6 A page ) HTML+CSS+JavaScript

40.HTML Final homework ~ Fast fresh food station html Webpage ( common 6 A page )HTML+CSS+JavaScript

41.HTML Web design homework ~ Imitation Xiaomi mall website is pure HTML Template source code (8 A page )(HTML+CSS)

42.HTML Web design class homework ~ The home page of imitation Fanke clothing mall is pure HTML Template source code (HTML+CSS+JS)

43.HTML Web design homework ~ Imitation mushroom Street Mall website source code (HTML+CSS+JS)

44.web Course design, web page planning and design ~ Fashion clothing shopping mall template html Source code (HTML+CSS+JS)

45.web Web design final course assignment ~ Pink clothing shopping mall page template (HTML+CSS+JS)

46.HTML Final homework ~ Holiday gift mall website html Templates 11 A page (HTML+CSS+JavaScript)

47. Student HTML Personal web work ~ Personal home page blog web page design and production (6 A page )

48.HTML Final homework ~ Student personal blog static page template 6 A page (HTML+CSS+JavaScript)

49.HTML Final homework ~web Front end development personal blog HTML Whole station formwork

50. Final students HTML Personal web work Blue yiqingxuan responsive personal blog template source code (6 A page )bootstrap Responsive blog site template html

51.HTML Final homework ~ Simple programmer personal blog website template source code (7 A page )(HTML+CSS)

52.HTML Final homework ~ Simple front page of personal blog website HTML Templates 7 A page (html+css+js)

53.HTML+CSS College Students' personal website assignment template ~ black html5 Personal blog website template whole station download (5 A page )

54. use HTML+CSS Make a beautiful and simple personal web page ~ Personal album introduction personal home page template (6 A page ) Student HTML Personal web work

55.HTML Final homework ~ Imitation Sina Weibo personal home page html Website template 4 A page (HTML+CSS+JavaScript)

56.HTML Web design and production homework (div+css)~ Environmental protection (5 A page )

57.HTML Web design and production homework - Green environmental protection HTML5 Website template (4 A page )

58.web Front end final assignment html+css+javascript Examples of global private customized tourism Web Design (6 A page )

59.web Front end final assignment html+css+javascript College sports web page design template code Campus basketball web homework finished product

60.HTML Static web job - Food and beverage website 8 A page (HTML+CSS+JavaScript)

61.HTML Static web job - Online flower shop 4 A page (HTML+CSS+JS)

62. Personal design web Front end operation ~ Hotel Web Design ( Ruihao International Hotel )(HTML5+CSS3+Bootstrap)

63. Freshman training website making homework ~ Agricultural products web page 2 A page (div+css)

64.HTML Final homework ~ be based on HTML+CSS+JavaScript Design and implementation of tourism website ~ Website template of scenic spot development management company (6 A page )

65.web Front end final assignment ~ my hometown - The capital of green city 10 A page html+css+javascript Examples of tourism Web Design

66.HTML Static web job —— Anime Naruto 1 A page (HTML+CSS Making personal homepage course design )

67. About animation HTML Web design homework —— Animation web page ( Sword realm 6 A page )

68.HTML Static web job —— Pirate King theme web page design and production 6 A page (HTML+CSS)

69.HTML Final homework ~ be based on HTML+CSS+JavaScript Design and implementation of steak food catering website (6 A page )

70.HTML Final homework ~ be based on HTML+CSS+JavaScript Design and implementation of Qiandao Lake scenic spot website (5 A page )

71.HTML Web design foundation final assignment —— Green cosmetics website (HTML+CSS)

72.HTML Web design final course assignment ~ Home page of medical supplies shopping mall (HTML+CSS)

73.HTML Web design foundation final assignment —— Imitation Coco Design and implementation of online ordering milk tea beverage website 6 A page (HTML+CSS+JavaScript)

74.web Front end final assignment html+css+javascript Winery web design example (5 A page )~ Student web design and production

75.HTML Final homework ~ Fantasy love game official website static html Templates 1 A page

76.web Student web design homework source code —— FIFA World CUP (HTML+CSS)

77.HTML Final assignment course design final assignment —— Sports volleyball 5 Page with registration HTML+CSS+JS( Student web design homework source code )

78.HTML Web design final course assignment ~ Sports basketball 5 Page with login

79.HTML Web design and production homework (div+css) ~ Chinese virtues 6 Page with music ~ Student web design homework source code ( Chinese culture )

80.HTML Web design final course assignment Sports, table tennis 5 page Student web design homework source code HTML+CSS

81.web Web Design —— Sports air rifle shooting theme (5 page ) With picture rotation effect (HTML+CSS) ~ Student web design homework source code

82.HTML Web design final course assignment Chinese tea culture 5 Page with carousel (HTML+CSS+JS) Student web design homework source code

83.HTML Final homework ~ Let go of youth dreams 3 Page Chinese dream my dream (HTML+CSS)~ Culture students web design homework source code

84.HTML+CSS+JS Web design final course assignment ~ The Silk Road 6 page ~ Student web design homework source code

85. Student HTML Personal web work ~ Superhero Movie 11 Page design finished product ~ Student web design homework source code

86. personal HTML Final homework ~ personal web sites (HTML+CSS)6 Page with drop-down effect ~ Simple with table and design description ~ Student web design homework source code

87.HTML Final homework ~ Dragon Boat Festival 7 page ~ Student web design homework source code (HTML+CSS+JS)

88. Student HTML Personal web work ~ Personal blog homepage space 5 page ~ Student web design homework source code (HTML+CSS)

89.HTML Final homework ~ Dahua journey to the West: the great sage's wedding film 4 page ~ Student web design homework source code (HTML+CSS+JS)

90.HTML Final homework ~ Yellow car ofo Environmental protection ~ Student web design homework source code (HTML+CSS)

91.HTML Final homework ~ Blue pet house (5 A page ) Pets with message boards Student web design homework source code (HTML+CSS+JS)

92.HTML Final homework ~ One piece 6 Good page code quality ~ Student web design homework source code (HTML+CSS+JS)

93.HTML Final homework ~ Star Lin Yichen (7 page ) Take a message Student web design homework source code (HTML+CSS+JS)

94.HTML5 Final homework : Website —— Beautiful hometown ( contain HTML+CSS+JS Source code and curriculum design documents )

95.HTML Web design final course assignment ~ Travel accommodation hotel HTML Web Design (14 page )

96.HTML5 Final homework : Website —— Introduction to fruit ( Orange house ) 6 page

97.HTML5 Final exam assignment : Website —— Beautiful hometown Yunnan ethnic culture (8 page )

98.HTML5 Final homework : Website —— Beautiful hometown ( Introduction to Nanjing 7 A page )

99.HTML5 Final homework : Website —— Introduction to personal website (7 The page has a special effect of rotation ) Star Zhao Liying

7、 ... and 、 More confession source code

1.100 paragraph html+css+JavaScript Declare the source code demonstration address

2.520 A birthday present for your girlfriend on Valentine's Day ~html+css+js Realize the cool cherry blossom of shaking sound 3D Photo album ( Including music )

3. One line of code teaches you to catch your sister easily ~html+css+js Fireworks advertisement 3D Photo album ( Including music + Customizable text )

4. 520 Valentine's Day present for her ~html+css+javascript Flying snow 3D Photo album ( Including music )

5. 520 Watch the meteor shower with her on Valentine's Day ~html+css+javascript Making meteor shower 3D Photo album ( Including music )

6. html+css+js Happy birthday website template (520/ Valentine's day on Chinese Valentine's day / A confession / To marry him / Happy birthday, ) With background music

7. html+css+js Happy birthday, ~ Happy birthday for programmers html Templates ( Including birthday background music )

8. Girlfriend's birthday HTML+css3+js Realize the cool cherry blossom of shaking sound 3D Photo album ( With background music ) A programmer must declare himself

9. How do I use a line of code to express my sister 520 For your girlfriend on Valentine's day 3D Cherry rain photo album gift ( Programmer confession exclusive )

10. Valentine's day on Chinese Valentine's day ~html+css+javascript Realize the full screen love effect ( Programmer's confession )

11. Tanabata Valentine's Day flower advertising animation (HTML+CSS+JavaScript)

12. html+css+js Make a wedding countdown web page template (520/ Valentine's day on Chinese Valentine's day / Programmer advertisement )

13. html+css+javascript Make love confession code (520/ Valentine's day on Chinese Valentine's day / A confession / a birthday present )

14. Stunning html+css+javascript Phantasm 3D Photo album ( With background music ) A programmer must declare himself _520_ Valentine's day on Chinese Valentine's day

15. html+css+javascript Realization 100 Super cool advertising source code (520/ The seventh evening of the seventh moon / A confession / To marry him / Take off a single ) Programmers must

16. html+css+javascript Realization 520 Advertising love tree ( Including music ) A programmer must declare himself

17. html+css+javaScript Achieve cool fireworks confession ( Cloud particle text 3D start )

18. The programmer 520 A confession Html+Js+Css Petal album web page template programmer must express

19. html+css+javascript Realize the heaven and earth Bagua feng shui compass clock ( Free with source code )

20. html+css+javascript To achieve the tiktok clock ( Free with source code )

21. Tiktok JavaScript Realize the network red astronaut dial ~ Look at how programmers use code to make Huawei space watches

22. html+css+js Draw snow in winter 3D Photo album (520 Valentine's Day / Valentine's day on Chinese Valentine's day / Programmer's confession html Code )

23. Make a romantic and warm birthday gift for her ~html+css+javascript Blue dream ocean 3D Photo album ( Including music )

24. html+css+js Make 520 Express the web page , Full screen love and white language web page animation code , romantic 520 Love expression animation special effects .

25. 520 Valentine's Day programmer's romantic confession ~html+css+js Romantic starry love 3D Photo album ( Including music )

26. Html5 Romantic wedding invitation wedding website template _ Love her and give her the most beautiful H5 Wedding invitation _( Wedding electronic invitation ) With background music

27. html+css+javascript Full screen snowflake love 520 Confession website ( Including music )520 A confession / Valentine's day on Chinese Valentine's day / a birthday present / A programmer must declare himself

28. 520 Tanabata Valentine's Day code gave a gift to his girlfriend ~html+css+javascript Realize Cherry Blossom love album 「 You can take it to the person you like 」

29. Tanabata Valentine's day teaches you how to confess ~html+css+js Making beautiful stars 3D Photo album ( Including music ) The programmer 520 Confession essential

30. html+css+javascript Happy birthday fireworks 520/ Confession / Valentine's day on Chinese Valentine's day / Proposal only ( Custom text )

31. One line of code teaches you how to advertise on Tanabata Valentine's Day — Comic 3D Photo album ( music + written words )HTML+CSS+JavaScript

8、 ... and 、150 set Echarts Big data visualization

be based on Echarts Realize large screen display of visual data (150 set )—— Make a dark blue technology object flow cloud data Kanban page template

copyright notice
author[@. code out the future],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2021/08/20210822225232915j.html

Random recommended