SlideShare una empresa de Scribd logo
Leverage Your Online Presence The Web Design Process Duane Dixon – HSPVA --  [email_address] Susan Boone - Westside High School -- [email_address] Houston I.S.D. TechSPAN ‘09
So you want to have a  web site? Now What? You can create the look, feel, and navigation for Web sites using HTML, as well as a number of computer graphics programs.  Start by planning…then revise some more.
Design
Brainstorming ,[object Object],Determine WHO is responsible for gathering the information and creating the text and collecting images.
Assigning Groups… ,[object Object],[object Object],[object Object],[object Object],[object Object]
PROTOTYPES ,[object Object],[object Object],[object Object],[object Object]
Planning the Content ,[object Object]
Initial Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Iterate Iterate Iterate
Build the HTML ,[object Object],[object Object],[object Object]
CSS ????  Really cool   ,[object Object],[object Object],[object Object],[object Object],[object Object]
Present to Administration ,[object Object]
TEST When refining a Web site, what techniques should be used? ,[object Object],[object Object],[object Object]
Launch ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How To Request a Department Web Site on the Portal ,[object Object]
School Web Site Guidelines  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],https://www.houstonisd.org/Technology/Home/Technical%20Resources/SchoolWebSiteGuidelines2.pdf
Web Monkey ,[object Object]
[object Object],http://www.w3.org/
[object Object],http://www.benedict.com/Digital/Digital.aspx
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente (7)

Learning with Pageflakes and Netvibes
Learning with Pageflakes and NetvibesLearning with Pageflakes and Netvibes
Learning with Pageflakes and Netvibes
 
Tagging, Bookmarking & Cataloging: The Social Side
Tagging, Bookmarking & Cataloging: The Social SideTagging, Bookmarking & Cataloging: The Social Side
Tagging, Bookmarking & Cataloging: The Social Side
 
Putting together a web app
Putting together a web appPutting together a web app
Putting together a web app
 
Hogue ruth ann_brand_strategy_keynote
Hogue ruth ann_brand_strategy_keynoteHogue ruth ann_brand_strategy_keynote
Hogue ruth ann_brand_strategy_keynote
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Digital Identity
Digital IdentityDigital Identity
Digital Identity
 
O'Reilly Drupal Webcast
O'Reilly Drupal WebcastO'Reilly Drupal Webcast
O'Reilly Drupal Webcast
 

Destacado (6)

Qu 5
Qu 5Qu 5
Qu 5
 
Pengadilan soekarno
Pengadilan soekarnoPengadilan soekarno
Pengadilan soekarno
 
Desayunos invattur
Desayunos invatturDesayunos invattur
Desayunos invattur
 
Wikman Building dos
Wikman Building dosWikman Building dos
Wikman Building dos
 
Facebook 101
Facebook 101Facebook 101
Facebook 101
 
Fm2 section a_essayplan
Fm2 section a_essayplanFm2 section a_essayplan
Fm2 section a_essayplan
 

Similar a Leverage Your Online Web Presence

Chapter 4 Web design tech in formation technology msc class .pdf
Chapter 4 Web design tech in formation technology  msc class .pdfChapter 4 Web design tech in formation technology  msc class .pdf
Chapter 4 Web design tech in formation technology msc class .pdf
wondimagegndesta
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
Razorfish
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
Zoaib Mirza
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
butest
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
galerussel59292
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
academicjfurio
 

Similar a Leverage Your Online Web Presence (20)

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Web Programming Assignment
Web Programming AssignmentWeb Programming Assignment
Web Programming Assignment
 
Responsive Web Design_2013
Responsive Web Design_2013Responsive Web Design_2013
Responsive Web Design_2013
 
Chapter 4 Web design tech in formation technology msc class .pdf
Chapter 4 Web design tech in formation technology  msc class .pdfChapter 4 Web design tech in formation technology  msc class .pdf
Chapter 4 Web design tech in formation technology msc class .pdf
 
Crafting Digital Experiences with Innovative Web Designing”
Crafting Digital Experiences with Innovative Web Designing”Crafting Digital Experiences with Innovative Web Designing”
Crafting Digital Experiences with Innovative Web Designing”
 
syllabas-mohamedelzanty
syllabas-mohamedelzantysyllabas-mohamedelzanty
syllabas-mohamedelzanty
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
 
The more information Website Design_New.pdf
The more information Website Design_New.pdfThe more information Website Design_New.pdf
The more information Website Design_New.pdf
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Presentation 1.pptx
Presentation 1.pptxPresentation 1.pptx
Presentation 1.pptx
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Web Design Patterns
Web Design PatternsWeb Design Patterns
Web Design Patterns
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Web Development for Beginners: A Step-by-Step Guide
Web Development for Beginners: A Step-by-Step GuideWeb Development for Beginners: A Step-by-Step Guide
Web Development for Beginners: A Step-by-Step Guide
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
 
Web project management
Web project managementWeb project management
Web project management
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Web Design
Web DesignWeb Design
Web Design
 

Último

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Último (20)

Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfBuy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 

Leverage Your Online Web Presence

  • 1. Leverage Your Online Presence The Web Design Process Duane Dixon – HSPVA -- [email_address] Susan Boone - Westside High School -- [email_address] Houston I.S.D. TechSPAN ‘09
  • 2. So you want to have a web site? Now What? You can create the look, feel, and navigation for Web sites using HTML, as well as a number of computer graphics programs. Start by planning…then revise some more.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.

Notas del editor

  1. http://en.wikipedia.org/wiki/Storyboard - Decent article on storyboarding http://www.mstoner.com/index.php/blog/comments/651/pwireframing_paper_wireframing - a great idea http://www.justinmind.com/ - wireframing app for purchase http://hello.hotgloo.com/ - free online wireframing app http://wireframes.linowski.ca/ - wireframing blog http://en.wikipedia.org/wiki/Storyboard - Decent article on storyboarding http://www.mstoner.com/index.php/blog/comments/651/pwireframing_paper_wireframing - a great idea http://www.justinmind.com/ - wireframing app for purchase http://hello.hotgloo.com/ - free online wireframing app http://wireframes.linowski.ca/ - wireframing blog
  2. http://reference.sitepoint.com/css - a great CSS resource http://www.alistapart.com/ - A List Apart http://www.csszengarden.com/ - A great/wonderful inspiration site for design ideas all done with CSS http://joshspear.com/ - Josh Spear, great with spotting design trends http://ffffound.com/ - what Delicious is to links, this is to images