Home > Web Front-end > PS Tutorial > How to combine html with ps

How to combine html with ps

藏色散人
Release: 2019-08-29 09:44:34
Original
3834 people have browsed it

How to combine html with ps

How to combine html with ps?

Open the ps software and select the picture you want to convert into an html static page!

How to combine html with ps

For example, open the Baidu experience page and save it as a picture; see clearly that the picture is a jpg; use ps to open the picture, as shown in the picture;

How to combine html with ps

Let’s start the operation; HTML static web pages are generally composed of pictures, text and effects. Here we mainly teach you to use PS to generate HTML static pages, which is to convert pictures into static page; because the webpage will not cut the picture too large to ensure the Internet speed, so here I will cut the picture according to the normal picture;

Select "Slicing Tool" on the homepage, if there is no tool, right-click on it Click the arrow in the lower right corner of the side and select the slicing tool;

How to combine html with ps

After selecting the tool, you can start cutting the picture. Cutting is to cut a large picture into small pictures. Remember Be sure to make sure that the small pictures are the same as the original pictures. This requires that the lines should be aligned when cutting the pictures, otherwise they will look misaligned; I will first cut the picture into several long strips;

How to combine html with ps

After cutting the picture, here is the moment to witness the miracle. Right-click on the menu bar "File - Select Save for web and device use"; the "Storage Page" pops up; click "Save";

How to combine html with ps

#The next step is the key point. Remember not to save directly; click "Format" below and select "html and images"; then Save;

How to combine html with ps

How to combine html with ps

After saving, two folders, image file and html page, will be generated, and then you click on the html page;

How to combine html with ps

After you open it, you will find that it is the same as the picture, and it is a static page in code format;

How to combine html with ps

Congratulations, At this point you have learned how to make a simple static page!

The above is the detailed content of How to combine html with ps. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
ps
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template