Get the source code Contact at the end of the article
Web front-end development technology
description Web design theme, DIV+CSS layout production, HTML+CSS web design final course assignment |
| HTML final college student web design assignment
-
HTML: structure
-
CSS: style
In terms of operation, html5 and css3 are used, and
basic knowledge such as div+css structure, form, hyperlink, floating, absolute positioning, relative positioning, font style, and reference video are adopted -
JavaScript: do interactive behavior with the user
Article directory
Front-end learning route
(1) html file: where index.html is the home page, and other html is the second-level page;
(2) css file: all css page styles, text scrolling, image zoom, etc.;
(3) js file: js realizes dynamic carousel special effects , form submission, click event, etc. (js code is used in web pages)
Basic structure of web page
(1) Homepage: The first page you see when you enter the webpage (LOGO, company name, navigation, banner, news, related information, bottom information, banner is generally 5) (2) Secondary page: After clicking to enter from the
homepage The page is called the second-level page
(3) Third-level page: the page clicked from the second-level page
Web page html : A web page is the basic element of a website and a platform for carrying various website applications.
In layman's terms, a website is a home page composed of web pages : the home page is the entry
page of a website, so it is often edited to make it easy to understand . The top or side area, also known as the navigation bar, plays the role of linking various pages in the site or software.
Web page footer : It is the area at the bottom of each page in the web page. Often used to display additional information. Such as author, record number, etc.
web demo
HTML structure code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>中国旅游</title>
</head>
<body>
<header class="head">
<div> <img src="images/logo.png"> <span class="bda"> <a href="zhuce.html">注册</a> | <a href="denglu.html">登录</a> </span></div>
</header>
<nav class="menu">
<ul class="center">
<li><a href="index.html">网站首页</a></li>
<li><a href="sichuan.html">四川旅游 </a></li>
<li><a href="yunnan.html"> 云南旅游 </a></li>
<li><a href="xizang.html">西藏旅游</a></li>
<li><a href="tuijie.html">推荐旅游</a></li>
</ul>
</nav>
<div class="content">
<marquee>
欢迎来到中国旅游，开启新的旅程吧！
</marquee>
<div class="banner">
<div class="banner_box ">
<div class="box-1">
<ul>
<li><img src="images/banner1.jpg"></img></li>
<li><img src="images/banner2.jpg"></img></li>
<li><img src="images/banner3.jpg"></img></li>
<li><img src="images/banner4.jpg"></img></li>
<li><img src="images/banner5.jpg"></img></li>
</ul>
</div>
<div class="box-2">
<ul>
</ul>
</div>
</div>
</div>
</div>
<div class="content">
<div class="clear"></div>
<div class="bar"><strong>热门景区</strong> </div>
<div class="pics scrollleft">
<ul>
<li> <b><img src="images/a1.jpg" /></b>
<h3><a href="info.html">故宫博物馆</a></h3>
<p> 北京故宫博物院建立于1925年10月10日，位于故宫博物院北京故宫即紫禁城内。是在明朝、清朝两代皇宫及其收藏的基础上建立起来的中国综合性博物馆，也是中国最大的古代文化艺术博物馆。 </p>
</li>
<li> <b><img src="images/a2.jpg" /></b>
<h3><a href="info.html">颐和园</a></h3>
<p> 颐和园位于中国北京市西北海淀区，占地290公顷（合4400亩），是一座巨大的皇家园林和清朝的行宫。修建于清朝乾隆年间、重建于光绪年间，曾属于清朝北京西郊三山五园之一。</p>
</li>
<li> <b><img src="images/a3.jpg" /></b>
<h3><a href="info.html">平遥古城</a></h3>
<p> 位于山西中部平遥县内，是一座具有2700多年历史的文化名城，与同为第二批国家历史文化名城的四川阆中、云南丽江、安徽歙县并称为“保存最为完好的四大古城”</p>
</li>
<li> <b><img src="images/a4.jpg" /></b>
<h3><a href="info.html">长白山</a></h3>
<p> 长白山犹如一条鳞光闪烁的巨龙，巍峨磅礴，横卧天际。是我国与五岳齐名、名光秀丽、景色迷人的关东第一山，因其主峰白头山多白色浮石与积雪而得名，素有"千年积雪为年松，直上人间第一峰"的美誉。</p>
</li>
<li> <b><img src="images/a5.jpg" /></b>
<h3><a href="info.html">庐山</a></h3>
<p> 庐山以雄、奇、险、秀闻名于世，素有“匡庐奇秀甲天下”之美誉。巍峨挺拔的青峰秀峦、喷雪鸣雷的银泉飞瀑、瞬息万变的云海奇观、俊奇巧秀的园林建筑，一展庐山的无穷魅力。</p>
</li>
<li> <b><img src="images/a6.jpeg" /></b>
<h3><a href="info.html">五台山 </a></h3>
<p> 中国佛教及旅游胜地之一。与四川峨嵋山、安徽九华山、浙江普陀山共称“中国佛教四大名山”。与尼泊尔蓝毗尼花园、印度鹿野苑、菩提伽耶、拘尸那迦并称为世界五大佛教圣地</p>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="ad"><img src="images/ad.jpg" width="100%"></div>
<div class="bar"><strong>摄影美图 </strong></div>
<div id="div1">
<ul id="ul">
<li class="li"><img src="images/1.jpg"></li>
<li class="li"><img src="images/2.jpg"></li>
<li class="li"><img src="images/3.jpg"></li>
<li class="li"><img src="images/4.jpg"></li>
<li class="li"><img src="images/5.jpg"></li>
<li class="li"><img src="images/6.jpg"></li>
<li class="li"><img src="images/7.jpg"></li>
<li class="li"><img src="images/8.jpg"></li>
<li class="li"><img src="images/9.jpg"></li>
</ul>
</div>
<div class="clear"></div>
</div>
<footer class="end">
<p>xxx版权所有</p>
<p>本地时间：<span id="localtime"><font color="#000000">2021-12-11 16:17:22 星期六</font></span></p>
</footer>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/gundong.js"></script>
<script type="text/javascript" src="js/time.js"></script>
</body>
</html>
The more you learn, the more confused you become
It's normal to feel this way, because you haven't really been in the company, and you don't know how much you need to learn to be competent for the work assigned to you in the company. I can see from your statement that your foundation should still be very solid. There is definitely no problem following the full set of video tutorials on the Internet.
When you actually enter the company in the future and find that the difficulty and amount of work are only about 20% of your study period, you may sigh: So the work is nothing more than that.
This is normal, because most companies recruit you to work and write business, not to let you be a newcomer to develop the company structure. They are all ready-made things, what you have to do is to add bricks and tiles under the guidance of others and direct them hand in hand. At that time, I am afraid you will exclaim: This is it?
So, relax and enjoy your college time
—————————————————
learn more
Follow me | Like blog posts | Take you to increase your knowledge every day
