Creating a Web Page

Barbara J. Feldman

Yesterday I stumbled upon a class of ten- and eleven-year olds learning to make Web pages, and it occurred to me that learning HTML (the language of the Web) is the hallmark accomplishment of computer literacy today. A Web page written in Hypertext Markup Language (HTML) can be created with any text editor or word processor, if you know the HTML codes. Here are my recommendations to get you started. [Editor's Note: An updated version of this topic can be found here: Creating a Web Page]

  • GeoCities Free Home Page4 stars

    No discussion of home pages would be complete without mentioning GeoCities homesteading program. They offer a free personal home page and email account in one of thirty eight themed Web communities. What's the catch? No catch, they are sponsored by advertisors. Whatever your passion, you'll find like-minded neighbors in one of their neighborhoods. For example, Enchanted Forest is just for kids and Heartland is for families. To apply for your free page, simply find a vacant house in the neighborhood of your choice, and click on it to complete an application. Learn some HTML, and you are on your way to world wide fame!

  • HTML: An Interactive Tutorial5 stars

    Through the use of text input forms, this very clever interactive tutorial allows you to test your new found HTML skills within your browser, without having to create files in a separate text editor. To take advantage of this interactivity you will need at least version 2.0 of either Netscape Navigator or Microsoft Internet Explorer. This complete tutorial will take you from ground zero (what is HTML?) to uploading your page to the Net. Advanced topics such as adding sound and using frames are covered in a separate section.

  • HTML Basics for Kids3 stars

    CometDust and her mommy take you on a chatty journey to create a Web page about a bunny. Along the way they explain basic HTML tags such as and <BODY>. They show you how to a add a picture to your page, and how to make a list. They don't get into creating hyperlinks to other sites, but they do point to other tutorials that will take you beyond the bunny stage.</p></p></div> </li> <div style="clear:both;"></div> <li> <div><h2><a href="http://www.informit.com/product/0789714493/" target="_blank">Special Edition Using HTML</a><span class="five stars">5 stars</span></h2> <div style="clear:both;"></div> <p><p>Editor's note 12/9/97: This free online book now requires that you register your email address before you can "check the book out" of Ques's cyberlibrary.</p></p></div> </li> <div style="clear:both;"></div> <li> <div><h2><a href="http://www.webmonkey.com/kids/" target="_blank">Web Monkey for Kids</a><span class="five stars">5 stars</span></h2> <div style="clear:both;"></div> <p><p>"Ready to make your own Web site and send your weird ideas out into the world? Then you're in the right place." These fab lessons take you from basics to fun with gizmos such as guestbooks, counters and animated graphics. After the lessons, you can tackle projects such as a slide show or a birthday invitation. Teachers will appreciate the lesson plans and everyone will find something of value in Tools (a guide to free downloadable utilities.)</p></p></div> </li> <div style="clear:both;"></div> <div class="mentions"><h4>Honorable Mentions</h4> <p>The following links are either new discoveries or sites that didn't make it into my newspaper column because of space constraints. Enjoy!</p> <ul> <li><h3><i></i><a href="http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerP1.html" target="_blank">Beginner's Guide to HTML</a></h3></li> <li class="even"><h3><i></i><a href="http://www1.zdnet.com/familypc/content/970117/cover/fpc.web.parentsguide4.html" target="_blank">Create Family Web Pages</a></h3></li> </ul> <br clear="all"><h4>Cite This Page</h4> <li><p>Feldman, Barbara. "Creating a Web Page." Surfnetkids. <em>Feldman Publishing</em>. 12 Aug. 1997. Web. 29 Jul. 2014. <http://www.surfnetkids.com/resources/webpage97/ >.</p> </li> <br clear="all"><h4>About This Page</h4> <li><p>By <a href="/barbara.htm" rel="author">Barbara J. Feldman</a>. Originally published August 12, 1997. Last modified August 12, 1997.</p></li> <div class="pdf"><li><p>Try a <a href="http://www.surfnetkids.com/printables-club.htm">FREE trial of the Surfnetkids Printables Club</a></p></li></div><table border=0 cellspacing=0 cellpadding=8 align=center> <tr><td valign=top> <table width=175 align=center border=0 cellspacing=0 cellpadding=0> <tr><td valign=bottom align=center height=150> <a href="http://www.amazon.com/Creating-Pages-Simplified-Mike-Wooldridge/dp/1118063511?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118063511" target=_blank><img src="http://ecx.images-amazon.com/images/I/51gMiZuia%2BL._SL160_.jpg" width="135" height="160" border=0 alt="Creating Web Pages Simplified"></a> </td></tr> <tr><td height=4></td></tr> <tr><td><font style="line-height:95%; font-family:Arial,Helvetica,sans-serif; font-size:12px;"> <b> <a href="http://www.amazon.com/Creating-Pages-Simplified-Mike-Wooldridge/dp/1118063511?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118063511" target=_blank>Creating Web Pages Simplified</a> </b> <br>by <a href="http://www.surfnetkids.com/cgi-bin/amazon.cgi?authorsearch=Mike%20Wooldridge&mode=books">Mike Wooldridge</a>, <a href="http://www.surfnetkids.com/cgi-bin/amazon.cgi?authorsearch=Brianna%20Stuart&mode=books">Brianna Stuart</a> <br>(Paperback) <br>- Usually ships in 24 hours <br> <font color="#339900"> Price: $4.31<br /><br /> </font> </font> </td></tr> </table> </td><td valign=top> <table width=175 align=center border=0 cellspacing=0 cellpadding=0> <tr><td valign=bottom align=center height=150> <a href="http://www.amazon.com/Creating-Web-Pages-For-Dummies/dp/0470385359?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0470385359" target=_blank><img src="http://ecx.images-amazon.com/images/I/51cL5N3QRmL._SL160_.jpg" width="126" height="160" border=0 alt="Creating Web Pages For Dummies"></a> </td></tr> <tr><td height=4></td></tr> <tr><td><font style="line-height:95%; font-family:Arial,Helvetica,sans-serif; font-size:12px;"> <b> <a href="http://www.amazon.com/Creating-Web-Pages-For-Dummies/dp/0470385359?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0470385359" target=_blank>Creating Web Pages For Dummies</a> </b> <br>by <a href="http://www.surfnetkids.com/cgi-bin/amazon.cgi?authorsearch=Bud%20E.%20Smith&mode=books">Bud E. Smith</a> <br>(Paperback) <br>- Usually ships in 24 hours <br> <font color="#339900"> Price: $3.34<br /><br /> </font> </font> </td></tr> </table> </td><td valign=top> <table width=175 align=center border=0 cellspacing=0 cellpadding=0> <tr><td valign=bottom align=center height=150> <a href="http://www.amazon.com/Creating-Pages-All-One-Dummies/dp/0470640324?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0470640324" target=_blank><img src="http://ecx.images-amazon.com/images/I/51ywdejVFFL._SL160_.jpg" width="127" height="160" border=0 alt="Creating Web Pages All-in-One For Dummies"></a> </td></tr> <tr><td height=4></td></tr> <tr><td><font style="line-height:95%; font-family:Arial,Helvetica,sans-serif; font-size:12px;"> <b> <a href="http://www.amazon.com/Creating-Pages-All-One-Dummies/dp/0470640324?SubscriptionId=AKIAIUZHKABHBTWADJ5Q&tag=surfinthenetwith&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0470640324" target=_blank>Creating Web Pages All-in-One For Dummies</a> </b> <br>by <a href="http://www.surfnetkids.com/cgi-bin/amazon.cgi?authorsearch=Richard%20Wagner&mode=books">Richard Wagner</a> <br>(Paperback) <br>- Usually ships in 24 hours <br> <font color="#339900"> Price: $4.80<br /><br /> </font> </font> </td></tr> </table> </td></tr> </table><br /><br /><!-- Go to your Addthis.com Dashboard to update any options --> <div class="addthis_responsive_sharing"></div> </div></div> </div> </div> <div id="disqus_thread"> </div> <script type="text/javascript"> /* <![CDATA[ */ var disqus_url = 'http://www.surfnetkids.com/resources/webpage97/'; var disqus_identifier = '138 http://www.surfnetkids.com/topics/webpage97/'; var disqus_container_id = 'disqus_thread'; var disqus_domain = 'disqus.com'; var disqus_shortname = 'snkresources'; var disqus_title = "Creating a Web Page"; var disqus_config = function () { var config = this; // Access to the config object config.language = ''; /* Add the ability to add javascript callbacks */ /* All currently supported events: * preData — fires just before we request for initial data * preInit - fires after we get initial data but before we load any dependencies * onInit - fires when all dependencies are resolved but before dtpl template is rendered * afterRender - fires when template is rendered but before we show it * onReady - everything is done */ config.callbacks.preData.push(function() { // clear out the container (its filled for SEO/legacy purposes) document.getElementById(disqus_container_id).innerHTML = ''; }); config.callbacks.onReady.push(function() { // sync comments in the background so we don't block the page var script = document.createElement('script'); script.async = true; script.src = '?cf_action=sync_comments&post_id=138'; var firstScript = document.getElementsByTagName( "script" )[0]; firstScript.parentNode.insertBefore(script, firstScript); }); }; /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ var DsqLocal = { 'trackbacks': [ ], 'trackback_url': "http:\/\/www.surfnetkids.com\/resources\/webpage97\/trackback\/" }; /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.' + 'disqus.com' + '/' + 'embed' + '.js' + '?pname=wordpress&pver=2.77'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); /* ]]> */ </script> <div class="prev_next"> <p class="previous floated" ><a href="http://www.surfnetkids.com/resources/travel/" rel="prev">PREVIOUS <span class="previous_button_right"></span></a></p><p class="next"><a href="http://www.surfnetkids.com/resources/abc97/" rel="next">NEXT <span class="next_button_left"></span></a></p></div> <div class="clearspacer"></div> </div> <div class="colbox-footer"></div> </div> <div id="sidebars"> <div id="sidebar_1" class="sidebar"> <ul class="sidebar_list"> <li class="widget widget_text" id="text-3"> <div class="textwidget"><br clear="all"/><!-- SurfnetkidsRect1 --> <div id='div-gpt-ad-1321488311473-5' style='width:300px; height:250px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1321488311473-5'); }); </script> </div></div> </li><li class="widget widget_text" id="text-14"> <div class="textwidget"><div class="colbox-solid"><h3>Related Sites</h3> <div class="colbox-content"><ul class="sidebar-list"> <li "g1"><i></i><a href="http://www.surfnetkids.com/resources/bookrpt/">Publish Your Book Reviews</a></li> <li "g2"><i></i><a href="http://www.surfnetkids.com/resources/publish/">Become a Published Author</a></li> <li "g3"><i></i><a href="http://www.surfnetkids.com/resources/pubpoem/">Publish Your Poems</a></li> <li class="g10"><i></i><a href="/reader/reviews/webpage97">Creating a Web Page Reader Reviews</a></li> <li class="g10"><i></i><a href="/related/Creating+Web+Pages">Web Search for Creating a Web Page</a></li> <li class="g10"><i></i><a href="/books/Creating+a+Web+Page">Related Books</a></li> </ul></div> <div class="colbox-footer"></div></div></div> </li><li class="widget widget_search" id="search-2"><h3>Search Online Resources</h3><form role="search" method="get" id="searchform" class="searchform" action="http://www.surfnetkids.com/resources/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form></li><li class="widget widget_text" id="text-9"><h3>Top Ten Resources</h3> <div class="textwidget"> <!-- Wordpress Popular Posts Plugin v3.0.3 [SC] [daily] [views] [custom] --> <ul class="top-ten-gold"> <li class="g1"><i></i><a href="http://www.surfnetkids.com/resources/back-to-school-poems/">Back-to-School Poems</a> </li> <li class="g2"><i></i><a href="http://www.surfnetkids.com/resources/rebus-stories/">Rebus Stories</a> </li> <li class="g3"><i></i><a href="http://www.surfnetkids.com/resources/groundhogday/">Groundhog Day</a> </li> <li class="g4"><i></i><a href="http://www.surfnetkids.com/resources/file-folder-games/">File Folder Games</a> </li> <li class="g5"><i></i><a href="http://www.surfnetkids.com/resources/diagramming-sentences/">Diagramming Sentences</a> </li> <li class="g6"><i></i><a href="http://www.surfnetkids.com/resources/phonics-games/">Phonics Games</a> </li> <li class="g7"><i></i><a href="http://www.surfnetkids.com/resources/science-experiments/">Easy Science Experiments</a> </li> <li class="g8"><i></i><a href="http://www.surfnetkids.com/resources/history-world-wide-web/">History of the World Wide Web</a> </li> <li class="g9"><i></i><a href="http://www.surfnetkids.com/resources/kindergarten/">Get Ready for Kindergarten</a> </li> <li class="g10"><i></i><a href="http://www.surfnetkids.com/resources/how-to-create-a-wiki/">How to Create a Wiki</a> </li> </ul> <!-- End Wordpress Popular Posts Plugin v3.0.3 --> </div> </li><li class="widget widget_text" id="text-6"> <div class="textwidget"><!-- Surfnetkids300x600 --> <div id='div-gpt-ad-1321488311473-1' style='width:300px; height:600px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1321488311473-1'); }); </script> </div></div> </li><li class="widget FollowBarbaraFeldman" id="followbarbarafeldman-2"><div class="followbarbara"><h3>Connect with Barbara</h3><div class="followbarbaraicons"> <a href ="https://www.facebook.com/barbara.feldman" target="_blank" rel="me"><div class="fp-facebook"></div></a> <a href="http://twitter.com/barbarafeldman" target="_blank" rel="me"><div class="fp-twitter-2"></div></a> <a href="https://plus.google.com/+BarbaraFeldman/" target="_blank" rel="me"><div class="fp-googleplus"></div></a> <a href="http://pinterest.com/barbarafeldman/" target="_blank" rel="me"><div class="fp-pinterest"></div></a> <a href="http://www.flickr.com/photos/barbarafeldman" target="_blank" rel="me"><div class="fp-flickr"></div></a> <a href="http://instagram.com/barbarafeldman" target="_blank" rel="me"><div class="fp-instagram"></div></a> <a href="http://goodreads.com/barbarafeldman" target="_blank" rel="me"><div class="fp-goodreads"></div></a> <a href="http://www.amazon.com/Barbara-Feldman/e/B0088Q89J2" target="_blank" rel="me"><div class="fp-amazon"></div></a> <a href="http://www.barbarafeldman.com/" target="_blank" rel="me"><div class="fp-blog-green"></div></a> <a href="http://www.feldmanpublishing.com/newsletters/" target="_blank"><div class="fp-email"></div></a> <a href="http://www.feldmanpublishing.com/social-media/" target="_blank"><div class="fp-facebook-like"></div></a></div></div><br clear="all"/></li><li class="widget widget_text" id="text-2"><h3>Find Us on Facebook</h3> <div class="textwidget"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsurfnetkids&width=300&height=258&show_faces=true&colorscheme=light&stream=false&border_color&header=false&appId=294969877260036" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowTransparency="true"></iframe></div> </li> </ul> </div> </div> </div> <div class="clearspacer"></div> <div style="margin: 0 auto; height: 15px;width: 730px; margin-top: 10px;"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-5706659305748000"; /* 728x15 BTF Link */ google_ad_slot = "7692864600"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <ins style="display:inline-table;border:none;height:15px;margin:0;padding:0;position:relative;visibility:visible;width:728px"></ins> </div> <div id="share_feed"> <div class="top"></div> <div class="bg"> <div> <div class="feed-links"> <a href="http://feeds.surfnetkids.com/SurfingTheNetWithKids"><span class="rss-icon"> </span>Headline Feed</a> <a href="http://www.surfnetkids.com/newsletters/feed/"><span class="rss-icon"> </span>Newsletter Feed</a> <a href="http://feeds.surfnetkids.com/SurfNetKidsGames"><span class="rss-icon"> </span>Game Feed</a> <a href="http://www.surfnetkids.com/rss_feeds.htm"><span class="rss-icon"> </span>All Feeds</a> <a href="http://www.facebook.com/surfnetkids"><span class="facebook-icon"> </span>Surfnetkids at Facebook</a> <a href="http://www.twitter.com/barbarafeldman"><span class="twitter-icon"> </span>Barbara on Twitter</a> </div> </div> </div> <div class="btm"></div> </div> <div style="margin: 0 auto; width: 410px; float: none;" class="search_box"> <form action="http://www.surfnetkids.com/search-results-bottom.htm" id="cse-search-box-bottom"> <input type="hidden" name="cx" value="007607330883405385977:aovpkecf724"> <input type="hidden" name="cof" value="FORID:10"> <span class="sprite left"> </span> <span class="bg sprite"><input type="text" class="textfiled" name="q" size="37" ></span> <span class="right"><input class="sprite s-btn" type="submit" alt="Search" name="sa" value=" "></span> </form> </div> <div id="footer"> <p><br />Copyright © 1996 - 2014 <a href="http://www.surfnetkids.com/">Surfnetkids.com, Inc.</a> | <a href="/about/">About</a> | <a href="/privacy/">Privacy Policy</a> | <a href="http://www.replytobarbara.com">Contact</a> <br>Another Fabulous Site from <a href="http://www.feldmanpublishing.com">Feldman Publishing</a> | <a href="http://www.feldmanpublishing.com/advertise-with-us/">Advertise With Us</a> | <a href="#">Back to Top</a></p> <script type='text/javascript' src='http://cdn.surfnetkids.com/resources/wp-includes/js/comment-reply.min.js?ver=3.9.1'></script> </div> </div> </div> <!--[if lte IE 8]> <div id="ie_clear"></div> <![endif]--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://v2.snkpix.com/wp/wpsite.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="http://surfnetkids.us.intellitxt.com/intellitxt/front.asp?ipid=12791"></script> <div class="AW-Form-2023007553"></div> <script type="text/javascript">(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "http://forms.aweber.com/form/53/2023007553.js"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "aweber-wjs-wxuhx9gsr")); </script> <script type="text/javascript" src="http://analytics.aweber.com/js/awt_analytics.js?id=B6GL"></script> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box-bottom&lang=en"></script> </div> </body> </html> <!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/ Page Caching using disk: enhanced Database Caching 19/66 queries in 0.038 seconds using disk Content Delivery Network via cdn.surfnetkids.com Served from: www.surfnetkids.com @ 2014-07-29 14:52:21 by W3 Total Cache -->