Ideal video tutorial website front-end page video tutorial
"Video tutorial on the front-end page of Ideal Video Tutorial Network"
508682
person learning
231
class hour
2023-05-22
update time
05 Hours37 minutes12 seconds
Total course duration
You will learn
"Video tutorial on the front-end page of Ideal Video Tutorial Network"
Ideal video tutorial website front-end page video tutorial
Section1 HTML structure
04 minutes00 seconds
Section2 HTML syntax
09 minutes48 seconds
Section3 HTML tags
17 minutes13 seconds
Section4 HTML attributes
11 minutes29 seconds
Section5 XHTML structure
06 minutes49 seconds
Section6 XHTML type
05 minutes08 seconds
Section7 DTD analysis
06 minutes13 seconds
Section8 namespace
03 minutes46 seconds
Chapter1 html and xhtml
Section1 HTML5 syntax
13 minutes02 seconds
Section2 HTML5 elements
15 minutes12 seconds
Section3 HTML5 attributes
06 minutes30 seconds
Section4 HTML5 global attributes
07 minutes57 seconds
Section5 HTML5 other features
11 minutes05 seconds
Section6 Understand HTML5 document structure
11 minutes02 seconds
Section7 HTML5 element classification
In calculation
Section8 Identify articles
05 minutes10 seconds
Section9 Segment content
In calculation
Section10 Design navigation information
05 minutes50 seconds
Section11 Design support information
03 minutes36 seconds
Section12 Design microformats
In calculation
Section13 Add release date
In calculation
Section14 Add title block
01 minutes58 seconds
Section15 Group titles
In calculation
Section16 Add footnote block
In calculation
Section17 Add contact information
In calculation
Section18 design outline
In calculation
Section19 design style
In calculation
Chapter2 html5 introduction
Section1 Email type applications
03 minutes45 seconds
Section2 url type application
02 minutes46 seconds
Section3 Number type applications
In calculation
Section4 Range type applications
02 minutes32 seconds
Section5 Date checker type application
In calculation
Section6 search type applications
In calculation
Section7 tel type application
In calculation
Section8 color type applications
In calculation
Chapter3 Example application
Section1 New autocomplete attribute
In calculation
Section2 New autofocus attribute
05 minutes04 seconds
Section3 New form attribute
In calculation
Section4 New form override properties
In calculation
Section5 New height and width attributes
01 minutes48 seconds
Section6 New list attribute
In calculation
Section7 New min, max and step attributes
In calculation
Section8 New multiple attribute
In calculation
Section9 New pattern attribute
In calculation
Section10 New placeholder attribute
In calculation
Section11 New required attribute
In calculation
Section12 New datalist element
In calculation
Section13 New keygen element
In calculation
Section14 New output element
In calculation
Section15 New autocomplete attribute
00 minutes58 seconds
Section16 New novalidate attribute
01 minutes28 seconds
Chapter4 New content
Section1 Add canvas element to page
02 minutes33 seconds
Section2 How Canvas draws graphics
06 minutes14 seconds
Section3 Understanding Canvas coordinates
In calculation
Section4 When not to use Canvas
In calculation
Section5 If the browser does not support Canvas
In calculation
Section6 Check browser support
In calculation
Section7 Draw a straight line
02 minutes34 seconds
Section8 Draw a rectangle
In calculation
Section9 Draw a circle
In calculation
Section10 draw triangle
03 minutes08 seconds
Section11 Clear canvas
In calculation
Section12 Draw a quadratic Bezier curve
In calculation
Section13 Draw cubic Bezier curve
In calculation
Section14 Save and restore Canvas state
In calculation
Section15 Move coordinate space
In calculation
Section16 Rotate coordinate space
In calculation
Section17 Rotate coordinate space
In calculation
Section18 Zoom graphics
In calculation
Section19 matrix transformation
In calculation
Section20 combination of graphics
04 minutes55 seconds
Section21 clipping path
In calculation
Section22 Apply different line styles
In calculation
Section23 Draw a linear gradient
In calculation
Section24 Draw a radial gradient
In calculation
Section25 draw patterns
In calculation
Section26 Set the transparency of graphics
In calculation
Section27 Create shadow
In calculation
Section28 Draw filler text
In calculation
Section29 Draw outline text
In calculation
Section30 Measure text width
In calculation
Section31 Import images into Canvas
In calculation
Section32 Change image size
In calculation
Section33 Create image slices
07 minutes04 seconds
Chapter5 canvas drawing
Section1 Detect audio format support with JavaScript
04 minutes20 seconds
Section2 Detect video format support with JavaScript
03 minutes38 seconds
Section3 Understand audio elements
02 minutes28 seconds
Section4 Play audio
05 minutes22 seconds
Section5 Understanding video elements
01 minutes12 seconds
Section6 play video
06 minutes11 seconds
Section7 Audio and video related properties
In calculation
Section8 Audio and video related methods
08 minutes58 seconds
Section9 Audio and video related methods
In calculation
Section10 Audio and video related events
In calculation
Section11 Control music playback with script
In calculation
Section12 View video frames
In calculation
Chapter6 audio and video
Section1 Check browser support
06 minutes32 seconds
Section2 Set and get data
In calculation
Section3 Prevent data leakage
In calculation
Section4 Other uses of Web Storage
02 minutes25 seconds
Section5 Web Storage event monitoring
03 minutes37 seconds
Section6 Example 1: Design web skin
In calculation
Section7 Example 2: Tracking localStorage data
05 minutes48 seconds
Section8 Example 3: Design counter
In calculation
Section9 Comprehensive application: real-time tracking of web application projects
08 minutes56 seconds
Section10 Using a Web SQL database
In calculation
Section11 Example 1: Create a simple local database
05 minutes56 seconds
Section12 Example 2: Store local data in batches
In calculation
Section13 Comprehensive application: mixed development of Web Storage and Web SQL
In calculation
Section14 Practical Combat 1: Caching the Home Page
In calculation
Section15 Practical combat 2: Edit content offline
In calculation
Section16 Practical Combat 3: Offline Tracking
In calculation
Section17 Check browser support
In calculation
Section18 Create Web Workers
In calculation
Section19 Communicate with Web Workers
In calculation
Section20 Hands-on practice using Web Workers
In calculation
Chapter7 Web browser application
Section1 Use multi-threading to implement background operations
In calculation
Section2 Filter values in the background
In calculation
Section3 Multi-tasking concurrent processing
In calculation
Section4 Communicate between multiple threads
In calculation
Section5 Calculate Fibonacci series using threading technology
In calculation
Section6 Using multithreading for drawing
In calculation
Section7 Write application main page
03 minutes13 seconds
Section8 Writing Worker js
In calculation
Section9 Communicate with Web Workers
04 minutes15 seconds
Chapter8 Multi-threaded application
Section1 Overview of CSS1.0 and CSS2.0
In calculation
Section2 The relationship between CSS and DIV tags
05 minutes15 seconds
Section3 CSS coding standards
07 minutes57 seconds
Section4 attribute selector
05 minutes15 seconds
Section5 RGBA transparency
In calculation
Section6 multi-column layout
In calculation
Section7 Multiple background images
01 minutes54 seconds
Section8 String overflow
In calculation
Section9 Block shadows and rounded shadows
In calculation
Section10 rounded corners
In calculation
Section11 Border picture
In calculation
Section12 deformation
In calculation
Section13 Application scope of CSS 3
In calculation
Section14 Browsers that currently support CSS 3
In calculation
Section15 Case practice: Design beautiful forms
In calculation
Section16 Understanding attribute selectors
In calculation
Section17 Case practice
In calculation
Section18 Understanding structural pseudo-class selectors
In calculation
Section19 Case practice
In calculation
Section20 Understand common UI pseudo-class selectors
In calculation
Section21 Case practice
In calculation
Section22 Other selectors
In calculation
Section23 Define text-shadow property
In calculation
Section24 Apply shadow effect
In calculation
Section25 Comprehensive practice: designing the homepage of a hacker website
05 minutes49 seconds
Section26 overflow text
In calculation
Section27 text wrap
In calculation
Section28 Use RGBA color values
In calculation
Section29 Use HSL color values
In calculation
Section30 Use HSLA color values
In calculation
Section31 Define opacity attribute
In calculation
Section32 Define transparent color value
In calculation
Section33 Detailed usage explanation
In calculation
Section34 Case practice
01 minutes04 seconds
Section35 Detailed usage explanation
In calculation
Section36 Case practice
In calculation
Section37 Detailed usage explanation
In calculation
Section38 Case practice: Designing elliptical graphics
In calculation
Section39 Detailed usage explanation
In calculation
Section40 Case practice: Designing the interface effect of Windows 7
In calculation
Section41 Define background coordinates
In calculation
Section42 Define background cropping area
In calculation
Section43 Define background image size
In calculation
Section44 Define how the background image loops
In calculation
Section45 Define multiple background images
In calculation
Section46 Get to know transform
04 minutes26 seconds
Section47 Rotation animation
In calculation
Section48 Zoom animation
In calculation
Section49 moving animation
In calculation
Section50 Tilt animation
In calculation
Section51 Transform animation
In calculation
Section52 Case practice: Designing a graffiti wall
In calculation
Section53 Custom transformation
In calculation
Section54 Define complex deformations
In calculation
Section55 Define transition properties
In calculation
Section56 Define transition time
In calculation
Section57 Define transition delay time
In calculation
Section58 Define transition effects
In calculation
Section59 Case practice: Designing OS Navigator
In calculation
Section60 Case practice: Designing picture flipping effects
In calculation
Section61 Designing Webkit Gradient
In calculation
Section62 Webkit case practice
In calculation
Section63 Designing Webkit Gradient
In calculation
Section64 Webkit case practice
In calculation
Section65 Design Gecko Gradient
In calculation
Section66 Gecko case practice
In calculation
Section67 Designing IE Gradient
In calculation
Section68 Designing W3C Gradient
In calculation
Section69 Design gift box
In calculation
Section70 Design folding panels
In calculation
Section71 design can
In calculation
Section72 Design disc sliding animation
In calculation
Section73 Design drop-down menu
In calculation
Section74 Exquisitely designed buttons
In calculation
Chapter9 Detailed explanation of CSS3 knowledge points
Section1 Design a multi-column layout
03 minutes16 seconds
Section2 Define column width
01 minutes29 seconds
Section3 Define the number of columns
01 minutes08 seconds
Section4 Define column spacing
01 minutes07 seconds
Section5 Define column border style
02 minutes19 seconds
Section6 Define display across columns
01 minutes45 seconds
Section7 Define column height
01 minutes49 seconds
Section8 Design box layout
04 minutes53 seconds
Section9 Define adaptive width ok
04 minutes08 seconds
Section10 Define column display order
01 minutes48 seconds
Section11 Define column arrangement direction
01 minutes13 seconds
Section12 Define module size adaptation
03 minutes05 seconds
Section13 Eliminate white space
04 minutes03 seconds
Section14 Define alignment
In calculation
Section15 Comprehensive practice: designing multi-column web pages
05 minutes19 seconds
Section16 Change the way the box model is composed
In calculation
Section17 Adjust element size
In calculation
Section18 Define outline
In calculation
Section19 Define contour displacement
In calculation
Section20 Define navigation order
In calculation
Section21 Define the direction key control sequence
In calculation
Section22 Add display content
In calculation
Section23 Cancel element style
In calculation
Section24 Be careful when using initial
In calculation
Section25 Overflow handling
In calculation
Section26 Use @font-face rules
In calculation
Section27 Meet the Media Queries module
In calculation
Section28 Know the @media rules
In calculation
Section29 Use @media rules
In calculation
Section30 Apply @media rules to your site
In calculation
Section31 Add voice function
In calculation
Section32 design reflection
04 minutes42 seconds
Chapter10 layout
Data Name
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
巴扎黑 Lecturer Other Courses
Free
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982557
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546667
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003300
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
