How to make a web homepage made by Photoshop achieve simple interactive functions

Belch. For this, you should write **, write html in js or write asp, php

AI seems to have an interactive function, try importing.

1.Make a picture first.,This requires a good PS foundation.。

2.To til, you need to know the structure of the web page to til.

3.Generate a web page, and the ps itself can be saved as a web page.

4.To optimize the web page, you need to use DW software to optimize and modify the unnecessary white space and optimize the background.

5.If you want to apply it to the corresponding CMS, you need to add CSS and tags.

6.Test the browser compatibility online to see if it is misplaced, and achieve satisfactory results after continuous modification.

It's not easy to make a web page, it's even more difficult to do it, it's even more difficult to do a good one, if it's a hobby to learn, if you want to use it in business, the best professionals to do it, you just pay for it.

It's not something that can be explained by a good word or two.

It's easy for the skilled. It will take a few hours to complete. The difficulty lies in having a special understanding of the structure, convenience, and content display of the first class.

The best thing to do is to recommend that you copy a well-known official website. For example, the official website of a certain car. Then break it up and refactor it to your liking.

Content filling. and you're done.

Making a homepage is a very complex task, similar to creative compositing. First of all, according to the customer's requirements, we should find some good works as a reference, find out some inspiration, and then collect relevant materials, and slowly dissolve the picture, render the color, and deal with the light and shade and details according to your own ideas. The end result.

1. Create the template on the homepage of the webpage, select File - New (shortcut key) in the upper left corner.

CTRL+N) and then create a 1920x3000 canvas for web design.

The resolution can be selected as 72, the color mode we select RGB, click Create; (Note that the width is selected in pixels).

Why did we create a 1920 wide resolution for our current monitors?

Generally, it is 1920px, so creating a width of 1920px can make the background of our web page just show the whole picture, and there will be no blank space on the left and right.

2. Next, we need to adjust the units and rulers to pixels, so that we can measure the width and height. The procedure is as follows: - Preferences - Units & Rulers (shortcut Ctrl+K, find Units & Rulers).

3. Select View-Ruler (shortcut key Ctrl+R) to call our scale, which is convenient and intuitive to see the width and height; Left-click on the scale and drag the 2 guides to the 360 and 1560 scales, leaving a width of 1200px in between. The distance between the two scales is the area where our content is displayed, using (shortcut key Ctrl+; You can display the close scale.

Why use 1200px width, because the current mainstream web design body content width is 980px and 1200px, and 1200px can display more content, and the web page can also appear more high-end atmosphere.

2. Use the Rectangle Tool to Make a Black Background Navigation Bar:

1.Select the Rectangle Tool, set the fill color to 333, and the stroke to empty;

2.To create "Layer 1", click the canvas, set the width 1920 and height 25 in the pop-up window, and click Create;

3.Use the Move tool to move the navigation bar to the upper left corner;

3. Import of logo**.

1. Use file-> open (CTRL+O) to open the logo**;

2. Ctrl+A to select **, and then copy and paste it into the current page;

3. Move the ** piece to the specified position;

At present, the goal of web page production is to beautify the page by using reasonable colors and styles, and to give customers a complete visual experience as much as possible in the case of limited functions. Even to think about the audio-visual experience through sound, light, interaction, etc., interactive functions are indispensable for web pages.

And try to communicate with people outside of the design and development and product departments to see how they react to the website. Some web production companies may have experience personnel, which is also the reason. This is similar to the communication of people outside the circle, who may find that their reactions to the interaction are not the same as expected.

Experience starts with understanding the customer's behavior and goals, and listening to the customer. User personas are the method of gaining a deeper understanding of the conclusions obtained. Building profiles of multiple clients brings their feelings and behaviors to the table.

Experience the natural flow of their interactions with the product.

Product thinking gives designers an edge when it comes to building the right product for the right people. It helps designers understand the customer experience of the product as a whole, not just the details of the interaction. It ensures that the designer solves the user's problem, thus reducing the risk.

Interactive features address product design in an easy-to-understand way, human-centered customer needs, and the goal is to create and establish connections between people, products, and services at both usable and experiential levels. Interactions include an analysis of customer needs. Interactive function is a concept that has actually existed for a long time, interaction design is not necessarily to do web pages or programs, nor does it necessarily refer to more**, the scope of experience design is very wide, in addition to product design itself also includes environment and service interaction.

**The interactive design is the highlight of the site, the interactive site helps to understand the customer's search behavior and characteristics, but also stimulates the user's needs, through the design of the product information web page, you can establish a good relationship between the product and the customer, so as to improve and improve the customer experience. The station staff pays attention to the appearance of the customer and the interaction between the customer and the user. Great web page makers know how to use design principles to create a website.

Do more than just make a ** look pretty. The interactive features really determine the experience of the interface. If you want to do any wonderful work, you need to work hard, and the production of web pages naturally requires the same dedication and effort.

If you want to do a good job, you need to have good understanding and communication skills, and these are not enough. Making a web page requires knowledge and skills, which involves website building, interaction, experience, programs, etc. It didn't happen overnight.

The website is made to be a ** company in Shenzhen.