eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak


Introducton to Web Design
Exercise Three  
  • Okay, let's return to the page we made about ourselves and try to use some of the text sizes, positioning and style tags that we just learned to spice things up.

  • Below is an example of what your code might look like on the web:

  • Below is the actual code:


<BASEFONT = "Arial">

Bob Frog
<BR>26 Ayer Rajah Cres. 12-01
<BR>Singapore, 12994466556
<BR>(65) 657-4586


<B>About me</B>

Hello, my name is <B>Bob the
Frog</B> and I am 278 years old
from the <I>Gamma Quadrant</I>.
I have 23 sisters and 1 brother.  I am the
oldest, though.  You can find out more about
me by sending me email!


<B>About my work</B>

I am currently a software engineer working in
<FONT SIZE = "4">i</FONT>
<FONT SIZE = "3">n</FONT>
<FONT SIZE = "2">g</FONT>
<FONT SIZE = "2">a</FONT>
<FONT SIZE = "3">p</FONT>
<FONT SIZE = "4">o</FONT>
<FONT SIZE = "5">r</FONT>
<FONT SIZE = "6">e</FONT>
doing <U>training</U> and
<U>development</U>.  I enjoy my work
and have all sorts of really cool projects.



Previous Page | Next Page