Skip to main content

How to Design Web Page

How to make a web page may be a problem that a lot of novice designers will encounter. The web page is a portal for business, group and organization, wonderful web page allows users to remember the theme you want to show and the function you want to achieve. So for designers, learning how to design an ideal web page to help customers build the desired brand image is a university asked. In this article, we share some ideas and methods for web design.
Before you begin to design, you must understand what is the web first:
The Web is an architecture, through it you can access linked documents that span the Internet host. The Web is a kind of service provided by the Internet; it is a collection of huge documents stored in Internet computers around the world; Webs are made up of documents that are associated with each other, which are called home page or page (It is a hypertext).
Second, you need to be familiar with the main functions required to design a web page:
1.HTML function:
Publish an online document that contains titles, text, tables, lists, and photos.
Through hyperlink retrieval online information.
Include spreadsheets, video clips, sound clips, and some other apps directly in the document.
2.FTP function
FTP is an abbreviation for File Transfer Protocol.The file transfer protocol allows the user to access another computer system to obtain public software or to transfer files to another computer system.
The most commonly used applications using: use FTP permissions for web upload, download ...
3.CSS function
CSS is short for Cascading Style Sheets.Its main function is to be more flexible control of the page style(Such as font size, font color, line height, background color,etc), positioning (such as the establishment of specialized CSS files, as long as the change of a value, you can make a whole website font style changes).
The most commonly used applications using: to underline, set the font size to PX or Xpt, set the font to change color when clicked, positioning line height...
4.JavaScript (script) language
JavaScript is a tight, object-based scripting language for client and server-side Internet application development. Developed by Netscape.
Now IE and NS browser can be embedded directly in the HTML page of the JavaScript statement, do not need to compile. Similar languages are also developed by Microsoft VBScript.
The most commonly used applications: dynamic button, pop-up window, auto update date ...
The Design Process
As long as familiar with these required functions, even if not a professional designer, with the use of related, you also design a brand image and impressive page. In general, a web design process includes design themes, collection of materials and research, planning page layout, selection tools, production, uploading and promotion. After such a series of processes, your page should be done!
To be good at work, we must sharpen our tools. Here are a few recommended web design tools:
1.Frontpage
Frontpage is probably the easiest, yet powerful web editing tool. Using a typical Word interface design, as long as you know how to use Word, it is almost equal to use Frontpage. Even if you do not understand Word, it does not matter, "WYSIWYG" mode of operation will let you get started quickly, and you do not have to learn HTML syntax.
But Frontpage also has its shortcomings: first, the browser compatibility is not good, do out of the page, with Netscape often can not be normal display.Second, the generated garbage code will automatically modify the code, resulting in some cases extremely inconvenient; again, DHTML support is not good. But anyway, Frontpage is really the best entry-level web editing tool.
2.Dreamweaver
Dreamweaver support for DHTML is particularly good, you can easily make a lot of dazzling page effects. Dreamweaver, Flash and Firework called as three Musketeers, because it is the same company's products, and thus has a very close combination of functions.The latest Dreamweaver UltraDev more support Asp, Jsp. So, that Dreamweaver is the first choice for advanced web page production.
3.Flash
Flash is also Macromedia's products, Flash is the interactive vector and Web animation standards. Web designers use Flash to create a beautiful and can change the size of the navigation interface and other strange effects.I believe that anyone who has seen Flash technology, no one does not want to master it. Although it will also have the limitations of availability and broadband download time, it is easy to learn, easy to use, and can make a lot of animation sites, and the design is with sensual combinations, it is a very promising web production technology.
Of course, three Musketeers is the most famous web making software. But recently learned that a lot of UIUX designers are using Mockplus. It is said that the operation is simple and quick, there are videos to teach you to make web page prototyping, a novice can learn quickly, it recommends that friends who are interested in can have a try !

Comments

Popular posts from this blog

What are & How to Create Personas: Step-by-Step Guidelines of Everything

Before starting a product design, it is very important to know clearly the demands of users. Taking into account the needs of users can help determine how the product will fit the conventional requirements of users of different fields and ages and with unequal contexts, meanwhile to help the function design. Creating Personas is a good way to achieve this goal. Software development pioneer Alan Cooper had created the first Persona with his colleagues in the 80's. In this article, we'll talk about how to create Personas through 7 sections. 1. What is a Persona? The Persona definition is that one or several fictional characters that can represent the majority of the potential users of product with conventional user demands and they are created through a great amount of quantitative and qualitative research. Persona answers the question "Who do we design for?" It is a powerful tool based on research findings in helping product function creation by optimizing the U...

For UI/UX Designers - What Does UX Mean in Web Design?

What does UX mean in  web design ? It means that website is designed to make the interaction between user and product as easy and comfortable as possible. Therefore,  UX  serves not only for itself. Properly applied UX can attract visitors to your site, increase their retention time, and thus improve the conversion rate. The meaning of UX in web design is obvious, and knowing what’s meaning of UX in website design matters a lot. Here are 5 reasons explaining “ what does UX mean in web design ”: 1.) It helps users achieve their goals Although many companies don’t want to admit it - users don’t read every word on a website carefully and attentively. Instead, users come to the page with a specific purpose, such as: ● Look for needed information. ● Inquiry and buy a product. ● Make a booking like flight. ● Watch a specific video The simpler you make the visitor achieve his or her goal, the more leads you will generate from customers. Now...

12 UX Designer Interview Questions to Help You Pass the Interview

Here are several typical UX designer interview questions. You are suggested to read them carefully and make advance preparation if you want to pass your interview successfully. In addition, please pay special attention that there isn't only one absolutely correct answer to any question. Whatever question you are faced with, you can speak out your point of view combined with the experience from the actual projects you have made before. So let’s read the following UX design interview questions and answers. 1. What do you think of interaction design and user experience? What’re  the differences between the two ? If the interviewer asks you this kind of UX designer interview questions, he/she doesn’t intend to test your memory but your understanding of basic concepts. Therefore, you should speak out your own understanding but not cram up the definitions from books. 2. What do you think is the core of  interaction design ? Please recall all of your designs and th...