1 / 17

Website Workshop

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

koko
Download Presentation

Website Workshop

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Website Workshop Legion of Mary Arlington Regia

  2. Overview • How to make the website • Hosting Services • HTML Refresher • Free Webpage Building Software • Search Engine Optimization • Scanning

  3. 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

  4. Links & Relative links Images (incl. Div) Tables Frames Forms Fields & Buttons Cascading Style Sheets Scripts Fonts Web Page Components

  5. 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:webmaster@arlingtonregia.com"> Webmaster</a>

  6. 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>

  7. 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>

  8. 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>

  9. 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>

  10. Cascading Style Sheets • Template for formatting – define once, use multiple times • Defined in a .css file div.floatright { … } p.announce { … }

  11. Scripts <script language="JavaScript"> function RunMyScript() { … } … </script> <body … onload="RunMyScript()">

  12. Fonts • <h1> • <i> • <b> • <u> • <li> • <font style="color: rgb(204, 0, 0);"> • <p class="announce">

  13. Hosting Services • Price • Bandwidth per month • Space • Add-on domains • Email addresses • Reliability

  14. Webpage Building Software • Netscape Composer • Mozilla Editor • WorldWideWeb • Amaya • Blockstar

  15. Search Engine Optimization • Register with Yahoo! • Google detects sites automatically • Links from other sites • Content and Keywords • Include geographic areas and council name

  16. Scanning • Text vs. Pictures • Using Word, Acrobat, rich text, and other file formats

  17. Helpful Sites • http://www.htmlcodetutorial.com/ • http://www.w3schools.com/js/default.asp • http://www.legion-of-mary.ie/Notes/GuideLines.html

More Related