Your SlideShare is downloading. ×
0
Website Workshop Legion of Mary Arlington Regia
Overview <ul><li>How to make the website </li></ul><ul><li>Hosting Services  </li></ul><ul><li>HTML Refresher </li></ul><u...
How to Make the Website <ul><li>Plan what you want before coding it </li></ul><ul><li>Develop website before selecting a h...
Web Page Components <ul><li>Links & Relative links </li></ul><ul><li>Images (incl. Div) </li></ul><ul><li>Tables </li></ul...
Links <a href=&quot; http://www.arlingtonregia.com &quot; target =  “ new ”>Arlington Regia</a> <a href=# StMichaels >PPC ...
Images <img alt=&quot; Arlington Regia, Legion of Mary &quot; src=&quot; arlingtonregia3.gif &quot; style=&quot;width:  50...
Tables <table style=&quot; width: 100%; text-align: left; &quot; border=&quot; 0 &quot; cellpadding=&quot; 0 &quot; cellsp...
Frames <FRAMESET cols=&quot; 180 ,*&quot; border=0 frameborder=&quot;no&quot;> <FRAME name=menu src=&quot; menu.html &quot...
Forms <form action=&quot; http://www.mapquest.com/directions/main.adp &quot; method=&quot; get &quot; name=&quot; querybox...
Cascading Style Sheets <ul><li>Template for formatting – define once, use multiple times </li></ul><ul><li>Defined in a .c...
Scripts <script language=&quot; JavaScript &quot;> function  RunMyScript () { … } … </script> <body … onload=&quot; RunMyS...
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>...
Hosting Services <ul><li>Price </li></ul><ul><li>Bandwidth per month </li></ul><ul><li>Space </li></ul><ul><li>Add-on doma...
Webpage Building Software <ul><li>Netscape Composer </li></ul><ul><li>Mozilla Editor </li></ul><ul><li>WorldWideWeb </li><...
Search Engine Optimization <ul><li>Register with Yahoo! </li></ul><ul><li>Google detects sites automatically </li></ul><ul...
Scanning <ul><li>Text vs. Pictures </li></ul><ul><li>Using Word, Acrobat, rich text, and other file formats </li></ul>
Helpful Sites <ul><li>http://www.htmlcodetutorial.com/ </li></ul><ul><li>http://www.w3schools.com/js/default.asp </li></ul...
Upcoming SlideShare
Loading in...5
×

Technical Suggestions for Legion of Mary Websites

1,568

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,568
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Technical Suggestions for Legion of Mary Websites"

  1. 1. Website Workshop Legion of Mary Arlington Regia
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 11. Scripts <script language=&quot; JavaScript &quot;> function RunMyScript () { … } … </script> <body … onload=&quot; RunMyScript() &quot;>
  12. 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. 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. 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. 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. 16. Scanning <ul><li>Text vs. Pictures </li></ul><ul><li>Using Word, Acrobat, rich text, and other file formats </li></ul>
  17. 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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×