SlideShare une entreprise Scribd logo
1  sur  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]

Contenu connexe

Tendances

Charts & tables (Open Office)
Charts & tables (Open Office)Charts & tables (Open Office)
Charts & tables (Open Office)Anand Charvin
 
Power point lesson 14 (2010)
Power point lesson 14 (2010)Power point lesson 14 (2010)
Power point lesson 14 (2010)heidirobison
 
Formatting text (Microsoft Excel)
Formatting text (Microsoft Excel)Formatting text (Microsoft Excel)
Formatting text (Microsoft Excel)Mirea Mizushima
 
Lesson Four PowerPoint
Lesson Four PowerPointLesson Four PowerPoint
Lesson Four PowerPointmarkcoleman31
 
Powerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tablesPowerpoint Lesson10 working with tables
Powerpoint Lesson10 working with tablesricsanmae
 
Features of MS Word 2010
Features of MS Word 2010Features of MS Word 2010
Features of MS Word 2010laraibali21
 
Working with tables in digital documents
Working with tables in digital documentsWorking with tables in digital documents
Working with tables in digital documentsSanjay Parmar
 
Lecture 8 using spreadsheet
Lecture 8   using spreadsheetLecture 8   using spreadsheet
Lecture 8 using spreadsheetMaxwell Musonda
 
Editing worksheet data (Microsoft Excel)
Editing worksheet data (Microsoft Excel)Editing worksheet data (Microsoft Excel)
Editing worksheet data (Microsoft Excel)Mirea Mizushima
 
Les19 Working With Tables
Les19 Working With TablesLes19 Working With Tables
Les19 Working With Tablesguevarra_2000
 
Lesson4 Formatting Text
Lesson4 Formatting TextLesson4 Formatting Text
Lesson4 Formatting Textguevarra_2000
 

Tendances (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
 

Similaire à Dreamweaver Ch05

Similaire à 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
 
Excel 2010 tutorial
Excel 2010 tutorialExcel 2010 tutorial
Excel 2010 tutorial
 
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
 
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
 

Plus de Frank Fucile

Etug tell big_bluebutton_bcc_
Etug tell big_bluebutton_bcc_Etug tell big_bluebutton_bcc_
Etug tell big_bluebutton_bcc_Frank Fucile
 
Developing a Web Page
Developing a Web PageDeveloping a Web Page
Developing a Web PageFrank Fucile
 
Getting Started with Dreamweaver
Getting Started with DreamweaverGetting Started with Dreamweaver
Getting Started with DreamweaverFrank Fucile
 
Quinn Fucile Laptop Request
Quinn Fucile Laptop RequestQuinn Fucile Laptop Request
Quinn Fucile Laptop RequestFrank Fucile
 
Moodle Presentation
Moodle PresentationMoodle Presentation
Moodle PresentationFrank Fucile
 

Plus 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
 

Dernier

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
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...apidays
 
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...Drew Madelung
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
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 WorkerThousandEyes
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
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?Igalia
 
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.pdfsudhanshuwaghmare1
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 

Dernier (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
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...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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?
 
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
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

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.