Ideal video tutorial website front-end page video tutorial-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

Ideal video tutorial website front-end page video tutorial

"Video tutorial on the front-end page of Ideal Video Tutorial Network"

Advanced

Front-end page

Ideal Video Tutorial Network

Video tutorial

434281 person learning

231class hour

05 hours 37 minutes 12 secondsTotal course duration

2023-05-22update

巴扎黑

Gold lecturer

A total of 121 courses Student116426 Lecturer rating5.1

More>>

Course Introduction Course Outline Other Courses

You will learn：

"Video tutorial on the front-end page of Ideal Video Tutorial Network"

Ideal video tutorial website front-end page video tutorial

Chapter1 html and xhtml
expand retract

Section1 HTML structure
duration： 04 minutes 00 seconds

Section2 HTML syntax
duration： 09 minutes 48 seconds

Section3 HTML tags
duration： 17 minutes 13 seconds

Section4 HTML attributes
duration： 11 minutes 29 seconds

Section5 XHTML structure
duration： 06 minutes 49 seconds

Section6 XHTML type
duration： 05 minutes 08 seconds

Section7 DTD analysis
duration： 06 minutes 13 seconds

Section8 namespace
duration： 03 minutes 46 seconds
Chapter2 html5 introduction
expand retract

Section1 HTML5 syntax
duration： 13 minutes 02 seconds

Section2 HTML5 elements
duration： 15 minutes 12 seconds

Section3 HTML5 attributes
duration： 06 minutes 30 seconds

Section4 HTML5 global attributes
duration： 07 minutes 57 seconds

Section5 HTML5 other features
duration： 11 minutes 05 seconds

Section6 Understand HTML5 document structure
duration： 11 minutes 02 seconds

Section7 HTML5 element classification
duration：In calculation

Section8 Identify articles
duration： 05 minutes 10 seconds

Section9 Segment content
duration：In calculation

Section10 Design navigation information
duration： 05 minutes 50 seconds

Section11 Design support information
duration： 03 minutes 36 seconds

Section12 Design microformats
duration：In calculation

Section13 Add release date
duration：In calculation

Section14 Add title block
duration： 01 minutes 58 seconds

Section15 Group titles
duration：In calculation

Section16 Add footnote block
duration：In calculation

Section17 Add contact information
duration：In calculation

Section18 design outline
duration：In calculation

Section19 design style
duration：In calculation
Chapter3 Example application
expand retract

Section1 Email type applications
duration： 03 minutes 45 seconds

Section2 url type application
duration： 02 minutes 46 seconds

Section3 Number type applications
duration：In calculation

Section4 Range type applications
duration： 02 minutes 32 seconds

Section5 Date checker type application
duration：In calculation

Section6 search type applications
duration：In calculation

Section7 tel type application
duration：In calculation

Section8 color type applications
duration：In calculation
Chapter4 New content
expand retract

Section1 New autocomplete attribute
duration：In calculation

Section2 New autofocus attribute
duration： 05 minutes 04 seconds

Section3 New form attribute
duration：In calculation

Section4 New form override properties
duration：In calculation

Section5 New height and width attributes
duration： 01 minutes 48 seconds

Section6 New list attribute
duration：In calculation

Section7 New min, max and step attributes
duration：In calculation

Section8 New multiple attribute
duration：In calculation

Section9 New pattern attribute
duration：In calculation

Section10 New placeholder attribute
duration：In calculation

Section11 New required attribute
duration：In calculation

Section12 New datalist element
duration：In calculation

Section13 New keygen element
duration：In calculation

Section14 New output element
duration：In calculation

Section15 New autocomplete attribute
duration： 00 minutes 58 seconds

Section16 New novalidate attribute
duration： 01 minutes 28 seconds
Chapter5 canvas drawing
expand retract

Section1 Add canvas element to page
duration： 02 minutes 33 seconds

Section2 How Canvas draws graphics
duration： 06 minutes 14 seconds

Section3 Understanding Canvas coordinates
duration：In calculation

Section4 When not to use Canvas
duration：In calculation

Section5 If the browser does not support Canvas
duration：In calculation

Section6 Check browser support
duration：In calculation

Section7 Draw a straight line
duration： 02 minutes 34 seconds

Section8 Draw a rectangle
duration：In calculation

Section9 Draw a circle
duration：In calculation

Section10 draw triangle
duration： 03 minutes 08 seconds

Section11 Clear canvas
duration：In calculation

Section12 Draw a quadratic Bezier curve
duration：In calculation

Section13 Draw cubic Bezier curve
duration：In calculation

Section14 Save and restore Canvas state
duration：In calculation

Section15 Move coordinate space
duration：In calculation

Section16 Rotate coordinate space
duration：In calculation

Section17 Rotate coordinate space
duration：In calculation

Section18 Zoom graphics
duration：In calculation

Section19 matrix transformation
duration：In calculation

Section20 combination of graphics
duration： 04 minutes 55 seconds

Section21 clipping path
duration：In calculation

Section22 Apply different line styles
duration：In calculation

Section23 Draw a linear gradient
duration：In calculation

Section24 Draw a radial gradient
duration：In calculation

Section25 draw patterns
duration：In calculation

Section26 Set the transparency of graphics
duration：In calculation

Section27 Create shadow
duration：In calculation

Section28 Draw filler text
duration：In calculation

Section29 Draw outline text
duration：In calculation

Section30 Measure text width
duration：In calculation

Section31 Import images into Canvas
duration：In calculation

Section32 Change image size
duration：In calculation

Section33 Create image slices
duration： 07 minutes 04 seconds
Chapter6 audio and video
expand retract

Section1 Detect audio format support with JavaScript
duration： 04 minutes 20 seconds

Section2 Detect video format support with JavaScript
duration： 03 minutes 38 seconds

Section3 Understand audio elements
duration： 02 minutes 28 seconds

Section4 Play audio
duration： 05 minutes 22 seconds

Section5 Understanding video elements
duration： 01 minutes 12 seconds

Section6 play video
duration： 06 minutes 11 seconds

Section7 Audio and video related properties
duration：In calculation

Section8 Audio and video related methods
duration： 08 minutes 58 seconds

Section9 Audio and video related methods
duration：In calculation

Section10 Audio and video related events
duration：In calculation

Section11 Control music playback with script
duration：In calculation

Section12 View video frames
duration：In calculation
Chapter7 Web browser application
expand retract

Section1 Check browser support
duration： 06 minutes 32 seconds

Section2 Set and get data
duration：In calculation

Section3 Prevent data leakage
duration：In calculation

Section4 Other uses of Web Storage
duration： 02 minutes 25 seconds

Section5 Web Storage event monitoring
duration： 03 minutes 37 seconds

Section6 Example 1: Design web skin
duration：In calculation

Section7 Example 2: Tracking localStorage data
duration： 05 minutes 48 seconds

Section8 Example 3: Design counter
duration：In calculation

Section9 Comprehensive application: real-time tracking of web application projects
duration： 08 minutes 56 seconds

Section10 Using a Web SQL database
duration：In calculation

Section11 Example 1: Create a simple local database
duration： 05 minutes 56 seconds

Section12 Example 2: Store local data in batches
duration：In calculation

Section13 Comprehensive application: mixed development of Web Storage and Web SQL
duration：In calculation

Section14 Practical Combat 1: Caching the Home Page
duration：In calculation

Section15 Practical combat 2: Edit content offline
duration：In calculation

Section16 Practical Combat 3: Offline Tracking
duration：In calculation

Section17 Check browser support
duration：In calculation

Section18 Create Web Workers
duration：In calculation

Section19 Communicate with Web Workers
duration：In calculation

Section20 Hands-on practice using Web Workers
duration：In calculation
Chapter8 Multi-threaded application
expand retract

Section1 Use multi-threading to implement background operations
duration：In calculation

Section2 Filter values in the background
duration：In calculation

Section3 Multi-tasking concurrent processing
duration：In calculation

Section4 Communicate between multiple threads
duration：In calculation

Section5 Calculate Fibonacci series using threading technology
duration：In calculation

Section6 Using multithreading for drawing
duration：In calculation

Section7 Write application main page
duration： 03 minutes 13 seconds

Section8 Writing Worker js
duration：In calculation

Section9 Communicate with Web Workers
duration： 04 minutes 15 seconds
Chapter9 Detailed explanation of CSS3 knowledge points
expand retract

Section1 Overview of CSS1.0 and CSS2.0
duration：In calculation

Section2 The relationship between CSS and DIV tags
duration： 05 minutes 15 seconds

Section3 CSS coding standards
duration： 07 minutes 57 seconds

Section4 attribute selector
duration： 05 minutes 15 seconds

Section5 RGBA transparency
duration：In calculation

Section6 multi-column layout
duration：In calculation

Section7 Multiple background images
duration： 01 minutes 54 seconds

Section8 String overflow
duration：In calculation

Section9 Block shadows and rounded shadows
duration：In calculation

Section10 rounded corners
duration：In calculation

Section11 Border picture
duration：In calculation

Section12 deformation
duration：In calculation

Section13 Application scope of CSS 3
duration：In calculation

Section14 Browsers that currently support CSS 3
duration：In calculation

Section15 Case practice: Design beautiful forms
duration：In calculation

Section16 Understanding attribute selectors
duration：In calculation

Section17 Case practice
duration：In calculation

Section18 Understanding structural pseudo-class selectors
duration：In calculation

Section19 Case practice
duration：In calculation

Section20 Understand common UI pseudo-class selectors
duration：In calculation

Section21 Case practice
duration：In calculation

Section22 Other selectors
duration：In calculation

Section23 Define text-shadow property
duration：In calculation

Section24 Apply shadow effect
duration：In calculation

Section25 Comprehensive practice: designing the homepage of a hacker website
duration： 05 minutes 49 seconds

Section26 overflow text
duration：In calculation

Section27 text wrap
duration：In calculation

Section28 Use RGBA color values
duration：In calculation

Section29 Use HSL color values
duration：In calculation

Section30 Use HSLA color values
duration：In calculation

Section31 Define opacity attribute
duration：In calculation

Section32 Define transparent color value
duration：In calculation

Section33 Detailed usage explanation
duration：In calculation

Section34 Case practice
duration： 01 minutes 04 seconds

Section35 Detailed usage explanation
duration：In calculation

Section36 Case practice
duration：In calculation

Section37 Detailed usage explanation
duration：In calculation

Section38 Case practice: Designing elliptical graphics
duration：In calculation

Section39 Detailed usage explanation
duration：In calculation

Section40 Case practice: Designing the interface effect of Windows 7
duration：In calculation

Section41 Define background coordinates
duration：In calculation

Section42 Define background cropping area
duration：In calculation

Section43 Define background image size
duration：In calculation

Section44 Define how the background image loops
duration：In calculation

Section45 Define multiple background images
duration：In calculation

Section46 Get to know transform
duration： 04 minutes 26 seconds

Section47 Rotation animation
duration：In calculation

Section48 Zoom animation
duration：In calculation

Section49 moving animation
duration：In calculation

Section50 Tilt animation
duration：In calculation

Section51 Transform animation
duration：In calculation

Section52 Case practice: Designing a graffiti wall
duration：In calculation

Section53 Custom transformation
duration：In calculation

Section54 Define complex deformations
duration：In calculation

Section55 Define transition properties
duration：In calculation

Section56 Define transition time
duration：In calculation

Section57 Define transition delay time
duration：In calculation

Section58 Define transition effects
duration：In calculation

Section59 Case practice: Designing OS Navigator
duration：In calculation

Section60 Case practice: Designing picture flipping effects
duration：In calculation

Section61 Designing Webkit Gradient
duration：In calculation

Section62 Webkit case practice
duration：In calculation

Section63 Designing Webkit Gradient
duration：In calculation

Section64 Webkit case practice
duration：In calculation

Section65 Design Gecko Gradient
duration：In calculation

Section66 Gecko case practice
duration：In calculation

Section67 Designing IE Gradient
duration：In calculation

Section68 Designing W3C Gradient
duration：In calculation

Section69 Design gift box
duration：In calculation

Section70 Design folding panels
duration：In calculation

Section71 design can
duration：In calculation

Section72 Design disc sliding animation
duration：In calculation

Section73 Design drop-down menu
duration：In calculation

Section74 Exquisitely designed buttons
duration：In calculation
Chapter10 layout
expand retract

Section1 Design a multi-column layout
duration： 03 minutes 16 seconds

Section2 Define column width
duration： 01 minutes 29 seconds

Section3 Define the number of columns
duration： 01 minutes 08 seconds

Section4 Define column spacing
duration： 01 minutes 07 seconds

Section5 Define column border style
duration： 02 minutes 19 seconds

Section6 Define display across columns
duration： 01 minutes 45 seconds

Section7 Define column height
duration： 01 minutes 49 seconds

Section8 Design box layout
duration： 04 minutes 53 seconds

Section9 Define adaptive width ok
duration： 04 minutes 08 seconds

Section10 Define column display order
duration： 01 minutes 48 seconds

Section11 Define column arrangement direction
duration： 01 minutes 13 seconds

Section12 Define module size adaptation
duration： 03 minutes 05 seconds

Section13 Eliminate white space
duration： 04 minutes 03 seconds

Section14 Define alignment
duration：In calculation

Section15 Comprehensive practice: designing multi-column web pages
duration： 05 minutes 19 seconds

Section16 Change the way the box model is composed
duration：In calculation

Section17 Adjust element size
duration：In calculation

Section18 Define outline
duration：In calculation

Section19 Define contour displacement
duration：In calculation

Section20 Define navigation order
duration：In calculation

Section21 Define the direction key control sequence
duration：In calculation

Section22 Add display content
duration：In calculation

Section23 Cancel element style
duration：In calculation

Section24 Be careful when using initial
duration：In calculation

Section25 Overflow handling
duration：In calculation

Section26 Use @font-face rules
duration：In calculation

Section27 Meet the Media Queries module
duration：In calculation

Section28 Know the @media rules
duration：In calculation

Section29 Use @media rules
duration：In calculation

Section30 Apply @media rules to your site
duration：In calculation

Section31 Add voice function
duration：In calculation

Section32 design reflection
duration： 04 minutes 42 seconds

巴扎黑 Lecturer Other Courses

AdvancedHan Shunping 2016 Latest HTML Advanced Video Tutorial

26900
Collection
IntermediateChuanzhi Podcast Zhang Peng takes you to hold the html+css video tutorial for a week

53780
Collection
AdvancedHan Shunping 2016 latest div css advanced video tutorial

43589
Collection
IntermediateHan Shunping's latest div css basic video tutorial in 2016

50702
Collection
ElementaryHan Shunping 2016 latest HTML basic video tutorial

40950
Collection
IntermediateChuanzhi Podcast and Dark Horse web front-end development basic environment configuration video tutorial

23903
Collection
AdvancedIdeal video tutorial website front-end page video tutorial

434281
Collection
ElementaryHTML/CSS 5-hour basic introductory tutorial

187737
Collection
AdvancedDark Horse Programmer HTML Video Tutorial

92084
Collection
ElementaryChuanzhi Podcast CSS Basics Video Tutorial

44202
Collection
AdvancedDark Horse Programmer CSS Video Tutorial

124055
Collection
IntermediateVideo tutorial to teach you HTML5 and CSS3 in 7 days

43152
Collection

Start Learning

This course includes：

05 hours 37 minutes 12 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>