SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Unit 12 – Style Sheets Presentation   1 Web Programming
Revision ,[object Object],[object Object],[object Object],[object Object],[object Object]
Objectives ,[object Object],[object Object],[object Object],[object Object],[object Object]
  CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
  External Style Sheets ,[object Object],[object Object],[object Object]
  Hands-On! ,[object Object],[object Object]
Lab Exercise ,[object Object],[object Object],[object Object],[object Object]
Lab Exercise ,[object Object],[object Object],[object Object]
Lab Exercise ,[object Object]
Internal Style Sheets ,[object Object],[object Object]
Hands-On! ,[object Object],[object Object]
  Inline Style Sheet ,[object Object]
Hands-On!   ,[object Object],[object Object]
  Order of Precedence ,[object Object],[object Object],[object Object],[object Object],[object Object]
  Lab Exercise   ,[object Object]
  Activity 2.12.1 ,[object Object],[object Object],[object Object],[object Object],[object Object]
  Activity 2.12.1 Contd.
  Activity 2.12.2 ,[object Object],[object Object],[object Object]
  Activity 2.12.2 (Contd..)
  Activity 2.12.2 (Contd..) C:TMLnit 4ctivity Activity2.html Changing the Size of the Text C:TMLnit 4ctivity Activity1.html Making the Text Bold, Italic and Underlined C:TMLnit 3ctivity Activity4.html Scrolling the Text C:TMLnit 3ctivity Activity3.html Drawing Horizontal Rule C:TMLnit 3ctivity Activity2.html Inserting Line Breaks and Paragraphs C:TMLnit 3ctivity Activity1.html Adding Headings C:TMLnit 3ctivity Activity5.html Basics of HTML C:TMLnit 7ctivity Activity3.html About the Internet Location File to be linked Link in the left frame
  Activity 2.12.2 (Contd..) C:TMLnit 9ctivity Activity1.html Adding Tables C:TMLnit 8ctivity Activity1.html Inserting Music, Movie and Animation C:TMLnit 7ctivity Activity1.html Inserting Images C:TMLnit 6ctivity Activity1.html Adding Hyperlinks C:TMLnit 5ctivity Activity3.html Definition List C:TMLnit 5ctivity Activity2.html Unordered List C:TMLnit 5ctivity Activity1.html Ordered List C:TMLnit 4ctivity Activity3.html Positioning and Striking the Text Location File to be linked Link in the left frame
  Activity 2.12.2 (Contd..) C:TMLnit 12ctivity   Activity1.html Cascading Style Sheets C:TMLnit 11ctivity   Activity2.html Adding Forms and Controls C:TMLnit 10ctivity   Activity6.html Creating Frames Location File to be linked Link in the left frame
  Activity 2.12.3 ,[object Object]
  Activity 2.12.3 (Contd…)
  Activity 2.12.3 (Contd…) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
  Activity 2.12.3 (Contd…) 4. Add the following code inside the  <HEAD>  tag in all the activity files created. <LINK Rel=&quot;Stylesheet&quot; Href=&quot;C:TMLtyle.css&quot;> 5. Open the Main.html folder in Internet Explorer and browse the Web site created.
Summary ,[object Object],[object Object],[object Object],[object Object]
Summary ,[object Object],[object Object],[object Object]
Assignment ,[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Cmptr ch22
Cmptr ch22Cmptr ch22
Cmptr ch22
niky25
 
Excel’s basics
Excel’s basicsExcel’s basics
Excel’s basics
katialk
 
Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003
Ann Alcid
 
Part 1; CSS and placing images on the page: The following files are located i...
Part 1; CSS and placing images on the page: The following files are located i...Part 1; CSS and placing images on the page: The following files are located i...
Part 1; CSS and placing images on the page: The following files are located i...
hwbloom15
 

Was ist angesagt? (20)

Creating and Processing Web Forms
Creating and Processing Web FormsCreating and Processing Web Forms
Creating and Processing Web Forms
 
Km Wiki How To Contribute 090930 V0.02
Km Wiki How To Contribute 090930 V0.02Km Wiki How To Contribute 090930 V0.02
Km Wiki How To Contribute 090930 V0.02
 
Working with Images
Working with ImagesWorking with Images
Working with Images
 
Working with Links
Working with LinksWorking with Links
Working with Links
 
Structure Web Content
Structure Web ContentStructure Web Content
Structure Web Content
 
Formatting text with CSS
Formatting text with CSSFormatting text with CSS
Formatting text with CSS
 
Week 2
Week 2Week 2
Week 2
 
Excel 2013 ribbons
Excel 2013 ribbonsExcel 2013 ribbons
Excel 2013 ribbons
 
Testing and Improving Performance
Testing and Improving PerformanceTesting and Improving Performance
Testing and Improving Performance
 
BI Step by Step
BI Step by StepBI Step by Step
BI Step by Step
 
Cmptr ch22
Cmptr ch22Cmptr ch22
Cmptr ch22
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 
Just Enough HTML for Fatwire
Just Enough HTML for FatwireJust Enough HTML for Fatwire
Just Enough HTML for Fatwire
 
Javascript programming using the document object model
Javascript programming using the document object modelJavascript programming using the document object model
Javascript programming using the document object model
 
Lesson 4- Developing ict content for specific purposes
Lesson 4- Developing ict content for specific purposesLesson 4- Developing ict content for specific purposes
Lesson 4- Developing ict content for specific purposes
 
HTML (Hyper Text Markup Language) Project
HTML (Hyper Text Markup Language) Project HTML (Hyper Text Markup Language) Project
HTML (Hyper Text Markup Language) Project
 
Create Links
Create LinksCreate Links
Create Links
 
Excel’s basics
Excel’s basicsExcel’s basics
Excel’s basics
 
Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003
 
Part 1; CSS and placing images on the page: The following files are located i...
Part 1; CSS and placing images on the page: The following files are located i...Part 1; CSS and placing images on the page: The following files are located i...
Part 1; CSS and placing images on the page: The following files are located i...
 

Andere mochten auch

D2.1 Evaluation Criteria and Methods
D2.1	 Evaluation Criteria and MethodsD2.1	 Evaluation Criteria and Methods
D2.1 Evaluation Criteria and Methods
Hendrik Drachsler
 
Continuous deployments in Azure websites (by Anton Vidishchev)
Continuous deployments in Azure websites (by Anton Vidishchev)Continuous deployments in Azure websites (by Anton Vidishchev)
Continuous deployments in Azure websites (by Anton Vidishchev)
Alexandra Chudner
 
Adv06 f dnk_project_guide
Adv06 f dnk_project_guideAdv06 f dnk_project_guide
Adv06 f dnk_project_guide
dnaveda
 
The Co-operative University: Labour, Property and Pedagogy
The Co-operative University: Labour, Property and PedagogyThe Co-operative University: Labour, Property and Pedagogy
The Co-operative University: Labour, Property and Pedagogy
Joss Winn
 
Życie prywatne w rodzinie
Życie prywatne w rodzinieŻycie prywatne w rodzinie
Życie prywatne w rodzinie
agata stanisz
 

Andere mochten auch (20)

Tamgun
TamgunTamgun
Tamgun
 
D2.1 Evaluation Criteria and Methods
D2.1	 Evaluation Criteria and MethodsD2.1	 Evaluation Criteria and Methods
D2.1 Evaluation Criteria and Methods
 
Online Masterclass Learning Analytics
Online Masterclass Learning Analytics Online Masterclass Learning Analytics
Online Masterclass Learning Analytics
 
Lift'11 Venture Night Presentation
Lift'11 Venture Night PresentationLift'11 Venture Night Presentation
Lift'11 Venture Night Presentation
 
Unit3 lesson1
Unit3 lesson1Unit3 lesson1
Unit3 lesson1
 
Afectar al paciente
Afectar al pacienteAfectar al paciente
Afectar al paciente
 
The CLAS APP
The CLAS APPThe CLAS APP
The CLAS APP
 
Examenopleiding energieconsulent mfl
Examenopleiding energieconsulent mflExamenopleiding energieconsulent mfl
Examenopleiding energieconsulent mfl
 
Collecting and utilizing assessment information
Collecting and utilizing assessment informationCollecting and utilizing assessment information
Collecting and utilizing assessment information
 
Continuous deployments in Azure websites (by Anton Vidishchev)
Continuous deployments in Azure websites (by Anton Vidishchev)Continuous deployments in Azure websites (by Anton Vidishchev)
Continuous deployments in Azure websites (by Anton Vidishchev)
 
Adv06 f dnk_project_guide
Adv06 f dnk_project_guideAdv06 f dnk_project_guide
Adv06 f dnk_project_guide
 
M02 un04 p02
M02 un04 p02M02 un04 p02
M02 un04 p02
 
Unit 1.1
Unit 1.1Unit 1.1
Unit 1.1
 
2.1 Web Programming - InternetBasics
2.1 Web Programming - InternetBasics2.1 Web Programming - InternetBasics
2.1 Web Programming - InternetBasics
 
A Long Walk to Water: Lesson4 unit2
A Long Walk to Water: Lesson4 unit2A Long Walk to Water: Lesson4 unit2
A Long Walk to Water: Lesson4 unit2
 
Kliniksefiuzman
KliniksefiuzmanKliniksefiuzman
Kliniksefiuzman
 
The Co-operative University: Labour, Property and Pedagogy
The Co-operative University: Labour, Property and PedagogyThe Co-operative University: Labour, Property and Pedagogy
The Co-operative University: Labour, Property and Pedagogy
 
Benvinguts
BenvingutsBenvinguts
Benvinguts
 
Inbound Marketing Explained
Inbound Marketing ExplainedInbound Marketing Explained
Inbound Marketing Explained
 
Życie prywatne w rodzinie
Życie prywatne w rodzinieŻycie prywatne w rodzinie
Życie prywatne w rodzinie
 

Ähnlich wie M02 un12 p01

Lesson 2 cs5
Lesson 2   cs5Lesson 2   cs5
Lesson 2 cs5
dtelepos
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
chowders
 

Ähnlich wie M02 un12 p01 (20)

M02 un10 p01
M02 un10 p01M02 un10 p01
M02 un10 p01
 
Unit 2.2 Part 1
Unit 2.2 Part 1Unit 2.2 Part 1
Unit 2.2 Part 1
 
M02 un10 p02
M02 un10 p02M02 un10 p02
M02 un10 p02
 
Unit 2.3
Unit 2.3Unit 2.3
Unit 2.3
 
M02 un03 p03
M02 un03 p03M02 un03 p03
M02 un03 p03
 
Itc lab 03
Itc lab  03Itc lab  03
Itc lab 03
 
M02 un09 p01
M02 un09 p01M02 un09 p01
M02 un09 p01
 
Lesson 2 cs5
Lesson 2   cs5Lesson 2   cs5
Lesson 2 cs5
 
Intro to OctoberCMS
Intro to OctoberCMSIntro to OctoberCMS
Intro to OctoberCMS
 
HTML Basics 1 workshop
HTML Basics 1 workshopHTML Basics 1 workshop
HTML Basics 1 workshop
 
MMI-402 - Lecture 1
MMI-402 - Lecture 1MMI-402 - Lecture 1
MMI-402 - Lecture 1
 
Dreamweaver CS3
Dreamweaver CS3Dreamweaver CS3
Dreamweaver CS3
 
M02 un07 p01
M02 un07 p01M02 un07 p01
M02 un07 p01
 
Project 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesProject 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - Notes
 
Html
HtmlHtml
Html
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Blog It Up, Baby! Extending the new IBM Lotus Domino Blog TemplateBlog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfModule 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
 
07sp.wksp2_basicHTML.ppt
07sp.wksp2_basicHTML.ppt07sp.wksp2_basicHTML.ppt
07sp.wksp2_basicHTML.ppt
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 

Mehr von Intan Jameel (20)

1.3 Process and Information Layout
1.3 Process and Information Layout1.3 Process and Information Layout
1.3 Process and Information Layout
 
Unit 2.10 - Frames
Unit 2.10 - FramesUnit 2.10 - Frames
Unit 2.10 - Frames
 
M02 un11 p02
M02 un11 p02M02 un11 p02
M02 un11 p02
 
M02 un09 p02
M02 un09 p02M02 un09 p02
M02 un09 p02
 
M02 un08 p01
M02 un08 p01M02 un08 p01
M02 un08 p01
 
M02 un07 p02
M02 un07 p02M02 un07 p02
M02 un07 p02
 
M02 un06 p02
M02 un06 p02M02 un06 p02
M02 un06 p02
 
M02 un06 p01
M02 un06 p01M02 un06 p01
M02 un06 p01
 
M02 un05 p02
M02 un05 p02M02 un05 p02
M02 un05 p02
 
M02 un05 p01
M02 un05 p01M02 un05 p01
M02 un05 p01
 
M02 un04 p04
M02 un04 p04M02 un04 p04
M02 un04 p04
 
M02 un04 p03
M02 un04 p03M02 un04 p03
M02 un04 p03
 
M02 un04 p01
M02 un04 p01M02 un04 p01
M02 un04 p01
 
M02 un11 p01
M02 un11 p01M02 un11 p01
M02 un11 p01
 
Unit 2.1 Part 4
Unit 2.1 Part 4Unit 2.1 Part 4
Unit 2.1 Part 4
 
Unit 2.1 Part 3
Unit 2.1 Part 3Unit 2.1 Part 3
Unit 2.1 Part 3
 
Unit 2.1 Part 2
Unit 2.1 Part 2Unit 2.1 Part 2
Unit 2.1 Part 2
 
M02 un01 p01
M02 un01 p01M02 un01 p01
M02 un01 p01
 
Unit 2.3 Part 2
Unit 2.3 Part 2Unit 2.3 Part 2
Unit 2.3 Part 2
 
Unit 2.9 Tables
Unit 2.9 TablesUnit 2.9 Tables
Unit 2.9 Tables
 

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

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 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
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
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...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
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
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
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
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
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)
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
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
 
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?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
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...
 

M02 un12 p01

  • 1. Unit 12 – Style Sheets Presentation 1 Web Programming
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Activity 2.12.1 Contd.
  • 18.
  • 19. Activity 2.12.2 (Contd..)
  • 20. Activity 2.12.2 (Contd..) C:TMLnit 4ctivity Activity2.html Changing the Size of the Text C:TMLnit 4ctivity Activity1.html Making the Text Bold, Italic and Underlined C:TMLnit 3ctivity Activity4.html Scrolling the Text C:TMLnit 3ctivity Activity3.html Drawing Horizontal Rule C:TMLnit 3ctivity Activity2.html Inserting Line Breaks and Paragraphs C:TMLnit 3ctivity Activity1.html Adding Headings C:TMLnit 3ctivity Activity5.html Basics of HTML C:TMLnit 7ctivity Activity3.html About the Internet Location File to be linked Link in the left frame
  • 21. Activity 2.12.2 (Contd..) C:TMLnit 9ctivity Activity1.html Adding Tables C:TMLnit 8ctivity Activity1.html Inserting Music, Movie and Animation C:TMLnit 7ctivity Activity1.html Inserting Images C:TMLnit 6ctivity Activity1.html Adding Hyperlinks C:TMLnit 5ctivity Activity3.html Definition List C:TMLnit 5ctivity Activity2.html Unordered List C:TMLnit 5ctivity Activity1.html Ordered List C:TMLnit 4ctivity Activity3.html Positioning and Striking the Text Location File to be linked Link in the left frame
  • 22. Activity 2.12.2 (Contd..) C:TMLnit 12ctivity Activity1.html Cascading Style Sheets C:TMLnit 11ctivity Activity2.html Adding Forms and Controls C:TMLnit 10ctivity Activity6.html Creating Frames Location File to be linked Link in the left frame
  • 23.
  • 24. Activity 2.12.3 (Contd…)
  • 25.
  • 26. Activity 2.12.3 (Contd…) 4. Add the following code inside the <HEAD> tag in all the activity files created. <LINK Rel=&quot;Stylesheet&quot; Href=&quot;C:TMLtyle.css&quot;> 5. Open the Main.html folder in Internet Explorer and browse the Web site created.
  • 27.
  • 28.
  • 29.