eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   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: 

<HTML>
<HEAD>
<TITLE>Bob Frog</TITLE>
</HEAD>
<BODY>

<BLOCKQUOTE>
<BASEFONT = "Arial">

<ADDRESS>
<P ALIGN = "RIGHT">
Bob Frog
<BR>bob@frog.com
<BR>26 Ayer Rajah Cres. 12-01
<BR>Singapore, 12994466556
<BR>(65) 657-4586
</P>
</ADDRESS>

<P ALIGN = "LEFT">

<FONT SIZE = "4" COLOR = "RED">
<B>About me</B>
</FONT><BR>

<BLOCKQUOTE>
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!
</BLOCKQUOTE>

<P>

<FONT SIZE = "4" COLOR = "RED">
<B>About my work</B>
</FONT><BR>

<BLOCKQUOTE>
I am currently a software engineer working in
<FONT SIZE = "5">S</FONT>
<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.
</BLOCKQUOTE>

</BASEFONT>
</BLOCKQUOTE>

</BODY>
</HTML>

Previous Page | Next Page