Your SlideShare is downloading. ×
0
WEB  DESIGN<br />Berni Durham-Jones<br />By xIslandDesign <br />
Introduction <br />	In this unit you will:<br />Learn basic WYSIWYG web design<br />Learn some basic HTML programming<br /...
WYSIWYG<br />What is a WYSIWYG editor?<br />A WhatYouSeeIsWhatYouGet Editor is a program that requires no programming know...
What is HTML?<br />HTML stands for Hyper Text Mark-up Language. It consists of several tags which tell the web browser wha...
Your First HTML code<br />In Notepad Type<br /><html><head><title>My Own Home Page </title> </head><body><H1> I am Your-Na...
What you have just done.<br />You have just created your first webpage – though simple the techniques can be applied to mu...
THE <HTML> TAG<br />The tag <html> tells the browser that the html code is the beginning, this tag goes at the start of ev...
THE <HEAD> TAG<br />The <head> tag is used to hold information about the site. The information between <head> and </head> ...
THE <BODY> TAG<br />This tag is were all the important content is held such as the text on your page etc. This tag is impo...
Dreamweaver<br />Dreamweaver is essentially a WYSIWYG editor with some key differences- it also supports coding. This make...
Basic Use Of Dreamweaver<br />Behaviours panel<br />Toolbar<br />Work area<br />Formatting box<br />
Task <br />You will now create a webpage based on the skills you have just learned. A key point to remember is :<br />Laye...
Upcoming SlideShare
Loading in...5
×

Web designp pt

1,986

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,986
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web designp pt"

  1. 1. WEB DESIGN<br />Berni Durham-Jones<br />By xIslandDesign <br />
  2. 2. Introduction <br /> In this unit you will:<br />Learn basic WYSIWYG web design<br />Learn some basic HTML programming<br />Learn how to use functions such as hyperlinks and flash text. <br />
  3. 3. WYSIWYG<br />What is a WYSIWYG editor?<br />A WhatYouSeeIsWhatYouGet Editor is a program that requires no programming knowledge to build a webpage. <br />These programs are often simple and the effects are very basic however they are good for fast page creation.<br />
  4. 4. What is HTML?<br />HTML stands for Hyper Text Mark-up Language. It consists of several tags which tell the web browser what to display.<br />HTML is a simple language which can be easily wrote in a text editor such as notepad.<br />
  5. 5. Your First HTML code<br />In Notepad Type<br /><html><head><title>My Own Home Page </title> </head><body><H1> I am Your-Name and this is my web Page!</H1> </body></html><br />Then Click Save as – mypage.html<br />
  6. 6. What you have just done.<br />You have just created your first webpage – though simple the techniques can be applied to much more complicated designs.<br />The page consists of these tags.<br />
  7. 7. THE <HTML> TAG<br />The tag <html> tells the browser that the html code is the beginning, this tag goes at the start of every webpage you make and its sibling </html> goes at the end.<br />
  8. 8. THE <HEAD> TAG<br />The <head> tag is used to hold information about the site. The information between <head> and </head> will store info such as keywords for search engines and the title bar message.<br />
  9. 9. THE <BODY> TAG<br />This tag is were all the important content is held such as the text on your page etc. This tag is important to remember because without it the webpage will not display properly.<br />
  10. 10. Dreamweaver<br />Dreamweaver is essentially a WYSIWYG editor with some key differences- it also supports coding. This makes it one of the best software packages on the market today.<br />
  11. 11. Basic Use Of Dreamweaver<br />Behaviours panel<br />Toolbar<br />Work area<br />Formatting box<br />
  12. 12. Task <br />You will now create a webpage based on the skills you have just learned. A key point to remember is :<br />Layers are useful for ordering text<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×