Coding Your Web Site
|
 Whether or not to use frames and frame-based navigation is a source of partisan debate. One one hand, some web developers don't like frames because some major search engines cannot follow frame links. On the other hand, they do provide a logical way for the user to navigate through your web site without getting lost. My feeling is that search engines are now becoming more sophisticated and are able to spider through your entire site despite the presence of frames. As a matter of style, you should assume that every page you create is independent of your site. If you create a "home" link at the bottom of all your pages, internet surfers will be able to get back to your site. Using my web site as an example, you will be able to see how I build the web navigation. You will see two pages, the index page and the left page. For the sake of clarity, I've removed some of the code that doesn't relate to this topic.<html> <head> </head> <!-- Our cyber mall shopping center is a website with hundreds of the best and biggest companies in the world, well-known for their good service, fine products, and competitive prices. We are committed to proving the best in internet mall shopping. As you walk our virtual mall, you will find products and services that will delight and reward you. --> This is how to put comments into your code. <FRAMESET border="0" frameborder="0" cols="175,*"> <noframes> NOFRAMES <body> <BR> <BR> WWW.MYMALLANDNEWS.COM is your portal to a world-class cybermall, and political, business, and sports news and provides links to other sources of knowledge, opinion, and current events from around the world. If you are viewing this text, your browser lacks the ability to read frames. Don't worry, you can still enjoy our site. All the pages can be viewed from the index page. Please come inside! <BR> <BR> </body> </noframes> <FRAME SRC="left.html" NAME="left" frameborder="0" SCROLLING="NO" NORESIZE TITLE="NAVIGATION INDEX"> <FRAME SRC="frame08.html" NAME="content" frameborder="0" SCROLLING=YES NORESIZE TITLE="HOME PAGE"> Link to the navigation index and to the home page. </FRAMESET> </HTML> <html> <head> </head> <body bgcolor="IVORY" text="#000000" link="#003399" vlink="#3366FF" alink="#FF9900"> <style type="text/css"> CSS style sheet. BODY {font-size:10pt;font-family:arial;} TD {font-size:10pt;font-family:arial;} A:link {color: #3366FF;} A:visited {color: #003399;} A:hover {color: #FF0000;} </style> Javascript to dynamically stamp the date on the page. <font face="arial, helvetica, sans-serif size="1"><B><CENTER> <SCRIPT LANGUAGE="JavaScript1.2"> var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]="June"; months[7]="July"; months[8]="August"; months[9]="September"; months[10]="October"; months[11]="November"; months[12]="December"; var time=new Date(); var lmonth=months[time.getMonth() + 1]; var date=time.getDate(); var year=time.getYear(); if (year < 2000) year = year + 1900; document.write(" document.write(date + ", " + year + " </SCRIPT> </font> </CENTER> <BR> <BR> <font face="arial, helvetica, sans-serif size="-6"> Links to all the major pages from the index. <A HREF="frame08.html" onMouseover="window.status='Return to Home'; return true" onMouseout="window.status=''; return true" TARGET="content">Home</A><BR> <A HREF="frame03.html" onMouseover="window.status='Investments and Markets'; return true" onMouseout="window.status=''; return true" TARGET="content">Business</A><BR> . . . </font></B> <BR> <BR> <CENTER> <I> </font> <font face="arial, helvetica, sans-serif size="2"> <a href="index.html">Frame</a> To allow someone without frame capability to get to the site. </font> </I> </CENTER> </BODY> </HTML> To review, you've been introduced to the HTM HEAD and BODY of a web page, HTML tags, and to JavaScript. Any you also now know about frames. You basically know everything you need to know to start building your own web site.
|
About | Site Map | Archives | Home