The layout is hard to say. This depends on the designer's preferences, habits, functions and design styles.
The next step is to cut the map, which is a very troublesome but crucial step. Before cutting the picture, you must consider the size of the picture (in order to browse smoothly, it is best to cut the big picture into n small sizes) and whether it is a background picture (some pictures are very big, but they are actually the tiled effect of the small picture, so when you encounter this kind of picture, take the small picture down and set it as the background in the webpage). In addition, consider whether you can use elements other than pictures instead. For example, some solid color blocks don't need pictures at all, and the same effect can be achieved by adjusting the color of the table in the webpage. Photoshop has a special cutting tool. After cutting the designed web page as needed, save it with ctrlaltshifts, and an html file will be generated. You will find that there are already small pictures you cut in the html picture folder. Browsing this webpage, the display effect is exactly the same as that in ps, and it seems that the layout has been completed.
But Dreamweaver is just beginning to come in handy now, because web pages are not pure pictures after all, and elements such as text, flash and sound need to be added. What Dreamweaver needs to do is to continue to improve your page. The fewer pictures the better. The deletion and setting of background should be replaced by table color and color.
Wow, it's quite troublesome to think about it.
In the final analysis, photoshop is used for composition design, while Dreamweaver is used to complete and perfect the conversion process from pictures to web pages.