Web Development can be rather complex..

BUT creating a basic xhtml page can be easy.

You need to follow several easy steps:

  1. First you need to download XStandard and Install -->XStandard Logo
  2. Next you need to create a webpage; use your website administration tool to do that, something process such as "create a page, name the page, etc." It is okay to give the page .html filename.
  3. Use the basic coding below to setup your page.
  4. Give your page some content created in XStandard, save, and you're done!

Step 3 may require a more detailed explanation, so here goes:

Professionals develop their webpages in accordance with W3C standards. Using the XStandard freeware, your pages can be created easily.

Copy + Paste this code into a new file (document) using notepad or any text editor and save the page with the .html file extension.

Here's the code you need:

<!-- Generated by XStandard version 2.0.0.0 on 2008-12-28T09:55:34 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="xstyles.css" type="text/css" />
<title>Some page title</title>
</head>

<body>
YOUR XSTANDARD CODE GOES HERE <!--THIS IS WHERE YOU COPY AND PASTE AS DESCRIBED IN STEP 4 BELOW!-->

</body>
</html>

 

Step 4) Additional Info

The initial screen you will see after installing XStandard is picture below:

XStandard's test-drive.html page preview

Figure 1.1: Use XStandard tool within your browser to edit the content area.

XStandard allows you edit the text much like Microsoft Word, except when you are done editing, the text you have generated can be viewed in computer code. The XML button shown in xstandard software button in XStandard's Application Toolbar (the software) allows you to do this.

 

When you are done creating your code, you will click this button to view the code, select-all and copy, then paste the resulting code as your page content. See Step 3 for a reminder on where your code is pasted.

 

Finally, you can add the 'W3C Validated' logo

I always include the following code, to show the W3C logo (bottom-right), per their recommendation. It is important to use their tool to ensure your pages validate according to the W3C.

 

<p><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fchriscargile.com%2Fwebdev.html&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0&amp;verbose=1&amp;user-agent=W3C_Validator%2F1.591" title="this page does validate as XHTML according to W3C standards"><img alt="Link to W3C Validator showing this page validates as standards-compliant XHTML" class="right" height="31" src="http://chriscargile.com/images/valid_xhtml.png" width="88" /></a></p>

 

The code above simply inserts a "Valid XHTML 1.0" Image and hyperlinks the image to the resulting validation page on W3C.

 

Now you're done!

 

Link to W3C Validator showing this page validates as standards-compliant XHTML

Would you like to go back to my site for more info. on web development?