Your SlideShare is downloading. ×
Technical Suggestions for Legion of Mary Websites
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Technical Suggestions for Legion of Mary Websites

1,471
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,471
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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. Web Page Components
    • Links & Relative links
    • Images (incl. Div)
    • Tables
    • Frames
    • Forms
    • Fields & Buttons
    • Cascading Style Sheets
    • Scripts
    • Fonts
  • 5. Links <a href=&quot; http://www.arlingtonregia.com &quot; target = “ new ”>Arlington Regia</a> <a href=# StMichaels >PPC to Annandale, VA from June 23-29.</a> <a name= StMichaels > <a href=&quot; mailto:webmaster@arlingtonregia.com &quot;> Webmaster</a>
  • 6. Images <img alt=&quot; Arlington Regia, Legion of Mary &quot; src=&quot; arlingtonregia3.gif &quot; style=&quot;width: 500 px; height: 156 px;&quot;> <div class=&quot; floatright &quot;> <div style=&quot;width: 200 px;&quot;> <img src=&quot; DuffFamily.jpg &quot; alt=&quot; Susan Duff & family &quot; width=&quot; 200 &quot; height=&quot; 263 &quot;> </div> </div>
  • 7. Tables <table style=&quot; width: 100%; text-align: left; &quot; border=&quot; 0 &quot; cellpadding=&quot; 0 &quot; cellspacing=&quot; 0 &quot;> <tr> <td style=&quot; vertical-align: top; &quot;> … . </td> <td> … </td> </tr> </table>
  • 8. Frames <FRAMESET cols=&quot; 180 ,*&quot; border=0 frameborder=&quot;no&quot;> <FRAME name=menu src=&quot; menu.html &quot; scrolling=&quot; auto &quot;> <FRAME name=main src=&quot; regia.html &quot;> </FRAMESET> <NOFRAMES> … .. </NOFRAMES>
  • 9. Forms <form action=&quot; http://www.mapquest.com/directions/main.adp &quot; method=&quot; get &quot; name=&quot; querybox &quot;> <input type=&quot; text &quot; name=“ Email &quot; value= &quot; Default &quot; tabindex= &quot; 1&quot;> <input type=&quot;hidden&quot; name= &quot; Source &quot; value= &quot; me &quot; /> <input type=&quot;submit&quot; value= &quot; Submit&quot;> </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=&quot; JavaScript &quot;> function RunMyScript () { … } … </script> <body … onload=&quot; RunMyScript() &quot;>
  • 12. Fonts
    • <h1>
    • <i>
    • <b>
    • <u>
    • <li>
    • <font style=&quot;color: rgb( 204, 0, 0 );&quot;>
    • <p class=&quot;announce&quot;>
  • 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