website workshop legion of mary arlington regia. overview how to make the website hosting services...
TRANSCRIPT
Website Workshop
Legion of Mary
Arlington Regia
Overview
• How to make the website
• Hosting Services
• HTML Refresher
• Free Webpage Building Software
• Search Engine Optimization
• Scanning
How to Make the Website
• Plan what you want before coding it
• Develop website before selecting a hosting service
• View Source can give ideas for how to implement features
Web Page Components
• Links & Relative links• Images (incl. Div)• Tables• Frames• Forms• Fields & Buttons
• Cascading Style Sheets
• Scripts• Fonts
Links<a href="http://www.arlingtonregia.com" target = “new”>Arlington Regia</a>
<a href=#StMichaels>PPC to Annandale, VA from June 23-29.</a>
<a name=StMichaels>
<a href="mailto:[email protected]"> Webmaster</a>
Images<img alt="Arlington Regia, Legion of Mary" src="arlingtonregia3.gif" style="width: 500px; height: 156px;">
<div class="floatright"> <div style="width:200px;">
<img src="DuffFamily.jpg" alt="Susan Duff & family" width="200" height="263">
</div> </div>
Tables<table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align: top;">
….</td><td>…</td></tr></table>
Frames<FRAMESET cols="180,*" border=0 frameborder="no"> <FRAME name=menu src="menu.html" scrolling="auto"> <FRAME name=main src="regia.html"> </FRAMESET>
<NOFRAMES> …..
</NOFRAMES>
Forms<form action="http://www.mapquest.com/directions/main.adp" method="get" name="querybox">
<input type="text" name=“Email" value= " Default" tabindex= " 1">
<input type="hidden" name= " Source" value= " me" />
<input type="submit" value= " Submit">
</form>
Cascading Style Sheets
• Template for formatting – define once, use multiple times
• Defined in a .css filediv.floatright { …}p.announce { …}
Scripts<script language="JavaScript">function RunMyScript() { …}…</script>
<body … onload="RunMyScript()">
Fonts
<h1><i><b><u>•<li><font style="color: rgb(204, 0, 0);"><p class="announce">
Hosting Services
• Price
• Bandwidth per month
• Space
• Add-on domains
• Email addresses
• Reliability
Webpage Building Software
• Netscape Composer
• Mozilla Editor
• WorldWideWeb
• Amaya
• Blockstar
Search Engine Optimization
• Register with Yahoo!
• Google detects sites automatically– Links from other sites
• Content and Keywords– Include geographic areas and council name
Scanning
• Text vs. Pictures
• Using Word, Acrobat, rich text, and other file formats
Helpful Sites
• http://www.htmlcodetutorial.com/
• http://www.w3schools.com/js/default.asp
• http://www.legion-of-mary.ie/Notes/GuideLines.html