HTML AND WEB DESIGN HTML EN WEB ONTWERP

HTML AND WEB DESIGNHTML EN WEB ONTWERP

INLEIDING - INTRODUCTION

HTML • WEBBROWSERS/WEBBLAAIERS• WEBSITE• WWW• HYPERLINK• URL• Website – URL• HTML HTML EDITORS• HTML CODING - KODERING• HTML EDITOR• WYSIWYG• TAG EDITORS• HTML SYNTAX – SINTAKS• 7 GOLDEN RULES/ 7 GOUE REËLS

WEBBROWSERS – WEBBLAAIER

Webbrowser is a software application that enables users to open and display webpagesWebblaaier is a sagteware program wat gebruikers toelaat om webblaaie oop te maak en te vertoon

WEBSITE - WEBWERF• Is a collection of webpages• Is ‘n versameling van webblaaie

WWW

• WORLD WIDE WEB• Is made up of websites.• Access to the web is

usually through a webbrowser

• A program designed to read and interpret HTML

• Wêreld Wye Web• Is ‘n versameling van

webwerwe• Toegang tot die internet

word gewoontlik verkry deur ‘n webblaaier

• Dit is ‘n program wat ontwerp is om HTML te lees en te interpreteer

HYPERLINK - link

• Electronic shortcut• Word, phrase or image • You can click on the link

to move to a new document, section in same document or website.

• It allows you to move quickly or jump from place to place

• Elektroniese kortpad• Woord, fase of prentjie• Kliek op dit en beweeg

na nuwe dokument, plek in selfde dokument of webwerf

• Jy kan vinnig beweeg of spring van plek tot plek

• HTML

URLUNIFORM RESOURCE LOCATOR

• Unique address of a website on the Internet.

• http – hypertext transfer protoccol

• https – secure• Set of rules that

transferred you from one website to another

• http – don’t need to include when enter a adress – insert automatically

• Unieke adres van ‘n webwerf

• http – hypertext transfer protoccol

• https – secure• Stel reëls wat jou van een

webwef na ‘n ander beweeg

• http – jy hoef dit nie by te voeg nie – webblaaier voeg dit outomaties in

WEBSITE – HTML

Look at webpage. Kyk na die webwerf.

See how it was design. Kyk na die kode waarin dit ontwerp is.Right click: View page Source or view source.

HTML - HTML EDITORS

• Set of rules to display text and graphic

• Mark up code• Each markup code is

referred to as a tag• Tag telles the web

browser how to display• Tags is not display – but

uses tags to format the content

• Stel reëls wat gebruik word om teks en prente te vertoon

• Mark up kode• Daar word daarna verwys

as ‘n tag• Tags vertel die webblaaier

hoe die webblad moet vertoon

• Tags word nie vertoon – maar formatteer die inhoud

HTML CODING - KODERING

• HTML is not a programming language

• Accepted standard of coding to display website

• Method of formatting• Save as file

extencion .htm or html

• HTML is nie ‘n programmeringstaal nie

• Aanvaarbare standaard kode om ‘n webblad te vertoon

• Manier van formattering

• Stoor dit met ‘n lêeruitbreiding .htm of html

HTML EDITOR

• Software application for creating weg pages

• Need basic knowledge of HTML

• Sagteware program om webblaaie te ontwerp

• Het basiese kennis van HTML nodig om dit te kan gebruik

WYSIWYG

• Page description software what allows you to see final document

• Allows you to type, drag and drop as with any GUI program – makes editing quicker

• What you see is what you get

• Program wat jou toelaat om finale dokument te sien

• Laat jou toe om te tik, sleep en te los soos met die meeste GUI programme – maak werk vinniger

• Wat jy sien is wat jy kry

TAG EDITORS

• Program that have a GUI - graphical user interface

• Use HTML coding to help make a webpage

• Wysiwyg - allows you to type, drag and drop

• GUI – icon with html • Quicker

• Program wat gebruik maak van GUI

• Gebruik HTML koderering om jou te help om webblad te maak

• Wysiwyg – laat jou toe om te tik, sleep en laat val

• GUI – Ikoon met html• Vinniger

HTML SYNTAX - SINTAKS

• as syntax word to refers in language a of arrangement the In sentence

• In language syntax refers to as the arrangement of word in a sentence.

• HTML syntax order of codes and tags

• . woorde 'n 'n na die verwys sintaks van skommeling in sin taal. in

• In taal verwys 'n sintaks na die skommeling van woorde in 'n sin.

• HTML syntax volgorde van kodes en tags

7 GOLDEN RULES/GOUE REËLS

• Do your homework• Do not fall behind• Study every day• Make sure you

understand• Practise, practise and

practise• Do it now• Never give up!

• Doen jou huiswerk• Moenie agter raak nie• Studeer elke dag• Maak seker jy verstaan• Oefen, oefen en oefen• Doen dit nou• Moet nooit opgee nie