Essential skills for front-end engineers—PS cutting-Free online video tutorial-php.cn

Cutting refers to cutting the design draft into pictures that are easy to make into pages. Cutting images are used to complete static pages with HTML+CSS layout, which is conducive to interaction and forms a good visual sense. In layman's terms, use the slicing tool to cut a design drawing into small pictures that you need, and then use DIV+CSS to complete static page writing and CSS layout for front-end development.

Difficulty：Elementary

Total of11 chapters

15115 plays

Chapter1Course introduction and interface settings: Course Introduction - Essential Skills for Front-End Engineers PS Cutting
04 minutes13 seconds; Interface settings
13 minutes18 seconds
Chapter2Simple tool operation: Simple tool operation (1)
26 minutes44 seconds; Simple tool operation (2)
11 minutes22 seconds; Simple tool operation (3)
12 minutes50 seconds; The principles of layers and their operations
10 minutes13 seconds; Reference lines and their aids
10 minutes01 seconds
Chapter3Traditional cutting and precise cutting: traditional cutting
20 minutes12 seconds; Precise cutting
04 minutes49 seconds
Chapter4Expansion and summary: Expanded knowledge introduction
13 minutes08 seconds; Summarize
01 minutes02 seconds

About Instructor

PHPz: full-stack engineer

You will learn:: Cutting refers to cutting the design draft into pictures that are easy to make into pages. Cutting images are used to complete static pages with HTML+CSS layout, which is conducive to interaction and forms a good visual sense. In layman's terms, use the slicing tool to cut a design drawing into small pictures that you need, and then use DIV+CSS to complete static page writing and CSS layout for front-end development.