Open Platform (website) front-end development preparation

Source: Internet
Author: User

Open Platform (website) front-end development preparation

According to the approximate Memory Open platform (website) mainly about four kinds of page style (homepage, channel page, play page, other page)

a home can be divided into several functional points for the development of sub-block people such as:

    1. Site's head+ search box and logic (public)
    2. Site footer+ return top and QR code logic (public)
    3. Site navigation (left sidebar) (public)
    4. The subject content of the website can be divided into several modules:

1.1 Long video Modules – compatible with various long video types + also note HTML structure and seed binding (public)

1.2 Small video Module (public)

    1. Focus Map
    2. Sign in and register (public)
    3. Upload Video (public)

two Channel page Basically the accumulation of various modules to develop the above modules, will be more effective

three Play page partitioning feature points:

    1. Bread Snow (public)
    2. Playlist to the right of the player

1.1 Subscribe

1.2 Tab (public)

1.3 Scroll bar (public)

    1. Top Tread
    2. Third-party sharing and login (public)
    3. Comments (public)
    4. Media Details
    5. Video Testimonials

Four Adaptive Layout (public)

Five website Graceful downgrade with progressive enhancement (advanced browser can use CSS3 some effects, low-end browsing just guarantee the functionality and basic style without problems)

Six of the website View The code catalog also needs to be sorted

Seven code each other, do not mean to point out other people's mistakes, you should be willing to accept other people to tell you the problem, so as to help each other progress.

The above are personal ideas, if there are questions to enlighten, thank you!

Open Platform (website) front-end development preparation

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.