SlideShare a Scribd company logo
1 of 46
AdobeDreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5
Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site  Define Web browsers and identify their main features  Identify the 13 types of Web sites  Discuss how to plan, design, develop, test, publish, and maintain a Web site  Objectives Web Site Development and Adobe Dreamweaver CS5 2
Identify the methods and tools for creating a Web page and Web site  Recognize the basic elements within HTML/XHTML  Discuss the advantages of using Web page authoring programs such as Dreamweaver  Web Site Development and Adobe Dreamweaver CS5 3 Objectives
Global network connecting millions of computers A network is a group of computers and associated devices that are connected by communications facilities The Internet grew out of an experiment that began in the 1960s by the U.S. Department of Defense Advanced Research Projects Agency (ARPA) Web Site Development and Adobe Dreamweaver CS5 4 The Internet
The World Wide Web is one of the more popular services on the Internet Web server  Host computer Client Hypertext Transfer Protocol (HTTP) Users access Web resources through a Web page Web browsers contain special buttons and other features to help you navigate through Web sites  Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera Web Site Development and Adobe Dreamweaver CS5 5 The World Wide Web and Web Browsers
Web Site Development and Adobe Dreamweaver CS5 6 The World Wide Web and Web Browsers
Web Site Development and Adobe Dreamweaver CS5 7 The World Wide Web and Web Browsers
Nearly all Web pages have unique characteristics, but almost every Web page contains some basic elements A hyperlink, or link, can link to another place in the same Web page or to an entirely different Web page or site Most Web pages are part of a Web site A Web site contains a home page, which typically provides information about that Web site’s purpose and content Web Site Development and Adobe Dreamweaver CS5 8 The World Wide Web and Web Browsers
Internet Service Provider (ISP) Business that has a permanent Internet connection and provides temporary connections to customers Online Service Provider (OSP) Similar to an ISP, but provides member-only services Wireless Service Provider (WSP) Provides Internet access to users with Web-enabled devices or wireless modems Web Site Development and Adobe Dreamweaver CS5 9 The World Wide Web and Web Browsers
Web Site Development and Adobe Dreamweaver CS5 10 The World Wide Web and Web Browsers
Portal News Informational Business/Marketing Blog Wiki Online social network Web Site Development and Adobe Dreamweaver CS5 11 Types of Web Sites
Educational Entertainment Advocacy Web application Content aggregator Personal Web Site Development and Adobe Dreamweaver CS5 12 Types of Web Sites
Web Site Development and Adobe Dreamweaver CS5 13 Portal
Web Site Development and Adobe Dreamweaver CS5 14 News
Web Site Development and Adobe Dreamweaver CS5 15 Informational
Web Site Development and Adobe Dreamweaver CS5 16 Business/Marketing
Web Site Development and Adobe Dreamweaver CS5 17 Blog
Web Site Development and Adobe Dreamweaver CS5 18 Wiki
Web Site Development and Adobe Dreamweaver CS5 19 Online Social Network
Web Site Development and Adobe Dreamweaver CS5 20 Educational
Web Site Development and Adobe Dreamweaver CS5 21 Entertainment
Web Site Development and Adobe Dreamweaver CS5 22 Advocacy
Web Site Development and Adobe Dreamweaver CS5 23 Web Application
Web Site Development and Adobe Dreamweaver CS5 24 Content Aggregator
Web Site Development and Adobe Dreamweaver CS5 25 Personal
Purpose and Goal Target Audience Web Technologies Broadband T1 lines, DSL, ISDN, Fiber optics, Cable modems, Baseband, mobile Web technologies Web Site Comparison Web Site Development and Adobe Dreamweaver CS5 26 Planning a Web Site – Purpose
Value-added Content Text Images Color Palette Multimedia Web Site Development and Adobe Dreamweaver CS5 27 Planning a Web Site – Content
Structure Linear Hierarchical Web (random) Grid  Hybrid Tools Navigational Elements Web Site Development and Adobe Dreamweaver CS5 28 Design Basics – Navigation Map
Web Site Development and Adobe Dreamweaver CS5 29 Developing a Web Site – Development Basics Typography Font Typeface Web-safe fonts Images Page Layout Color
Is the Web site free of spelling and/or grammatical errors? Is the page layout consistent, and does it generate a sense of balance and order? Are any links broken? Do multimedia interactivity and forms function correctly? Web Site Development and Adobe Dreamweaver CS5 30 Reviewing and Testing a Web Site
Do the more widely used browsers display the Web site properly? Does the Web site function properly in different browsers, including older browser versions? Have you initiated a group test, in which you have asked other individuals to test your Web site and provide feedback? Web Site Development and Adobe Dreamweaver CS5 31 Reviewing and Testing a Web Site
Obtain a domain name IP address Domain Name System Internet Corporation for Assigned Names and Numbers Acquire server space Server logs Secure Sockets Layer (SSL) Publish the Web site Uploading Web Site Development and Adobe Dreamweaver CS5 32 Publishing a Web Site – Publishing Basics
Web Site Development and Adobe Dreamweaver CS5 33 Publishing a Web Site – Publishing Basics
Changing content, either by adding new text and images or by deleting obsolete material Checking for broken links and adding new links Documenting the last change date (even when no revisions have been made) Web Site Development and Adobe Dreamweaver CS5 34 Maintaining a Web Site
Text editor HTML or XHTML editor Software applications Microsoft Word Microsoft Excel WYSIWYG text editor Microsoft Expression Web Adobe Dreamweaver Web Site Development and Adobe Dreamweaver CS5 35 Methods and Tools Used to Create Web Pages
HTML and XHTML Written in plain text and saved in ASCII format Source Code Elements One-sided elements (Self-closing)vs. two-sided elements Attribute / Property Value modifier Document content Web Site Development and Adobe Dreamweaver CS5 36 Web Site Languages
Web Site Development and Adobe Dreamweaver CS5 37 Web Site Languages
Web Site Development and Adobe Dreamweaver CS5 38 Web Site Languages
Web Site Development and Adobe Dreamweaver CS5 39 Web Site Languages
WYSIWYG text editor Allows you to view a document as it will appear in the final product and to edit the elements directly within that view There is no need to know HTML and XHTML, but you can still alter the code, if necessary Web Site Development and Adobe Dreamweaver CS5 40 Web Page Authoring Programs
Integrated content management system (CMS) support New rendering mode that displays the design like a standard-based browser CSS inspection Integration with Adobe BrowserLab, PHP custom class code hinting, and Business Catalyst Enhanced CSS starter page Web Site Development and Adobe Dreamweaver CS5 41 Adobe Dreamweaver CS5
Web Site Development and Adobe Dreamweaver CS5 42 Adobe Dreamweaver CS5
Web Site Development and Adobe Dreamweaver CS5 43 Adobe Dreamweaver CS5
Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site  Define Web browsers and identify their main features  Identify the 13 types of Web sites  Discuss how to plan, design, develop, test, publish, and maintain a Web site  Chapter Summary Web Site Development and Adobe Dreamweaver CS5 44
Identify the methods and tools for creating a Web page and Web site  Recognize the basic elements within HTML/XHTML  Discuss the advantages of using Web page authoring programs such as Dreamweaver  Web Site Development and Adobe Dreamweaver CS5 45 Chapter Summary
Introduction Complete Adobe Dreamweaver CS5

More Related Content

What's hot

Dreamweaver - Introduction AND WALKTHROUGH
Dreamweaver - Introduction AND WALKTHROUGHDreamweaver - Introduction AND WALKTHROUGH
Dreamweaver - Introduction AND WALKTHROUGHSahil Bansal
 
Getting Started with Dreamweaver
Getting Started with DreamweaverGetting Started with Dreamweaver
Getting Started with DreamweaverFrank Fucile
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development toolsBenji Harrison
 
Basic Web Design In Dreamweaver
Basic Web Design In DreamweaverBasic Web Design In Dreamweaver
Basic Web Design In Dreamweaverjcharnin
 
How to Use Dreamweaver cs6
How to Use Dreamweaver cs6 How to Use Dreamweaver cs6
How to Use Dreamweaver cs6 Salman Memon
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentRandy Connolly
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by stepzoran Jelinek
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith Rockx
 
Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2Oleksii Prohonnyi
 
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT Shri Prakash Pandey
 
SharePoint as a Web CMS
SharePoint as a Web CMSSharePoint as a Web CMS
SharePoint as a Web CMSCraig Bailey
 
Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Ly Nguyen Bui
 
Tasks suitable for programming on the web
Tasks suitable for programming on the webTasks suitable for programming on the web
Tasks suitable for programming on the webMohammad Kamrul Hasan
 
Choice of programming language for web developing.
Choice of programming language for web developing.Choice of programming language for web developing.
Choice of programming language for web developing.Mohammad Kamrul Hasan
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Mahesh Panchal
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 

What's hot (20)

Dreamweaver - Introduction AND WALKTHROUGH
Dreamweaver - Introduction AND WALKTHROUGHDreamweaver - Introduction AND WALKTHROUGH
Dreamweaver - Introduction AND WALKTHROUGH
 
Getting Started with Dreamweaver
Getting Started with DreamweaverGetting Started with Dreamweaver
Getting Started with Dreamweaver
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Web development
Web developmentWeb development
Web development
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Basic Web Design In Dreamweaver
Basic Web Design In DreamweaverBasic Web Design In Dreamweaver
Basic Web Design In Dreamweaver
 
How to Use Dreamweaver cs6
How to Use Dreamweaver cs6 How to Use Dreamweaver cs6
How to Use Dreamweaver cs6
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by step
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2
 
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT
DIPLOMA IN DESIGNING AND WEBSITE DEVELOPMENT
 
Static web documents
Static web documents Static web documents
Static web documents
 
SharePoint as a Web CMS
SharePoint as a Web CMSSharePoint as a Web CMS
SharePoint as a Web CMS
 
Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142
 
Tasks suitable for programming on the web
Tasks suitable for programming on the webTasks suitable for programming on the web
Tasks suitable for programming on the web
 
Choice of programming language for web developing.
Choice of programming language for web developing.Choice of programming language for web developing.
Choice of programming language for web developing.
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 

Similar to Introduction to Adobe Dreamweaver CS5 Web Development

Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonMukalele Rogers
 
Web development ppt
Web development pptWeb development ppt
Web development pptParasJain222
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptxPalash Sukla Das
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxlearnEnglish51
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxacademicjfurio
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planningclement swarnappa
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREjatin batra
 
Ch10 Hacking Web Servers http://ouo.io/2Bt7X
Ch10 Hacking Web Servers http://ouo.io/2Bt7XCh10 Hacking Web Servers http://ouo.io/2Bt7X
Ch10 Hacking Web Servers http://ouo.io/2Bt7Xphanleson
 
Web Design Lecture1.pptx
Web Design Lecture1.pptxWeb Design Lecture1.pptx
Web Design Lecture1.pptxMohammedNoor74
 
Website Overview
Website OverviewWebsite Overview
Website OverviewChanHan Hy
 
Web Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesWeb Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesGods Grace Technologies
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxssuser485fb2
 
web designing course in chandigarh
web designing course in chandigarhweb designing course in chandigarh
web designing course in chandigarhCBitss Technologies
 
webdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxwebdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxsubhalaxmibarik478
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxsitesite4
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxSHAIKIRFAN715544
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.JohnLagman3
 

Similar to Introduction to Adobe Dreamweaver CS5 Web Development (20)

Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lesson
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planning
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
 
Ch10 Hacking Web Servers http://ouo.io/2Bt7X
Ch10 Hacking Web Servers http://ouo.io/2Bt7XCh10 Hacking Web Servers http://ouo.io/2Bt7X
Ch10 Hacking Web Servers http://ouo.io/2Bt7X
 
Web Design Lecture1.pptx
Web Design Lecture1.pptxWeb Design Lecture1.pptx
Web Design Lecture1.pptx
 
WEB BROWSER
WEB BROWSERWEB BROWSER
WEB BROWSER
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Website Overview
Website OverviewWebsite Overview
Website Overview
 
Web Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesWeb Development Vizag and Website Designing Services
Web Development Vizag and Website Designing Services
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
web designing course in chandigarh
web designing course in chandigarhweb designing course in chandigarh
web designing course in chandigarh
 
webdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxwebdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptx
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
 

More from mwarrick

CBIS 327 ~ Chapter 03
CBIS 327 ~ Chapter 03CBIS 327 ~ Chapter 03
CBIS 327 ~ Chapter 03mwarrick
 
CBIS 327 ~ Chapter 02
CBIS 327 ~ Chapter 02CBIS 327 ~ Chapter 02
CBIS 327 ~ Chapter 02mwarrick
 
CBIS 327 ~ Chapter 01
CBIS 327 ~ Chapter 01CBIS 327 ~ Chapter 01
CBIS 327 ~ Chapter 01mwarrick
 
CBIS 327 ~ Chapter 06
CBIS 327 ~ Chapter 06CBIS 327 ~ Chapter 06
CBIS 327 ~ Chapter 06mwarrick
 
CBIS 327 ~ Chapter 05
CBIS 327 ~ Chapter 05CBIS 327 ~ Chapter 05
CBIS 327 ~ Chapter 05mwarrick
 
CBIS 327 ~ Chapter 04
CBIS 327 ~ Chapter 04CBIS 327 ~ Chapter 04
CBIS 327 ~ Chapter 04mwarrick
 

More from mwarrick (6)

CBIS 327 ~ Chapter 03
CBIS 327 ~ Chapter 03CBIS 327 ~ Chapter 03
CBIS 327 ~ Chapter 03
 
CBIS 327 ~ Chapter 02
CBIS 327 ~ Chapter 02CBIS 327 ~ Chapter 02
CBIS 327 ~ Chapter 02
 
CBIS 327 ~ Chapter 01
CBIS 327 ~ Chapter 01CBIS 327 ~ Chapter 01
CBIS 327 ~ Chapter 01
 
CBIS 327 ~ Chapter 06
CBIS 327 ~ Chapter 06CBIS 327 ~ Chapter 06
CBIS 327 ~ Chapter 06
 
CBIS 327 ~ Chapter 05
CBIS 327 ~ Chapter 05CBIS 327 ~ Chapter 05
CBIS 327 ~ Chapter 05
 
CBIS 327 ~ Chapter 04
CBIS 327 ~ Chapter 04CBIS 327 ~ Chapter 04
CBIS 327 ~ Chapter 04
 

Introduction to Adobe Dreamweaver CS5 Web Development

  • 1. AdobeDreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5
  • 2. Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site Define Web browsers and identify their main features Identify the 13 types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Objectives Web Site Development and Adobe Dreamweaver CS5 2
  • 3. Identify the methods and tools for creating a Web page and Web site Recognize the basic elements within HTML/XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver Web Site Development and Adobe Dreamweaver CS5 3 Objectives
  • 4. Global network connecting millions of computers A network is a group of computers and associated devices that are connected by communications facilities The Internet grew out of an experiment that began in the 1960s by the U.S. Department of Defense Advanced Research Projects Agency (ARPA) Web Site Development and Adobe Dreamweaver CS5 4 The Internet
  • 5. The World Wide Web is one of the more popular services on the Internet Web server Host computer Client Hypertext Transfer Protocol (HTTP) Users access Web resources through a Web page Web browsers contain special buttons and other features to help you navigate through Web sites Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera Web Site Development and Adobe Dreamweaver CS5 5 The World Wide Web and Web Browsers
  • 6. Web Site Development and Adobe Dreamweaver CS5 6 The World Wide Web and Web Browsers
  • 7. Web Site Development and Adobe Dreamweaver CS5 7 The World Wide Web and Web Browsers
  • 8. Nearly all Web pages have unique characteristics, but almost every Web page contains some basic elements A hyperlink, or link, can link to another place in the same Web page or to an entirely different Web page or site Most Web pages are part of a Web site A Web site contains a home page, which typically provides information about that Web site’s purpose and content Web Site Development and Adobe Dreamweaver CS5 8 The World Wide Web and Web Browsers
  • 9. Internet Service Provider (ISP) Business that has a permanent Internet connection and provides temporary connections to customers Online Service Provider (OSP) Similar to an ISP, but provides member-only services Wireless Service Provider (WSP) Provides Internet access to users with Web-enabled devices or wireless modems Web Site Development and Adobe Dreamweaver CS5 9 The World Wide Web and Web Browsers
  • 10. Web Site Development and Adobe Dreamweaver CS5 10 The World Wide Web and Web Browsers
  • 11. Portal News Informational Business/Marketing Blog Wiki Online social network Web Site Development and Adobe Dreamweaver CS5 11 Types of Web Sites
  • 12. Educational Entertainment Advocacy Web application Content aggregator Personal Web Site Development and Adobe Dreamweaver CS5 12 Types of Web Sites
  • 13. Web Site Development and Adobe Dreamweaver CS5 13 Portal
  • 14. Web Site Development and Adobe Dreamweaver CS5 14 News
  • 15. Web Site Development and Adobe Dreamweaver CS5 15 Informational
  • 16. Web Site Development and Adobe Dreamweaver CS5 16 Business/Marketing
  • 17. Web Site Development and Adobe Dreamweaver CS5 17 Blog
  • 18. Web Site Development and Adobe Dreamweaver CS5 18 Wiki
  • 19. Web Site Development and Adobe Dreamweaver CS5 19 Online Social Network
  • 20. Web Site Development and Adobe Dreamweaver CS5 20 Educational
  • 21. Web Site Development and Adobe Dreamweaver CS5 21 Entertainment
  • 22. Web Site Development and Adobe Dreamweaver CS5 22 Advocacy
  • 23. Web Site Development and Adobe Dreamweaver CS5 23 Web Application
  • 24. Web Site Development and Adobe Dreamweaver CS5 24 Content Aggregator
  • 25. Web Site Development and Adobe Dreamweaver CS5 25 Personal
  • 26. Purpose and Goal Target Audience Web Technologies Broadband T1 lines, DSL, ISDN, Fiber optics, Cable modems, Baseband, mobile Web technologies Web Site Comparison Web Site Development and Adobe Dreamweaver CS5 26 Planning a Web Site – Purpose
  • 27. Value-added Content Text Images Color Palette Multimedia Web Site Development and Adobe Dreamweaver CS5 27 Planning a Web Site – Content
  • 28. Structure Linear Hierarchical Web (random) Grid Hybrid Tools Navigational Elements Web Site Development and Adobe Dreamweaver CS5 28 Design Basics – Navigation Map
  • 29. Web Site Development and Adobe Dreamweaver CS5 29 Developing a Web Site – Development Basics Typography Font Typeface Web-safe fonts Images Page Layout Color
  • 30. Is the Web site free of spelling and/or grammatical errors? Is the page layout consistent, and does it generate a sense of balance and order? Are any links broken? Do multimedia interactivity and forms function correctly? Web Site Development and Adobe Dreamweaver CS5 30 Reviewing and Testing a Web Site
  • 31. Do the more widely used browsers display the Web site properly? Does the Web site function properly in different browsers, including older browser versions? Have you initiated a group test, in which you have asked other individuals to test your Web site and provide feedback? Web Site Development and Adobe Dreamweaver CS5 31 Reviewing and Testing a Web Site
  • 32. Obtain a domain name IP address Domain Name System Internet Corporation for Assigned Names and Numbers Acquire server space Server logs Secure Sockets Layer (SSL) Publish the Web site Uploading Web Site Development and Adobe Dreamweaver CS5 32 Publishing a Web Site – Publishing Basics
  • 33. Web Site Development and Adobe Dreamweaver CS5 33 Publishing a Web Site – Publishing Basics
  • 34. Changing content, either by adding new text and images or by deleting obsolete material Checking for broken links and adding new links Documenting the last change date (even when no revisions have been made) Web Site Development and Adobe Dreamweaver CS5 34 Maintaining a Web Site
  • 35. Text editor HTML or XHTML editor Software applications Microsoft Word Microsoft Excel WYSIWYG text editor Microsoft Expression Web Adobe Dreamweaver Web Site Development and Adobe Dreamweaver CS5 35 Methods and Tools Used to Create Web Pages
  • 36. HTML and XHTML Written in plain text and saved in ASCII format Source Code Elements One-sided elements (Self-closing)vs. two-sided elements Attribute / Property Value modifier Document content Web Site Development and Adobe Dreamweaver CS5 36 Web Site Languages
  • 37. Web Site Development and Adobe Dreamweaver CS5 37 Web Site Languages
  • 38. Web Site Development and Adobe Dreamweaver CS5 38 Web Site Languages
  • 39. Web Site Development and Adobe Dreamweaver CS5 39 Web Site Languages
  • 40. WYSIWYG text editor Allows you to view a document as it will appear in the final product and to edit the elements directly within that view There is no need to know HTML and XHTML, but you can still alter the code, if necessary Web Site Development and Adobe Dreamweaver CS5 40 Web Page Authoring Programs
  • 41. Integrated content management system (CMS) support New rendering mode that displays the design like a standard-based browser CSS inspection Integration with Adobe BrowserLab, PHP custom class code hinting, and Business Catalyst Enhanced CSS starter page Web Site Development and Adobe Dreamweaver CS5 41 Adobe Dreamweaver CS5
  • 42. Web Site Development and Adobe Dreamweaver CS5 42 Adobe Dreamweaver CS5
  • 43. Web Site Development and Adobe Dreamweaver CS5 43 Adobe Dreamweaver CS5
  • 44. Describe the Internet, the Web, and their associated terms Specify the difference between a Web page and a Web site Define Web browsers and identify their main features Identify the 13 types of Web sites Discuss how to plan, design, develop, test, publish, and maintain a Web site Chapter Summary Web Site Development and Adobe Dreamweaver CS5 44
  • 45. Identify the methods and tools for creating a Web page and Web site Recognize the basic elements within HTML/XHTML Discuss the advantages of using Web page authoring programs such as Dreamweaver Web Site Development and Adobe Dreamweaver CS5 45 Chapter Summary
  • 46. Introduction Complete Adobe Dreamweaver CS5