Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

NJECC iWEB Tutorial DAndrea


Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

NJECC iWEB Tutorial DAndrea

  1. 1. Website design for the rest of us…… Debra D’Andrea School Library Media and Technology Specialist [email_address] If you want me to call you, send an email with your number Norman Rockwell
  2. 2. Using iWEB to create and publish a personal website iLife Suite Mac / Apple Only
  3. 3. How did we get here? Early Website Design…. Was a little scary if you weren’t a math program geek… Don’t want to learn a new language? HTML defined CSS defined
  4. 4. Why WYSIWYG? WYSIWYG (play / ˈ w ɪ ziw ɪɡ / wiz-ee-wig) is an acronym for What You See Is What You Get. The term is used in computing to describe a system in which content displayed during editing appears very similar to the final output,[2] which might be a printed document, web page, or slide presentation. Source: Wikipedia
  5. 5. Variety of Programs Available to Do the Job Common Applications You’ve Heard Of Best of the Web 2011 Adobe Dreamweaver Industry Standard / Difficult to learn MicroSoft Front Page No longer supported by Microsoft 1. It causes massive errors on other browsers 2. It's not valid code 3. The interface is ugly 4. It's only compatible with Internet Explorer 5. Created weird errors that made problems for visitors, esp. w/o IE 6. Created errors that were not fixable by even the experts here 7. The server that you want to host the site on has to have FrontPage Extensions enabled and updated regularly in order for FrontP ageto work properly Microsoft Expressions Examples: Information:
  6. 6. Consumer Suggestions Coffee Cup User Friendly Wordpress blog in place of a website
  7. 7. eBlogger/blogspot Google Sites G o o g l e
  8. 8. The Basic Components Before iWEB <ul><li>Domain Name </li></ul><ul><li>Noun: A series of alphanumeric strings separated by periods, such as, serving as an address for a computer network connection and identifying the owner of the address </li></ul><ul><li>Ie .com .edu .gov </li></ul><ul><li>Domain Registration/Hosting </li></ul><ul><li>A variety of hosting options. Do your research, price conscience if necessary, review support. I use GoDaddy. Great phone support all the time. </li></ul><ul><li> </li></ul>
  9. 9. <ul><li>Site Hosting </li></ul><ul><li>Apple Hosting </li></ul><ul><li> </li></ul><ul><li>Outside Host </li></ul><ul><li> </li></ul>
  10. 10. Onto the Program iWeb <ul><li>Open Program </li></ul><ul><li>Let’s Review the Menu, Buttons, Features and Icons </li></ul>
  11. 11. Create New Site Choose Template Choose Page Style
  12. 12. Organization Adding Pages Changing Names Menu Directory
  13. 13. All Text, Photos and Layout Can Be Altered They appear as place holders. Photos fill the frames instantly. Text appears at the fonts/sizes you see but this can be changed
  14. 14. Insert Media Button Links to: iPhoto iTunes iMovies Drag and Drop Be careful of bandwidth. Consider service contract and amount of time to load
  15. 15. <ul><li>Inspector </li></ul><ul><li>Create Hyperlink </li></ul><ul><li>Link To Pages </li></ul><ul><li>Link To Photos </li></ul><ul><li>Uncheck </li></ul><ul><li>Make Hyperlinks active when working </li></ul><ul><li>makes format buggy </li></ul><ul><li>Don’t forget to re-activate! </li></ul>
  16. 16. Ready, set…. PUBLISH!
  17. 18. Debra D’Andrea [email_address] 973-632-4320 Site Samples Photography Site Musician Site Media Center Site Video Tutorials eHOW LYNDA.Com Resources Templates Winning iWeb WEBSITES RESOURCE PAGE