Saivaneri Web Tutor
Chapter 1 – Web Page creation on PC (local)
Ok Guys! From Chapter 1, which I emailed to you, I hope that you must have learned what is HTML? How HTML pages can be created etc.
Now assuming that you already know how to create a HTML file, we go to the next step, HOW FAST we can work with a web site creation.
To create a web site FAST, you need not know HTML at all!. Because, WYSIWYG (What You See Is What You Get) editors allow you to create web pages with out knowing a single line of HTML. But if you know little bit basics, you can manipulate the WYSIWYG editors more to your advantage.
Examples of WYSIWYG editors are…
1. Front Page 2000 comes with Office 2000
2. Front Page XP comes with Office XP
3. Macromedia Dream weaver 3.0 or 4.0 versions
4. Adobe Go Live
5. Net Objects Fusion
6. IML Web Dwarf
7. Allaire Home Site and more….
In contrast to this WYSIWYG editors, there are many hard coding editors also which requires thorough knowledge of HTML/DHTML programming, Java/CGI/PERL/CORBA/VB/SSI scripting.
Examples of Non-WYSIWYG editors are…
1. 1st Page 2000 –(FREE) Download:- http://www.evrsoft.com
2. Coffee Cup Pro –FREE Download:- http://www.coffeecup.com
3. Stones web editor Download:- http://www.stoneware.dk
4. Ace HTML Download:-http://visicom.com
Why the need of these Non-WYSIWYG editors?. Because WYSIWYG editors are not always reliable. Hard coding is sometimes useful to control the behavior of our web site more tuned.
Okay, now we will start with Web site creation using the more popular and ubiquitous Front Page 2002 XP
To create any web site, it is easy to learn reverse. That is, first create the web site by wizards, then read the HTML codes , so that you can come to know what code is doing the magic.
ü Every html page starts with <html> and ends with </html>
ü <head>………………..</head> provides the header info for this file
ü <title>………</title> gives the title shown on top of the browser
ü <meta> tags provide many descriptions of the page like…
(a)name (b) content (c) language (d) program id (e) generator (editor) etc..
ü <body> ……</body> contains the actual thing which we see on the browser
and we also see many more common html tags here… like
ü go through the whole page thoroughly, and make amendments in the normal mode and see the corresponding change in the html and preview mode….
ü If you are unable to understand anything about tags, again please go through the chapter 1
ü Now you can click File – preview in browser
ü Now you are viewing the page in the browser…. Click the various links and get satisfied what it is links to and where you go..
ü The same html source you can view by clicking the view source tab on the browser also.
ü This view source opens the file in the text editor, so here there is no intuitive helps.
I think this chapter explained how to create a web site on the front page, see the file in different modes, preview it on a browser and edit it on the front page editor
Any doubts, please ask me, since we are moving to next chapter