1 / 16

HTML AND WEB DESIGN HTML EN WEB ONTWERP

INLEIDING - INTRODUCTION. HTML AND WEB DESIGN HTML EN WEB ONTWERP. 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.

goro
Download Presentation

HTML AND WEB DESIGN HTML EN WEB ONTWERP

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. INLEIDING - INTRODUCTION HTML AND WEB DESIGNHTML EN WEB ONTWERP

  2. 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

  3. WEBBROWSERS – WEBBLAAIER Webbrowser is a software application that enables users to open and display webpages Webblaaier is a sagteware program watgebruikerstoelaatomwebblaaieooptemaak en tevertoon

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

  5. 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 gewoontlikverkrydeur ‘n webblaaier • Dit is ‘n program watontwerp is om HTML te lees en teinterpreteer

  6. 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 • Elektroniesekortpad • Woord, fase of prentjie • Kliek op dit en beweegnanuwedokument, plek in selfdedokument of webwerf • Jykanvinnigbeweeg of spring van plek tot plek • HTML

  7. 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 • Uniekeadres van ‘n webwerf • http – hypertext transfer protoccol • https – secure • Stelreëlswatjou van eenwebwefna ‘n anderbeweeg • http – jyhoefditnie by tevoegnie – webblaaiervoegditoutomaties in

  8. WEBSITE – HTML Look at webpage. Kykna die webwerf.

  9. See how it was design. Kykna die kodewaarinditontwerp is.Right click: View page Source or view source.

  10. 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 • Stelreëlswatgebruik word omteks en prentetevertoon • Mark up kode • Daar word daarnaverwys as ‘n tag • Tags vertel die webblaaier hoe die webbladmoetvertoon • Tags word nievertoon – maar formatteer die inhoud

  11. 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 programmeringstaalnie • Aanvaarbarestandaardkodeom ‘n webbladtevertoon • Manier van formattering • Stoordit met ‘n lêeruitbreiding .htm of html

  12. HTML EDITOR • Software application for creating weg pages • Need basic knowledge of HTML • Sagteware program omwebblaaieteontwerp • Het basiesekennis van HTML nodigomdittekangebruik

  13. 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 watjoutoelaatom finale dokumenttesien • Laatjou toe omtetik, sleep en te los soos met die meeste GUI programme – maakwerkvinniger • Watjysien is watjykry

  14. 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 watgebruikmaak van GUI • Gebruik HTML kodereringomjoute help omwebbladtemaak • Wysiwyg – laatjou toe omtetik, sleep en laatval • GUI – Ikoon met html • Vinniger

  15. 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 verwyssintaks van skommeling in sin taal. in • In taalverwys 'n sintaksna die skommeling van woorde in 'n sin. • HTML syntax volgorde van kodes en tags

  16. 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! • Doenjouhuiswerk • Moenieagterraaknie • Studeerelke dag • Maaksekerjyverstaan • Oefen, oefen en oefen • Doenditnou • Moet nooitopgeenie

More Related