SlideShare a Scribd company logo
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 www.dandreamedia.com www.dandreamedia.wordpress.com Norman Rockwell
Using  iWEB  to create and publish a personal website iLife Suite Mac / Apple Only
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 http://www.tizag.com/htmlT CSS defined http://en.wikipedia.org/wiki/Cascading_Style_Sheets
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
Variety of Programs Available to Do the Job Common Applications You’ve Heard Of Best of the Web 2011 http://webdesign.about.com/od/windowshtmleditors/tp/windows-wysiwyg-editors.htm Adobe Dreamweaver  Industry Standard / Difficult to learn MicroSoft Front Page  No longer supported by Microsoft www.bloomfield.k12.nj.us 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:  http://webdesigneraid.com/15-brilliant-examples-of-websites-using-expression-engine/ Information:  http://www.brighthub.com/computing/windows-platform/articles/2949.aspx
Consumer Suggestions Coffee Cup User Friendly http://www.coffeecup.com Wordpress blog in place of a website www.wordpress.com
eBlogger/blogspot Google Sites G o o g l e
The Basic Components Before iWEB   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
Onto the Program iWeb ,[object Object],[object Object]
Create New Site Choose Template Choose Page Style
Organization Adding Pages Changing Names Menu Directory
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
Insert Media Button Links to: iPhoto iTunes iMovies Drag and Drop Be careful of bandwidth. Consider service contract and amount of time to load
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ready, set…. PUBLISH!
 
Debra D’Andrea [email_address] 973-632-4320 www.dandreamedia.wordpress.com Site Samples Photography Site www.dandreamedia.com Musician Site www.larissadandrea.com Media Center Site http://www.ehow.com/videos-on_21_design-website-using-iweb.html Video Tutorials eHOW http://www.ehow.com/videos-on_21_design-website-using-iweb.html LYNDA.Com www.lynda.com Resources Templates http://www.iwebtemplate.com/ Winning iWeb WEBSITES http://iwebusersites.com/Home.html RESOURCE PAGE

More Related Content

What's hot

A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
Kathryn Presner
 
Wordpress Beyond A Blog Word Camp Toronto08
Wordpress Beyond A Blog Word Camp Toronto08Wordpress Beyond A Blog Word Camp Toronto08
Wordpress Beyond A Blog Word Camp Toronto08
Jamie Oastler
 
WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24
Shannon Smith
 
Ten technology tools_for_faculty_to_know_about
Ten technology tools_for_faculty_to_know_aboutTen technology tools_for_faculty_to_know_about
Ten technology tools_for_faculty_to_know_about
ShaunJHolland
 
SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99
Noel Saw
 
Advanced Web Development
Advanced Web DevelopmentAdvanced Web Development
Advanced Web Development
Robert J. Stein
 
WordPress Complete Tutorial
WordPress Complete TutorialWordPress Complete Tutorial
WordPress Complete Tutorial
OpenSource Technologies Pvt. Ltd.
 
Wordpress as a CMS
Wordpress as a CMSWordpress as a CMS
Wordpress as a CMS
Michael Hammel
 
Personal Web Space Information
Personal Web Space InformationPersonal Web Space Information
Personal Web Space Informationwebhostingguy
 
Leksion 1 hyrje ne xhtml
Leksion 1   hyrje ne xhtmlLeksion 1   hyrje ne xhtml
Leksion 1 hyrje ne xhtmlmariokenga
 
Wordpress Guide
Wordpress GuideWordpress Guide
Wordpress Guide
Sunanda Bansal
 
Wordpress Questions & Answers
Wordpress Questions & AnswersWordpress Questions & Answers
Wordpress Questions & Answers
Nicole Dion
 
Your Self as Plain Text
Your Self as Plain TextYour Self as Plain Text
Your Self as Plain Text
Limerick School of Art and Design
 
Editing Wordpress in Dreamweaver
Editing Wordpress in DreamweaverEditing Wordpress in Dreamweaver
Editing Wordpress in DreamweaverGarin Kilpatrick
 
Front-End Development
Front-End DevelopmentFront-End Development
Front-End Development
Hein Htet Aung
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
shaojung
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27
Shannon Smith
 

What's hot (19)

A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
 
Wordpress Beyond A Blog Word Camp Toronto08
Wordpress Beyond A Blog Word Camp Toronto08Wordpress Beyond A Blog Word Camp Toronto08
Wordpress Beyond A Blog Word Camp Toronto08
 
Lecture 6 Data Driven Design
Lecture 6  Data Driven DesignLecture 6  Data Driven Design
Lecture 6 Data Driven Design
 
WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24
 
Ten technology tools_for_faculty_to_know_about
Ten technology tools_for_faculty_to_know_aboutTen technology tools_for_faculty_to_know_about
Ten technology tools_for_faculty_to_know_about
 
SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99
 
Advanced Web Development
Advanced Web DevelopmentAdvanced Web Development
Advanced Web Development
 
WordPress Complete Tutorial
WordPress Complete TutorialWordPress Complete Tutorial
WordPress Complete Tutorial
 
Wordpress as a CMS
Wordpress as a CMSWordpress as a CMS
Wordpress as a CMS
 
Personal Web Space Information
Personal Web Space InformationPersonal Web Space Information
Personal Web Space Information
 
Leksion 1 hyrje ne xhtml
Leksion 1   hyrje ne xhtmlLeksion 1   hyrje ne xhtml
Leksion 1 hyrje ne xhtml
 
Wordpress Guide
Wordpress GuideWordpress Guide
Wordpress Guide
 
Wordpress Questions & Answers
Wordpress Questions & AnswersWordpress Questions & Answers
Wordpress Questions & Answers
 
Your Self as Plain Text
Your Self as Plain TextYour Self as Plain Text
Your Self as Plain Text
 
Editing Wordpress in Dreamweaver
Editing Wordpress in DreamweaverEditing Wordpress in Dreamweaver
Editing Wordpress in Dreamweaver
 
Front-End Development
Front-End DevelopmentFront-End Development
Front-End Development
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
 
Lecture1 B Frames&Forms
Lecture1 B  Frames&FormsLecture1 B  Frames&Forms
Lecture1 B Frames&Forms
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27
 

Similar to NJECC iWEB Tutorial DAndrea

How websites and search engines work
How websites and search engines workHow websites and search engines work
How websites and search engines work
Brian Duffy
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communitieswebhostingguy
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communitieswebhostingguy
 
Intro to mobile web application development
Intro to mobile web application developmentIntro to mobile web application development
Intro to mobile web application development
zonathen
 
Protocols
ProtocolsProtocols
Protocols
Jason Smyth
 
Starting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded LibrariesStarting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded Libraries
Philippine Association of Academic/Research Librarians
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppticidemo
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodology
prashant mishra
 
4 websites for learning javascript, j query, python, html, and css help des...
4 websites for learning javascript, j query, python, html, and css   help des...4 websites for learning javascript, j query, python, html, and css   help des...
4 websites for learning javascript, j query, python, html, and css help des...Trường Tiền
 
4 websites for learning javascript, j query, python, html, and css help des...
4 websites for learning javascript, j query, python, html, and css   help des...4 websites for learning javascript, j query, python, html, and css   help des...
4 websites for learning javascript, j query, python, html, and css help des...Trường Tiền
 
Meeting 01
Meeting 01Meeting 01
Meeting 01
dwi cipto
 
Web development
Web developmentWeb development
Web development
KAZEMBETVOnline
 
Word press intro 4x3 draft 12
Word press intro 4x3 draft 12Word press intro 4x3 draft 12
Word press intro 4x3 draft 12
msz
 
Seminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web ProgrammerSeminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web Programmer
Achmad Solichin
 
Wordpress course
Wordpress courseWordpress course
Wordpress course
Spy Seat
 
Do WordPress developers write code?
Do WordPress developers write code?Do WordPress developers write code?
Do WordPress developers write code?
Stanko Metodiev
 
Websites for Hackers
Websites for HackersWebsites for Hackers
Websites for Hackers
Chris Antes
 

Similar to NJECC iWEB Tutorial DAndrea (20)

How websites and search engines work
How websites and search engines workHow websites and search engines work
How websites and search engines work
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
 
Intro to mobile web application development
Intro to mobile web application developmentIntro to mobile web application development
Intro to mobile web application development
 
Web design
Web designWeb design
Web design
 
Protocols
ProtocolsProtocols
Protocols
 
Starting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded LibrariesStarting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded Libraries
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppt
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodology
 
4 websites for learning javascript, j query, python, html, and css help des...
4 websites for learning javascript, j query, python, html, and css   help des...4 websites for learning javascript, j query, python, html, and css   help des...
4 websites for learning javascript, j query, python, html, and css help des...
 
4 websites for learning javascript, j query, python, html, and css help des...
4 websites for learning javascript, j query, python, html, and css   help des...4 websites for learning javascript, j query, python, html, and css   help des...
4 websites for learning javascript, j query, python, html, and css help des...
 
Meeting 01
Meeting 01Meeting 01
Meeting 01
 
Web development
Web developmentWeb development
Web development
 
Word press intro 4x3 draft 12
Word press intro 4x3 draft 12Word press intro 4x3 draft 12
Word press intro 4x3 draft 12
 
Seminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web ProgrammerSeminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web Programmer
 
Wordpress course
Wordpress courseWordpress course
Wordpress course
 
Do WordPress developers write code?
Do WordPress developers write code?Do WordPress developers write code?
Do WordPress developers write code?
 
Websites for Hackers
Websites for HackersWebsites for Hackers
Websites for Hackers
 

Recently uploaded

1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
Nguyen Thanh Tu Collection
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
bennyroshan06
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
rosedainty
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
Steve Thomason
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
Vivekanand Anglo Vedic Academy
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
TechSoup
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
Excellence Foundation for South Sudan
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 

Recently uploaded (20)

1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 

NJECC iWEB Tutorial DAndrea

  • 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 www.dandreamedia.com www.dandreamedia.wordpress.com Norman Rockwell
  • 2. Using iWEB to create and publish a personal website iLife Suite Mac / Apple Only
  • 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 http://www.tizag.com/htmlT CSS defined http://en.wikipedia.org/wiki/Cascading_Style_Sheets
  • 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. Variety of Programs Available to Do the Job Common Applications You’ve Heard Of Best of the Web 2011 http://webdesign.about.com/od/windowshtmleditors/tp/windows-wysiwyg-editors.htm Adobe Dreamweaver Industry Standard / Difficult to learn MicroSoft Front Page No longer supported by Microsoft www.bloomfield.k12.nj.us 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: http://webdesigneraid.com/15-brilliant-examples-of-websites-using-expression-engine/ Information: http://www.brighthub.com/computing/windows-platform/articles/2949.aspx
  • 6. Consumer Suggestions Coffee Cup User Friendly http://www.coffeecup.com Wordpress blog in place of a website www.wordpress.com
  • 8.
  • 9.
  • 10.
  • 11. Create New Site Choose Template Choose Page Style
  • 12. Organization Adding Pages Changing Names Menu Directory
  • 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. 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.
  • 17.  
  • 18. Debra D’Andrea [email_address] 973-632-4320 www.dandreamedia.wordpress.com Site Samples Photography Site www.dandreamedia.com Musician Site www.larissadandrea.com Media Center Site http://www.ehow.com/videos-on_21_design-website-using-iweb.html Video Tutorials eHOW http://www.ehow.com/videos-on_21_design-website-using-iweb.html LYNDA.Com www.lynda.com Resources Templates http://www.iwebtemplate.com/ Winning iWeb WEBSITES http://iwebusersites.com/Home.html RESOURCE PAGE