SlideShare uma empresa Scribd logo
1 de 41
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE
Chapter 5 Lessons ,[object Object],[object Object],[object Object],[object Object]
Tables ,[object Object],[object Object],[object Object],[object Object]
Inserting Graphics and Text in Tables ,[object Object],[object Object],[object Object],[object Object]
Create a Table ,[object Object],[object Object],[object Object],[object Object],[object Object]
Understanding Table Modes ,[object Object],[object Object],[object Object]
Anatomy of a Table Cell Border Row Cell Spacing
Anatomy of a Cell ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Cell
Anatomy of a Row ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Row
Anatomy of a Table ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],table
Standard Mode ,[object Object],[object Object],[object Object]
Planning a Table ,[object Object],[object Object],[object Object]
Accessibility Preferences ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Drawing a Table in Layout Mode ,[object Object],[object Object],[object Object]
Fig. 3: Sketch of Table on Café Page
Fig. 4: Table Dialog Box Table properties Header options Accessibility options
Expanded Tables Mode ,[object Object],[object Object],[object Object]
Fig. 6: Expanded Tables Mode Displays more space between cells for easier editing
Fig. 8: Table in Layout Mode Table displayed in layout mode Layout tab Standard mode button Expanded mode button
Resize, Split and Merge Cells ,[object Object],[object Object],[object Object]
Fig. 9: Selecting a Cell Cell tag icon W text box Selected cell
Fig. 10: Resizing the Row Height Resizing pointer
Fig. 11: Splitting a Cell into Two Rows Number of rows text box Splits cell into Rows or Columns button
Fig. 12: Splitting One Cell into Two Two cells split from one
Fig. 14: Code View for Merged Cells colspan tag
Insert Images in Table Cells ,[object Object],[object Object]
Aligning Images in Table Cells ,[object Object],[object Object],[object Object]
Fig. 16: Vertically Aligning Cell Contents Vertical alignment options
Fig. 18: Images Inserted into Cells cafe_logo.gif cheesecake.jpg
Fig. 20: Aligning Images in Cells Centered banner and navigation bar Centered logo Centered cheesecake photo Left-aligned cafe photo
Inserting Text in a Table ,[object Object],[object Object],[object Object]
Format Cell Content ,[object Object],[object Object],[object Object]
Formatting Cells ,[object Object],[object Object],[object Object],[object Object]
Fig. 21: Property Inspector Showing Options for Formatting Cell Contents Image selected inside a cell Properties for selected graphic
Fig. 22: Property Inspector Showing Options for Formatting a Cell Properties for selected  cell,  not image Insertion point in cell
Fig. 23: Importing and Typing Text  into Cells Imported text describing the cafe Text typed into cell
Importing Text ,[object Object],[object Object],[object Object],[object Object],[object Object]
Fig. 25: Adding Nested Tables Top row header Nested table
Fig. 27: Formatting Cells Using Horizontal Alignment Vert and Horz list arrows Insertion point inside cell with no elements selected
Fig. 29: Hiding Visual Aids Hide all visual aids option Visual aids button Dotted lines show borders  are hidden
Chapter 5 Tasks ,[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados

Lesson Four PowerPoint
Lesson Four PowerPointLesson Four PowerPoint
Lesson Four PowerPoint
markcoleman31
 
Powerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tablesPowerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tables
ricsanmae
 
Les19 Working With Tables
Les19 Working With TablesLes19 Working With Tables
Les19 Working With Tables
guevarra_2000
 
Lesson4 Formatting Text
Lesson4 Formatting TextLesson4 Formatting Text
Lesson4 Formatting Text
guevarra_2000
 

Mais procurados (18)

Charts & tables (Open Office)
Charts & tables (Open Office)Charts & tables (Open Office)
Charts & tables (Open Office)
 
Power point lesson 14 (2010)
Power point lesson 14 (2010)Power point lesson 14 (2010)
Power point lesson 14 (2010)
 
Formatting text (Microsoft Excel)
Formatting text (Microsoft Excel)Formatting text (Microsoft Excel)
Formatting text (Microsoft Excel)
 
Lesson Four PowerPoint
Lesson Four PowerPointLesson Four PowerPoint
Lesson Four PowerPoint
 
Ex13 lesson03
Ex13 lesson03Ex13 lesson03
Ex13 lesson03
 
Powerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tablesPowerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tables
 
Features of MS Word 2010
Features of MS Word 2010Features of MS Word 2010
Features of MS Word 2010
 
Working with tables in digital documents
Working with tables in digital documentsWorking with tables in digital documents
Working with tables in digital documents
 
Lecture 8 using spreadsheet
Lecture 8   using spreadsheetLecture 8   using spreadsheet
Lecture 8 using spreadsheet
 
Form 1 Term 2 Week 3.1
Form 1   Term 2   Week 3.1Form 1   Term 2   Week 3.1
Form 1 Term 2 Week 3.1
 
Editing worksheet data (Microsoft Excel)
Editing worksheet data (Microsoft Excel)Editing worksheet data (Microsoft Excel)
Editing worksheet data (Microsoft Excel)
 
Print11
Print11Print11
Print11
 
05 formatting paragraphs
05   formatting paragraphs05   formatting paragraphs
05 formatting paragraphs
 
Dash board
Dash boardDash board
Dash board
 
Les19 Working With Tables
Les19 Working With TablesLes19 Working With Tables
Les19 Working With Tables
 
Lesson4 Formatting Text
Lesson4 Formatting TextLesson4 Formatting Text
Lesson4 Formatting Text
 
lecture 2
 lecture 2 lecture 2
lecture 2
 
Excel for beginners class 2
Excel for beginners class 2Excel for beginners class 2
Excel for beginners class 2
 

Semelhante a Dreamweaver Ch05

Les19 Working With Tables
Les19 Working With TablesLes19 Working With Tables
Les19 Working With Tables
guevarra_2000
 
Lesson 5 cs5
Lesson 5   cs5Lesson 5   cs5
Lesson 5 cs5
dtelepos
 
Excel 2003 tutorial 2
Excel 2003 tutorial 2Excel 2003 tutorial 2
Excel 2003 tutorial 2
catacata1976
 
Lesson 10 working with tables
Lesson 10   working with tablesLesson 10   working with tables
Lesson 10 working with tables
guevarra_2000
 
Lesson 10 working with tables
Lesson 10   working with tablesLesson 10   working with tables
Lesson 10 working with tables
guevarra_2000
 

Semelhante a Dreamweaver Ch05 (20)

Lecture seven
Lecture sevenLecture seven
Lecture seven
 
Les19 Working With Tables
Les19 Working With TablesLes19 Working With Tables
Les19 Working With Tables
 
Lesson 5 cs5
Lesson 5   cs5Lesson 5   cs5
Lesson 5 cs5
 
2010 10 Tables
2010 10 Tables2010 10 Tables
2010 10 Tables
 
Tables
TablesTables
Tables
 
Formatting content in_word_(part_2)
Formatting content in_word_(part_2)Formatting content in_word_(part_2)
Formatting content in_word_(part_2)
 
Publisher topic 7
Publisher topic 7Publisher topic 7
Publisher topic 7
 
Alignment.pdf
Alignment.pdfAlignment.pdf
Alignment.pdf
 
Excel basics
Excel basicsExcel basics
Excel basics
 
Excel 2003 tutorial 2
Excel 2003 tutorial 2Excel 2003 tutorial 2
Excel 2003 tutorial 2
 
Lesson 10 working with tables
Lesson 10   working with tablesLesson 10   working with tables
Lesson 10 working with tables
 
Lesson 10 working with tables
Lesson 10   working with tablesLesson 10   working with tables
Lesson 10 working with tables
 
Tables
TablesTables
Tables
 
MS Excel 2010 tutorial 4
MS Excel 2010 tutorial 4MS Excel 2010 tutorial 4
MS Excel 2010 tutorial 4
 
Manual de microsoft excel 2010
Manual de microsoft excel 2010Manual de microsoft excel 2010
Manual de microsoft excel 2010
 
Manual de microsoft excel 2010
Manual de microsoft excel 2010Manual de microsoft excel 2010
Manual de microsoft excel 2010
 
Excel 2010 tutorial
Excel 2010 tutorialExcel 2010 tutorial
Excel 2010 tutorial
 
MS Word Advanced Training
MS Word Advanced TrainingMS Word Advanced Training
MS Word Advanced Training
 
MS Word Advanced Training
MS Word Advanced TrainingMS Word Advanced Training
MS Word Advanced Training
 
Basic ICT skills. 2.pptx
Basic ICT skills. 2.pptxBasic ICT skills. 2.pptx
Basic ICT skills. 2.pptx
 

Mais de Frank Fucile

Mais de Frank Fucile (9)

Etug tell big_bluebutton_bcc_
Etug tell big_bluebutton_bcc_Etug tell big_bluebutton_bcc_
Etug tell big_bluebutton_bcc_
 
Dreamweaver Ch04
Dreamweaver Ch04Dreamweaver Ch04
Dreamweaver Ch04
 
Dreamweaver Ch03
Dreamweaver Ch03Dreamweaver Ch03
Dreamweaver Ch03
 
Dreamweaver Ch06
Dreamweaver Ch06Dreamweaver Ch06
Dreamweaver Ch06
 
Developing a Web Page
Developing a Web PageDeveloping a Web Page
Developing a Web Page
 
Getting Started with Dreamweaver
Getting Started with DreamweaverGetting Started with Dreamweaver
Getting Started with Dreamweaver
 
Quinn Fucile Laptop Request
Quinn Fucile Laptop RequestQuinn Fucile Laptop Request
Quinn Fucile Laptop Request
 
May Days 2008
May Days 2008May Days 2008
May Days 2008
 
Moodle Presentation
Moodle PresentationMoodle Presentation
Moodle Presentation
 

Último

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Último (20)

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

Dreamweaver Ch05

  • 1. Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Anatomy of a Table Cell Border Row Cell Spacing
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Fig. 3: Sketch of Table on Café Page
  • 16. Fig. 4: Table Dialog Box Table properties Header options Accessibility options
  • 17.
  • 18. Fig. 6: Expanded Tables Mode Displays more space between cells for easier editing
  • 19. Fig. 8: Table in Layout Mode Table displayed in layout mode Layout tab Standard mode button Expanded mode button
  • 20.
  • 21. Fig. 9: Selecting a Cell Cell tag icon W text box Selected cell
  • 22. Fig. 10: Resizing the Row Height Resizing pointer
  • 23. Fig. 11: Splitting a Cell into Two Rows Number of rows text box Splits cell into Rows or Columns button
  • 24. Fig. 12: Splitting One Cell into Two Two cells split from one
  • 25. Fig. 14: Code View for Merged Cells colspan tag
  • 26.
  • 27.
  • 28. Fig. 16: Vertically Aligning Cell Contents Vertical alignment options
  • 29. Fig. 18: Images Inserted into Cells cafe_logo.gif cheesecake.jpg
  • 30. Fig. 20: Aligning Images in Cells Centered banner and navigation bar Centered logo Centered cheesecake photo Left-aligned cafe photo
  • 31.
  • 32.
  • 33.
  • 34. Fig. 21: Property Inspector Showing Options for Formatting Cell Contents Image selected inside a cell Properties for selected graphic
  • 35. Fig. 22: Property Inspector Showing Options for Formatting a Cell Properties for selected cell, not image Insertion point in cell
  • 36. Fig. 23: Importing and Typing Text into Cells Imported text describing the cafe Text typed into cell
  • 37.
  • 38. Fig. 25: Adding Nested Tables Top row header Nested table
  • 39. Fig. 27: Formatting Cells Using Horizontal Alignment Vert and Horz list arrows Insertion point inside cell with no elements selected
  • 40. Fig. 29: Hiding Visual Aids Hide all visual aids option Visual aids button Dotted lines show borders are hidden
  • 41.