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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Technical Suggestions for Legion of Mary Websites

  • 1,397 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,397
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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