Web Pages Design


Web Pages DesignPrinciples of web page design

Professional designers follow some principles and standards that make the web page clearly formatted, easy to handle and browse, and beautifully designed to attract more users. These principles are:

  • Planning: The process of creating a web page is not a random process, it needs to develop a design plan saves time and money, and make the page design more successful. So the designer should think about which category he wants to target and see pages that contain content similar to what is designed.
  • Visual design: Visual design includes a set of principles, the most important of which are:
    • Clarity: Avoid backgrounds with many textures or lines that are not clear, and it is best to use the Times New Roman font available on all devices.
    • Page layout: Most web pages have a clear layout, so that the page’s center is a location for the most important elements, and the right of the page contains new or unusual content, while the left contains traditional and traditional content.
    • Space: Intelligent design does not take advantage of every space on the page, but maintains an empty part of it does not have to be white color but does not contain the main contents.
    • Image Usage: Images play an important role in enhancing and understanding content, and images may be illustrations that increase understanding and processing of text information and may be symbols that help the user handle the web page, such as the cursor icon to move up the page and more.
    • Multimedia: By adding animations, or sounds on the page, making them more interactive and interesting.
  • Page Layout: For the designer to ensure the user’s comfort while navigating the web page, and to ensure its return, it must follow a set of visual coordination principles that make the page more beautiful and comfortable to the eye, and the most important are:
    • Harmony: This gives the page a sense of consistency between its elements.
    • Contrast: By creating elements of different sizes, colors, and shapes, but consistent, designed to attract viewers.
    • Direction: The elements are moving in one direction, so moving with the eye without distraction.
    • Assertion: By giving a specific color, shape, or size to one or more items that you want to emphasize on the page.
    • Rhythm: The page is versatile style so as not to be tedious and repetitive, but must be consistent and harmony between patterns.
  • Web Pages Design

How to create web pages

The process of creating an Internet page requires knowledge of the HTML programming language, and then you can follow some of the following steps to create a web page:

  • Open the main text editor program in the device, because other text programs are text-processing programs and not word processing, as they do not receive HTML texts.
  • Start typing the programming of the site using the programming language, which contains mainly the following sentence: “First,” followed, “then” to write the title beginning with the code, and then write the address as follows: so that the address between the symbols, and stamped with a code. Followed by the text to be typed with a symbol, then <h1> so that the text is between the symbols, stamped with a code, and then close the programming with a code.
  • When you finish, save the file on the device, provided that the extension will be (HTML), and do not use the upper dashes in the name.
  • Then you can view the web page on the browser, by opening the browser and then clicking on the File tab and choose Open File, then choose the file that was saved in the previous steps by clicking on it and then click the Open button. The HTML file will appear as an Internet page. This file can be uploaded online until it becomes a supported page that others can access.

HTML programming language

Programmers use a programming language called Hypertext Markup Language, which is famous with “HTML.”

It is a language developed in the 1990s by Tim Berners, whose purpose was to provide means through which information could be shared among researchers.

HTML has undergone many changes and enhancements, becoming text-capable, image-additive, and more. It is now the most powerful static or dynamic markup language to display the content of web pages.

Web page elements

Web pages differ in their designs but are similar in their core elements, as all web pages have a structure that contains:

  • Top of page: The most prominent and visible element on the web page. It contains the page’s name, its name, its logo, the site’s main search tool, and sometimes other tools.
  • Home Page Link: The page should contain an item when clicked, giving us the homepage, and this link is often included in the site logo located at one of the top corners of the page.
  • Search menu: It is often displayed at the top of the page, or can be placed in a special box in the form of a list, and contains the full titles in the site that the user expects easy access.
  • Search Tool: A small space in the header, designed to search for pages within a website.
  • Content area: Includes the main content title, main content, publication dates, and update located at the bottom of the area.
  • Footers: In this section write the name of the page owner, company, or party responsible for the page, the copyright statement, and contact details such as email, phone number, and address if any.


  1. ^ أ ب Lance Douglas Jackson (2009), Introduction to the Internet and Web Page Design, USA: Southern Utah University, Page 9،10،16،19،20،21،23، Edited.
  2. ↑ “Create and View a Web Page on Your Computer,”codecademy.com, Retrieved 24-6-2018. Edited.
  3. ↑ Patrick J. Lynch, Sarah Horton، “Page Structure and Site Design”، webstyleguide.com, Retrieved 24-6-2018. Edited.





Please enter your comment!
Please enter your name here