Skip to content

Latest commit

 

History

History
89 lines (54 loc) · 2.65 KB

File metadata and controls

89 lines (54 loc) · 2.65 KB

process and design websites

away to start your first website :)

  • It's important to understand who your target audience is, why they would come to your site, what information

  • It's important to understand who your target audience is, why they would come to your site, what information

Site maps allow you to plan the structure of a site.

  • Wireframes allow you to organize the information that will need to go on each page

  • Design is about communication. Visual hierarchy helps

  • visitors understand what you are trying to tell them.

  • You can differentiate between pieces of information using size, color, and styl

  • You can use grouping and similarity to help simplify the information you present.

introduction to HTML

HTML pages are text documents.

  • HTML uses tags (characters that sit inside angled

  • brackets) to give the information they surround special meaning.

     * Tags are often referred to as elements.<
      * Tags usually come in pairs. The opening tag denotes
      * the start of a piece of content; the closing tag denotes
      the end.
     * Opening tags can carry attributes, which tell us more
      about the content of that element.
      * Attributes require a name and a value.</
     To learn HTML you need to know what tags are
      available for you to use, what they do, and where they
      can go
    

    HTML layout

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

The new HTML5 elements indicate the purpose of different parts of a web page and help to describe its structure. The new elements provide clearer code (compared with using multiple

elements).

Older browsers that do not understand HTML5

elements need to be told which elements are block-level elements

To make HTML5 elements work in Internet Explorer 8 (and older versions of IE), extra JavaScript is needed, which is available free from Google

DOCTYPES tell browsers which version of HTML you are using.

You can add comments to your code between the
    <!-- and --> markers.

The id and class attributes allow you to identify particular elements.

The

and elements allow you to group block-level and inline elements together.

cut windows into your web pages through which other pages can be displayed.

tag allows you to supply all kinds of information about your web page

Escape characters are used to include special characters in your pages such as <, >, and ©.