Web front-end development technology
description of web design theme, DIV+CSS layout production, HTML+CSS web design final course assignment, music web design | Imitation of NetEase Cloud Music | major music official website webpages | star music concert theme | jazz music | Music| and other website design and production|HTML webpage design assignment for final college students

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
Basic structure of web page
web demo
- HTML structure code
The more you learn, the more confused you become
learn more

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

insert image description here

HTML structure code



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我为音乐狂</title>
<link rel="stylesheet" type="text/css" href="index.css" >

</head>
<body bgcolor="#e9ebec">


<!--顶部开始-->
<div class="ding_bg">
  <div class="ding"><img src="images/ding.jpg"></div>
</div>
<!--顶部结束--> 
<!--导航开始-->
<div class="nav_bg">
  <div class="nav">
    <p><a href="index.html" >首页</a>　　<a href="list.html" >歌手</a>　　<a href="yinyue1.html" >流行乐坛</a>　　<a href="yinyue2.html" >排行榜</a>　　<a href="yinyue3.html" >mv</a>　</p>
  </div>
</div>
<!--导航结束--> 
<!--页面开始-->
<div class="page">
  <div class="hSpace10"></div>
  
  <!--内容开始-->
  <div class="content_bg">
    <div class="content_bot">
      <div class="content_top">
        <div class="content"> 
          
          <img src="images/2740074_114722573124_2.jpg" width="1000">
          <div class="clearit"></div>
          <div class="hSpace10"></div>
          <div class="hSpace10"></div>
        </div>
      </div>
    </div>
  </div>
  <!--内容结束-->
  
  <div class="foot">
  
    <div class="footB">
      <p>我为音乐狂</p>
      
    </div>
    <div class="clearit"></div>
  </div>
</div>
<!--页面结束-->

</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 knowledge every day
Related issues can learn from each other, you can pay attention to ↓ public Z number