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

5 Secrets To Design An Excellent UX Designer Resume and Get Hired

The Bureau of Labor Statistics  ( BLS ) reports that there are three related industry positions that show exceptional promise - Software Development and IT, User Experience Design, Product Management and Project Management.  UX designer  becomes one of the hottest creative industry careers nowadays with a  total job amount of 3,426,000,  and the job growth is 22.1% in 10 years.  CNN  shares some researchers about UX designer’s salary: Median  Pay is $95,000 and the top pay is up to $150,000. More information about  UI/UX Designer Salary Around the World . Quite appealing, right? Would you like to be one of the trends? How to get hired? What skills should you master? If you are a UX designer already, pass this part. If you are a newcomer, check  Beginner’s Guide: What Is An UX Designer  to quickly get a basic understanding of it. Well. Now we assume you are all set to get a UX designer job. What do you need? Usually, the process you get a UX job including 5 steps: Step 1: Pre

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

30 Best Online Course Websites to Learn UI/UX (Updated)

I've been browsing Quora lately and this site is a terrific platform to communicate with each other. When encountering a problem, I go to the site to look for the answers or submit the question. Recently, I've been asked by many people about "What are the  best online courses  to learn UI/UX?”. So I started looking for answers, and I listed the following 30 online course sites to  learn UI/UX . Some of UI/UX design courses online are free, some are paid. Hope it is helpful and useful to you. Any resource you think it’s worth to be included, please feel free to leave a message below the comment area or simply drop me a line on  LinkedIn . 1.  Hackdesign Price: Free An easy to follow design course for people who do amazing things. The lessons are delivered to your email inbox each week, with links to articles, tutorials, and cheat sheets as well as task lists to get you thinking about good design and working towards improving your skills. User feedback : “  The le