Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

Front end development of webpage

via XuetangX

Go to class Write review
Coursera Ad

Get Coursera Plus for 40% off

Learn More → Corporate Finance Institute Ad

Master Finance Tools - 35% Off CFI (Code CFI35)

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it





Web front-end development technology is used for PC-side, mobile web pages, mobile APPs, and WeChat mini-programs, and other cross-platform applications. This course is an introductory lecture for students with no foundation. It gradually and easily introduces how to use HTML5 and CSS3 for web front-end development methods and skills. The content covers the content of the 1+X Web Front-end Development Professional Skills Registration Certificate (Primary Level). At the same time, it enhances the ability of web front-end development through practical development projects.



Syllabus

  • Chapter 1 HTML Basics
    • 1-1 HTML Overview
    • 1-2 Common Browsers and Kernels
    • 1-3 Web Standards
    • 1-4 HTML Syntax Specifications
    • 1-5 HTML Basic Structure Tags
    • 1-6 THE ROLE OF DOCTYPE AND CHARACTER SETS
  • Chapter 2 Text Tags
    • 2-1 HTML Basics
    • 2-2 Title Tags
    • 2-3 Text-Paragraph and Line Break Tags
    • 2-4 Text-Text Formatting Labels
    • 2-5 Text-Other Commonly Used Labels
  • Chapter 3 Images and Hyperlinks
    • 3-1 Adding Images
    • 3-2 Setting Image Properties
    • 3-3 Addition of link tags and types of hyperlinks
    • 3-4 Anchor Links
    • 3-5 Hyperlinks to Images
  • Chapter 4 CSS Overview
    • 4-1-1 CSS Introduction
    • 4-1-2 How to Introduce CSS
    • 4-2-1 Markup Selectors and Wildcards
    • 4-2-2 Class Selectors
    • 4-2-3 id selectors
    • 4-3-1 Text font, font size, and weight settings
    • 4-3-2 Font Style, Font Compound Attributes
    • 4-3-3 Text Appearance Styling
    • 4-3-4 Background Styling
    • 4-4-1 Descendant Selector
    • 4-4-2 Sub-Selectors and Union Selectors
    • 4-4-3 Pseudo-Class Selectors
    • 4-5 CSS Styles
  • Chapter 5 Box Model
    • 5-1-1 Border Attributes
    • 5-1-2 Properties of the Box Model - Padding
    • 5-1-3 Width and Height Attributes
    • 5-2 Types and Transformations of Elements
    • 5-3 div and span tags
    • 5-4 Block Elements
  • Chapter 6 List
    • 6-1 Marking of Lists
    • 6-2 CSS Properties of Lists
    • 6-3 Floating Properties of CSS
    • 6-4 Use lists to make a simple navigation bar
    • 6-5 CSS Positioning Properties
    • 6-6 Creation of Graphic Sidebar
    • 6-7 Use lists to make secondary menus
  • Chapter 7 Form
    • 7-1 Input Marker 1 (Single-line text box, password box)
    • 7-2 Input Marker 2 (File Fields and Hidden Fields)
    • 7-3 Input Tags 3 (Text Fields and List Drop-Down Lists)
    • 7-4 Examples of forms on the registration page
    • 7-5 CSS Attributes of Form Elements
  • Chapter 8 Multimedia
    • 8-1 Multimedia Briefing
    • 8-2 Basic Properties of Multimedia Elements
  • Final exam

    Taught by

    Shenyang Information Engineering School

    Reviews

    Start your review of Front end development of webpage

    Go to class

    Never Stop Learning.

    Get personalized course recommendations, track subjects and courses with reminders, and more.

    Sign up for free
    Someone learning on their laptop while sitting on the floor.