Skip to content

read03.md

Latest commit

 

History

History
88 lines (47 loc) · 3.94 KB

read03.md

File metadata and controls

88 lines (47 loc) · 3.94 KB

HTML:

Web pages are electronic versions of some documents. They include ; Structure-text-images To describe the structure of a web page, we add codes to the words we want to appear on the page. We use HTML codes.

  • HTML code is made up of characters that live inside angled brackets — these are called HTML elements.
  • Elements are usually made up of two tags: an opening tag and a closing tag. (The closing tag has an extra forward slash in it.)
  • Each HTML element tells the browser something about the information that sits between its opening and closing tags. Attributes
  • provide additional information about the contents of an element.
  • They appear on the opening tag of the element and are made up of two parts: a name and value, separated by an equals sign.
  • It should be written in lowercase
  • The value is the information or setting for the attribute. It should be placed in double quotes
  • (Lang) is used to indicate the language used in this element.

image

HTML stands for Hyper Text Markup Language. The HyperText part allows you to create links that allow visitors to move from one page to another quickly and easily. How to create a Web Page ?

  1. Start All Programs (or Programs) Accessories Notepad
  2. Type the code shown
  3. Go to the File menu and select Save as.. put quote marks around the name "firsttest.html").
  4. Browse to the file that you just created, select it and click on the Open button.

When working in management system, blogging platform, or e-commerce application, you will rarely see the , < body> elements. That is because they use a single 'template' to control all of the pages for a section of the site.

How to view the source of a web page ? The link of the website-view-View Source-A ew window appears with the source code.

HTML5 Layout HTML5 are elements indicate the purpose of different parts of a web page and help to describe its structure.

  1. The element < Nav> is used to contain the major navigational blocks on the site such as the primary site navigation.

  2. The element < article> element acts as a container for any section of a page that could stand alone and potentially be syndicated.

  3. The element < aside> element has two purposes, depending on whether it is inside an element or not. When the element is used inside an element, it should contain information that is related to the article but not essential to its overall meaning. When the element is used outside of an element, it acts as a container for content that is related to the entire page.

  4. The element < section > element groups related content together, and typically each section would have its own heading. it may contain several distinct elements that have a common theme or purpose.

  5. The element < hgroup > groups together a set of one or more <1> through <6> elements so that they are treated as one single heading.

  6. The element < figure> .can be used to contain any content that is referenced from the main flow of an article (not just images).it can be a video, graph,diagram or code samples.

.

To create a website, these things must be taken into consideration;

  1. Study target audience.
  2. Why People Visit YOUR Website
  3. What Information Your Visitors Need
  4. How often you should update the site.
  5. Design a site map.

wireframe

A design that has all of the information that needs to be on a page is included. ONLY information.

image

Three steps have to be followed ;

  1. Content ; Information, Logo, copy rights, links related to the content, etc..
  2. Prioritizing ; making parts to draw readers’ attention.
  3. Organizing ; Having blocks and chunks to make the page looks simpler and easier to readers.

Visual hierarchy It helps users find what they are looking for by focusing on size, color and style.