20-hour Master website Development (free boutique HTMLCSS video tutorial)

Source: Internet
Author: User

Oneself recently developed a set of new htmlcss tutorials, and carried out the teaching implementation, video tutorial Baidu cloud download link as follows:

Video and Case source

This tutorial video needs to install the screen recorder expert software to watch, the screen video experts are as follows:

Screen Recorder expert

The goal of this set of tutorials is to make it possible for anyone with a junior high school degree or above to start a Web page in a short period of time (20 hours).

Highlights of this set of tutorials are as follows:
Case design, a full set of tutorial goals around the production of a second-hand-book Mall home expansion.
Have road network

The main page of the mall is decomposed into various modules, throughout the entire tutorial chapters, the last chapter of the comprehensive Combat module layout as a whole, so that students can learn the various web page development skills.

This set of tutorial resources exhaustive, all the case source code decompression Htmlcssexamplenew-master.zip file can be found.

After learning the box model chapters, we can master the road network home, the following several modules of the local layout:

There are road network right blackboard

There are books on the left of the road

With the top navigation of the road network

After learning the positioning chapters, we can master the home network, the following several modules of the local layout:

There are road network home carousel diagram


After learning the floating chapters, we can master the homepage of the road network, the following several modules of the local layout:

Create a horizontal navigation menu for road network

Make a network search bar

Make a recommended book page for road network

Make a recent hot List of road network

In the final chapter, we first make the overall layout, and then integrate the modules developed by each chapter.

This set of tutorials is divided into 8 chapters, teaching notes are as follows:
HTML Common Tags
First knowledge of CSS
CSS text styles
Box model
Forms and Forms
Positioning
Floating
Comprehensive combat

20-hour Master website Development (free boutique HTMLCSS video tutorial)

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.