Web design research report

Introduction: Web page design is a brand-new art design form that came into being with the emergence and development of computer network technology in the middle of the 20th century, and it is the extension and development of graphic design in modern society. The following is a sample report of web design practice that I compiled for you. Welcome to reading.

Part I: Webpage Design Research Report Internship Purpose: To be familiar with and master the basic skills of computer webpage design and related tools and software for webpage production. Cultivate our basic thinking and application development ability in designing business web pages with computers, and improve our computer culture quality.

Web pages are one of the most valuable real estates in the world. People have invested millions of dollars in this space of less than 0. 1 square meter. The impact of web pages on the company is far greater than the simple way of increasing e-commerce income; Web pages are also the face of the company. A website is like a house, and every window can be regarded as a door. People can follow the links of other websites of search engines, bypass the home page and enter the deep layer of the network.

First, the overall planning of the website

1. Discuss the theme of the website: Because I am very interested in Provence, I want to design a tourism website for the fairyland in my heart.

2. Positioning the CI image of the website: For a travel website, the most important thing is that visitors have a buzz that they want to experience for themselves. So in the web design, according to the dreamy artistic conception of Provence, the fresh and meaningful CI image is adopted. Make tourists feel at home.

3. Determine the columns and plates:

1] First, consider the length and width of the whole web page and the ratio between them.

2] Secondly, consider the setting of navigation bar.

3] Frame setting of text (horizontal and vertical factors are staggered)

I have browsed many good-looking travel websites, and combined with my own ideas, I first drew general columns and sections on the grass paper.

4. The overall style and creativity of the website: create a romantic travel website, take the route of sending pictures, and let visitors leave images.

2. Pre-planning and preparation of web page production

1. Data collection: Due to my personal hobbies, I collected many beautiful pictures of Provence a long time ago, which is much more convenient this time. Then I collected some fantastic web backgrounds, FIASH source code, small icons and some GIF animations.

2. Familiar with production tools and software;

The basic conditions for making home pages are:

Hardware:

A computer (more than 64MB of memory, of course, the bigger the better); You can dial up the internet; If conditions permit, suggestions: configuring a scanner will greatly facilitate the input of images and words; Software:

HTML editing software: commonly used are Frontpage, Hotdog and so on. This article focuses on Dreamweaver.

Image processing software: Photoshop, flash and Fireworks are commonly used.

File upload software: Cuteftp, WSftp and so on are commonly used.

Three. webpage making

At first, it was really difficult to do everything, and I also encountered many problems, such as: the inserted pictures did not meet the specifications, and the frames of other contents were squeezed out at once; There are too many layers inserted, and the big ones cover the small ones; The inserted flash can't produce effect. In short, the problem is a laundry list. Experience is the mother of wisdom. It turns out that I still have so much lack of knowledge. So I went back to the original source, explaining the things in the textbook first, and then talking about other things. Then I borrowed some books from the library for reference in web page making.

With a detailed understanding of the basic knowledge, it is much more handy to do things. Knowing that the wizard page can be over-mirrored, I decided to design a wizard page for my web page.

Then there is the setting of the home page and the secondary page. It should be noted that only two image formats, JPG and GIF, can be used online. Other common formats, such as BMP and TIF, are too big to be used online, but they can be converted by image software, such as the picture editor of Office 97. Put the pictures that appear on the home page into the corresponding directory.

In the process of learning and doing step by step, it is really a sense of accomplishment to watch what is in your heart come out bit by bit. Although my network skills are still far behind, I really learned a lot when I reviewed this week.

Four. Web page debugging

The picture can't be displayed until I put what I made on the USB flash drive. Fortunately, even if I find a way to save it, I will put the source file and the web page together, so that even if the path changes, it will not affect the effect of the page.

Summary: On the WWW, whether you are a large company with assets of hundreds of millions or a poor student who is short of money, as long as you set up your own webpage, your status is equal. After this week's related study, I learned that web design and production is a huge project. Feedback and evaluation of websites. The website should pay attention to maintaining the updated content frequently and keep it fresh. If it is not done well, it will never change on the server. Only by constantly supplementing and updating the content can we attract visitors. When maintaining and updating, you can make full use of the template and library technology provided by Dreamweaver to improve work efficiency. A real website should not only realize the electronization of traditional media and provide users with the content they need, but also do more things to meet the higher-level needs than page browsing, such as information collection, data transmission, data storage and system maintenance. I still have a lot to learn.

Chapter 2: The research report on web design has reached the end of the term in a blink of an eye, and the course of learning web design is coming to an end. 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.

;