Your SlideShare is downloading. ×
0
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
Technical Suggestions for Legion of Mary Websites
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,564

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,564
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
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 <ul><li>How to make the website </li></ul><ul><li>Hosting Services </li></ul><ul><li>HTML Refresher </li></ul><ul><li>Free Webpage Building Software </li></ul><ul><li>Search Engine Optimization </li></ul><ul><li>Scanning </li></ul>
  • 3. How to Make the Website <ul><li>Plan what you want before coding it </li></ul><ul><li>Develop website before selecting a hosting service </li></ul><ul><li>View Source can give ideas for how to implement features </li></ul>
  • 4. Web Page Components <ul><li>Links & Relative links </li></ul><ul><li>Images (incl. Div) </li></ul><ul><li>Tables </li></ul><ul><li>Frames </li></ul><ul><li>Forms </li></ul><ul><li>Fields & Buttons </li></ul><ul><li>Cascading Style Sheets </li></ul><ul><li>Scripts </li></ul><ul><li>Fonts </li></ul>
  • 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 <ul><li>Template for formatting – define once, use multiple times </li></ul><ul><li>Defined in a .css file </li></ul>div.floatright { … } p.announce { … }
  • 11. Scripts <script language=&quot; JavaScript &quot;> function RunMyScript () { … } … </script> <body … onload=&quot; RunMyScript() &quot;>
  • 12. Fonts <ul><li><h1> </li></ul><ul><li><i> </li></ul><ul><li><b> </li></ul><ul><li><u> </li></ul><ul><li><li> </li></ul><ul><li><font style=&quot;color: rgb( 204, 0, 0 );&quot;> </li></ul><ul><li><p class=&quot;announce&quot;> </li></ul>
  • 13. Hosting Services <ul><li>Price </li></ul><ul><li>Bandwidth per month </li></ul><ul><li>Space </li></ul><ul><li>Add-on domains </li></ul><ul><li>Email addresses </li></ul><ul><li>Reliability </li></ul>
  • 14. Webpage Building Software <ul><li>Netscape Composer </li></ul><ul><li>Mozilla Editor </li></ul><ul><li>WorldWideWeb </li></ul><ul><li>Amaya </li></ul><ul><li>Blockstar </li></ul>
  • 15. Search Engine Optimization <ul><li>Register with Yahoo! </li></ul><ul><li>Google detects sites automatically </li></ul><ul><ul><li>Links from other sites </li></ul></ul><ul><li>Content and Keywords </li></ul><ul><ul><li>Include geographic areas and council name </li></ul></ul>
  • 16. Scanning <ul><li>Text vs. Pictures </li></ul><ul><li>Using Word, Acrobat, rich text, and other file formats </li></ul>
  • 17. Helpful Sites <ul><li>http://www.htmlcodetutorial.com/ </li></ul><ul><li>http://www.w3schools.com/js/default.asp </li></ul><ul><li>http://www.legion-of-mary.ie/Notes/GuideLines.html </li></ul>

×