11 Networks 12 The Internet, e-mail 13 Web & web design 14 Programming 15 Viruses & data security

Navigation

13  Web, Web Design

Web design

Web creation

Web pages are created with a special language HTML- Hypertext M arkup Language which is interpreted by a web browser to produce hypertext - a blend of text, graphics and links. HTML consists of commands called tags. Tags are placed around pieces of text to tell the web browser how to display text or pictures. HTML tags are surrounded by the angle brackets < >. You can view the source HTML code by choosing the View Source option in your browser.

Another possibility to create a website is using a web editor, for example Microsoft Front Page. Web editors are user-friendly and WYSIWYG (What You See Is What You Get). Different buttons and menu items let you design a page without writing HTML.


A blog is the shortened version of the word for web-log. It is a website that is used like a diary. Many people create a blog and then write regularly about things they have been doing or events which have taken place.

Web Page Elements

  • Text

    is displayed in a variety of fonts and sizes. Most text files are available in two formats: HTML or PDF.
  • Background

    – the underlying colours and patterns
  • Tables

    with columns and rows are often used to create page layouts, position images and text on a page.
  • Frames

    – rectangular areas that allow the display of different HTML documents in the same browser window.
  • Graphics

    clip art, icons, background templates, wallpaper and transparent images – common formats are jpg. (joint photographic experts group) ideal for pictures with many colours, gif. (graphics interchange format) ideal for pictures of fewer colours and png. (portable network graphics).
  • Hyperlinks

    – highlighted text or pictures which act as links to other pages.

Instructions for the presentation, the styling of elements on a page such as text or background colour, can be included in HTML code. Nowadays it is more common to use CSS (Cascading Style Sheets) to separate style from content. This makes pages easier to maintain.


Cascading Style Sheets (CSS)

is a s language which enables the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting. It can also be used to allow the web page to display differently depending on the screen size or device on which it is being viewed.


Web pages can also include multimedia files – animations, audio and video files. The most common audio formats are .waw (Windows wave audio format), ra. (Real audio file) and mp3


Video is stored in the following formats: avi. (Audio video interleave), .mov (Quick Time movie) and .mpg (moving pictures experts group).


If you want to create something special into your web pages, you can use Adobe Flash to include interactive animations and streaming audio.


You can also use Java applets, small programs that are used to create interactive files.


To see or hear all these files you need to download the right plug-in software that enables the web browser to support them.


© Střední průmyslová škola elektrotechniky a informatiky, Ostrava, příspěvková organizace