Personal learning experience in web design: 3 short articles

Personal learning experience in web design: 3 short articles

What have you learned from the study of web design? The following are three examples of my personal web design learning experience. Welcome to reading.

?

Experience of learning web design in 2020 (1)

In a blink of an eye, the semester is over and the course of learning web design is drawing to a close. Although the time is a little short, I have benefited a lot from studying this course for several weeks.

I remember when I first came into contact with dreamweaver, I was at a loss, because when I first came into contact with strange software, I was afraid that I couldn't keep up with the teacher's progress. In the first few classes, the teacher spoke more basic and could keep up. Gradually, the process of teaching began to accelerate, and some of them could not keep up. You need to make up after class, ask the teacher and classmates around you. Gradually, under the careful instruction of the teacher, we began to get familiar with this software. The first task assigned by the teacher is to make a self-image website. Because the study time is short, the teacher only needs to use ps as a template, and the task is relatively simple. But it also requires a strong sense of design, harmonious color matching, and as far as possible to make a realistic and beautiful web page.

The second web design teacher is more demanding. Dreamweaver is used to make more realistic web pages and secondary pages. So I began to collect all kinds of information. Once the theme is determined, the layout begins. At first, I used a table, then split and merged it in the table, and then ps processed a header and put the resized picture in it.

In the middle preview, the problem appeared. I found that there was a great distance between the header and the picture text below, but the distance was reduced to 0 in the software, and it didn't work after trying many times. Finally, I thought that I could add another table and put the header in a table, and the problem was solved. The preview is not bad. However, I always feel that the home page is too ordinary. Browsing the web pages made by seniors, I feel that their text scrolling window is doing well, so I want to borrow it. I decided to modify the left side of my website. I copied his code and changed the content to the text my website needed. I thought it was easy to do, but there was a big problem.

Because the text that needs to be scrolled takes up too much space, all the tables on the left are occupied. However, in the actual webpage preview, this box with scrolled text only accounts for one-third of the left website building program that oeasy teaches you to play webpage design and browsing, and the left two-thirds are blank. I think if I can put the text layer by layer. I tried many methods and looked up a lot of information on the website. Perhaps because there is no technical term as the key word of the search, no relevant information can be found. I tried div tags and split tables repeatedly, but it still didn't work. Just trying, I suddenly thought of the concept of layer.

So I clicked the drawing layer in the layout, and the result was successful. After some processing, I finally succeeded in completing the layout on the left. What impressed me more was the insertion of sound. I remember the teacher told us many times how to insert sound, but I forgot when I made my own webpage, so I asked someone else. As a result, I forgot it and collected it on Baidu. Finally found the available code, but there was a problem when adding the sound path. Add the source file to the attribute, and the result is that the mp3 music file can't be added. Then I try to add a video, write down the path format, and then write down the path of the sound source file according to this format, and finally succeed. There are still many problems in the design process, but through reading books, searching online, consulting classmates and other ways, we continue to learn, solve and improve, and the designed webpage is constantly improving and perfecting both in appearance and content. It can be said that the level of web design has been greatly improved in the process of self-help and continuous practice. Enthusiasm and persistence, I will design more professional and perfect web pages in the future.

Experience of Learning Web Design in 2020 (2)

Unconsciously, I have been studying website design for a long time. I am glad that I can learn some knowledge about website construction and website design in this computer-intensive society. Network has become a convenient tool for us to acquire knowledge and information. Nowadays, life and business have been in full swing on the Internet. I think it is necessary for us to learn network knowledge in order to live in the network age. Next, I want to share my experience of learning web design exclusively. I hope I can provide some help to you who are studying web design.

In the process of learning web design, I also successfully made my own website. Through this attempt, I have a deeper understanding of computers and become more interested. In particular, I have a deeper understanding of the process and some skills of web page making, and have a certain grasp of the basic knowledge of web page making. In my opinion, before designing a web page:

First of all, we must determine the content of web design, because an excellent website should have a clear theme, and the whole website should be done around this theme, that is, before you design a web page, you should be clear about the purpose of your website and what it is used for, and all pages should be done around this content. Having clear content plays an important role in ranking.

Secondly, it is natural to know the customers in the industry where your website is located. You know, users are the key to the success of a website. If users spend a lot of time on your website, it is very likely that users will close your website immediately, or your website is inconvenient to operate, and users will leave immediately. This kind of website is a very failed design, which will only disappoint users.

In the process of designing a web page, I finally realized that making a homepage of a web page is not an easy task, which includes the topic selection of personal homepage, the collection and arrangement of contents, the processing of pictures, the typesetting settings of the page, the background, the tone of the whole web page and many other things. Pay attention to when making the home page:

If you want a good title. Headlines play an important role in your home page, which largely determines the positioning of your entire home page. A good title must be general, distinctive, short and easy to remember, which does not conform to the theme and style of your home page.

The home page should not only have text, but also add some pictures as appropriate. A good picture is worth a thousand words. It can also make people who enter your website clear at a glance and be interested.

The overall typesetting design of web pages can not be ignored. A very important principle is the rational use of space, so that your web pages are orderly and leave appropriate space, which will give people a relaxed feeling.

Of course, look for good information before doing these contents. We can collect relevant information from newspapers, magazines, CDs and other media, and add some editors. Another good way is to collect information from the Internet. You can find a lot of information as long as you search for the corresponding keywords on the search engine. I can recommend a good software for designing and making web pages, that is Dreamweaver. You only need to use some basic functions in this software: image insertion and alignment settings; You can make a simple web page by setting the format, color and background color of the text. Well, after the web design is completed, the last step is to optimize the website.

From my point of view, I personally think that web design should pay attention to practicality, because we use it to interact, so I suggest that it is better to be concise and beautiful. Too much copying of graphics and text and page layout will only make people feel more uncomfortable. Finally, I am not a professional web designer, and the above are just some of my experiences in web design learning.

Experience of Learning Web Design in 2020 (3)

With the rapid development of the network, web design has risen rapidly. As the main support of surfing the Internet, it becomes very important because people frequently use the Internet. In my daily life, I touch the web page every day. I didn't pay attention to the design of web pages before, but after learning and understanding during this period of time, I will habitually look at the layout, layout and color application when opening a web page now.

Through the teacher's explanation and textbook reading, I learned some knowledge about website construction and webpage making, and also mastered the basic knowledge of webpage making. I used some basic functions when making web pages through Dreamweaver: picture insertion and alignment settings; Settings of text format, color, background color, etc. But when I try to do it myself, there will always be such problems. Either the picture can't be fixed in the position you want, or the display area of scrolling text doesn't know why it spans the page. Different resolutions and browsers will have an impact on browsing the web. And in CSS, I am always unfamiliar with what all kinds of codes control. In addition to finding and solving problems, we also summed up our experience. For example:

1, when naming a site or folder, you must pay attention to it. It is best to use the corresponding English or Chinese pinyin, and know the meaning of the name. For example, use image or tu in the picture folder, which can avoid incorrect page calls.

2. When calling Style, you can click the right mouse button to select Custon Style to call Style standard, or you can click the right mouse button in the element list in the status bar to call Style.

Although different methods seem to achieve the same effect, in fact, the generated HTML code is completely different. In this process, I also realized that web design is not a unique subject, but a synthesis of various courses. It is a comprehensive application of web software such as Flash and Photoshop. For example, Flash provides a full-featured tool for drawing and editing graphics. You can draw directly in the editing area, and editing and modification are very flexible. Another feature of it is? Interaction? Strong. When playing animation, you can control animation with mouse or keyboard, which can directly reflect the effect. Page design should be based on the principle of beauty, generosity and simplicity, and maintain a consistent style.

In order to achieve the best visual performance, we should pay attention to the rationality of the overall layout and let visitors have a smooth visual experience. The main function of a web page is to provide a form for each visitor to know the information provided by the website. Learning web design needs to be viewed from the user's point of view. Users are the key to the success of the website. If users spend a lot of time on the website, they are likely to close the website immediately, or the website is inconvenient for users to leave immediately. This kind of website is a very failed design, which will only disappoint users. Therefore, the capacity of a web page, that is, the number of bytes of a web page containing pictures, is best not to exceed 50K.

It also involves the problem of interface weakening. A good interface design, its interface is weakened, it highlights the function and focuses on what the website industry provides to users. This involves browsing order, functional partition and so on. In order to let visitors master the industry nature of the website within 0.5 seconds, they should know where to start using the website within 1 second. If they can click once, they will never click twice. Of course, most of the functional websites mentioned above may be fancy for publicity and display websites, such as special effects or Flash websites, but not too much. The website is not a comic book. In China, where efficiency is getting higher and higher, and social psychology is becoming more and more impetuous, people's patience is getting smaller and smaller, and their psychological endurance is getting lower and lower. The effect can reflect the artistic conception.

Here is a brief introduction to the concept and key points of web design. Web design concept:

(1) Content determines the form: first enrich the content, then shield it, then set the tone, and then deal with the details.

(2) First the whole, then the part, and finally return to the whole: consider the whole, what can be filled, and occupy the position. Then set the tone and design the module. Finally, adjust some unsatisfactory local details.

(3) Function determines the design direction: Look at the purpose of the website and decide the design ideas. Business should highlight the purpose of profit; The government should highlight the image and authoritative articles; Educational, teachers and courses should be highlighted.

The two main points of web design are: overall style and color matching.

First, determine the overall style of the website.

1, try to put the logo in the most conspicuous position on the page.

2. Highlight the standard color.

3. Summarize a slogan that can reflect the essence of the website.

4. The same type of images use the same effect. For example, the title text uses the shadow effect, so the settings of the shadow effect of all the title text appearing in the website should be exactly the same.

Second, the collocation of web page colors.

1, with a color. Select a color, and then adjust the transparency or saturation to make the page look even and layered.

2. Use two colors. First choose a color, and then choose its contrast color.

3. Use a color system. Is to use a feeling of color, such as light blue, light yellow, light green; Or khaki, khaki, khaki.

In the web page color matching, but also remember some misunderstandings:

1, don't use all colors, try to control within three to five colors.

2. The contrast between the background and the previous article should be as large as possible (never use complicated patterns as the background) in order to highlight the main content.

In view of the direction of graphic design I studied, this time I applied it to creative thinking, layout design and color configuration. Graphic creativity and other aspects are very important. As a visual language, web design pays special attention to layout and layout. Although the design of home page is different from graphic design, they have many similarities. Layout design expresses harmony and beauty through the spatial combination of words and graphics. Without the accumulation of every small step, a person can't walk a thousand miles. I have stepped into the door of web design under the guidance of my teacher, and I will continue to learn more about making web pages in my spare time to improve my skills.

?