If you’re starting from scratch with a brand new site, however, you could use the template below for each of your Web files and type or paste your site’s external file link or textual content within the appropriate DIV ID tag corresponding to each section of your page. After creating your initial file, you could simply do a Save As operation and give that file the name of the next Web file you wish to create in order to save time. Then, all you would need to do to the new file is highlight the sectional content within the “center” DIV ID tag and type or paste the content for your new file in its place. For that matter, I suppose you could even copy and paste the content from your existing Web pages into the appropriate sectional containers within the template to expedite the conversion from your former design to this new design. You would, of course, do the same Save As operation on each new Web file you created, just as you would in creating a site from scratch. Furthermore, as long as you saved your files in a different directory from your current Web files, you could retain the same file names you’re currently using and avoid the problem of 404 Errors resulting from changed file names when folks use their previous bookmarks to your site pages. It’s up to you how you may do this. Now, here’s a suggested template for your Web files:
<TITLE>Your Page Name</TITLE>
<LINK TYPE=”text/css” MEDIA=”Screen” REL=”stylesheet” HREF=”http://www.yourdomain.com/your_css_file.css”>
<!– Add other HEAD section code according to your preferences. –>
<H1>Your Page Name</H1>
<p>Your page’s main body textual content goes here.</p></DIV>
document.write(‘<a href=”http://www.yourdomain.com” title=”Home Page”> Home</a> | <a href=”http://www.yourdomain.com/about.html” title=”Learn more about us”>About Us</a> | <a href=”http://www.yourdomain.com/acts.html” title=”Take a look at our regularly scheduled activities”>Activities</a>’);
If you like what I’ve done on my site, you can just copy and paste the entire CSS code directly from your browser window into your external CSS file for quick and easy implementation. Of course, you can tweak the code however you like to get the results you want, so just experiment and have fun with it! Unfortunately, however, not all of this code is compatible with all browsers. Firefox, in particular, is rather disappointing in its display of some of these aspects, while Internet Explorer’s rendering looks great. Therefore, depending on your browser preference, you may want to limit your use of some of these or (if you’re more adept than I am) revise the code to display better in other browsers.
Well, that does it for now. If you have any questions or comments about this article, you may contact me by email or you can get a conversation going on the CCMAG Website. Either way, I’d love to hear from you!
Michael L. White is the founder and Managing Editor of Parson Place Press, an independent Christian publishing house in Mobile, Alabama. His book Digital Evangelism: You Can Do It, Too! is available wherever books are sold. For a list of his other books and articles, visit his Website at http://books.parsonplace.com.