SlideShare une entreprise Scribd logo
1  sur  31
Welcome   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Task Feedback ,[object Object],[object Object],[object Object]
Assessment Task Overview ,[object Object],[object Object],[object Object]
Assessment Task One ,[object Object],[object Object],[object Object]
Assessment  Task One Site Map
Assessment  Task One Story Board
Learning HTML ,[object Object],[object Object],[object Object]
HTML Structure ,[object Object]
Adding Links ,[object Object],URL for link Text to display for link
Inserting Images ,[object Object],Name of file with image Text to display if image unavailable  or for accessibility In this example the Image must be in same folder as  HTML file to display
Inserting Images ,[object Object],Name of Folder Name of file Text to display if image unavailable  or for accessibility In this example the Image is in the  “pics”  folder  adjacent to the html file
Common Tags – Headings (Code) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Common Tags – Headings (Display)
Common Tags – Headings (Display)
Common Tags – Colour ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Common Tags – Colour
Common Tags – Colour U se a color (hex) code to  colour text .  <FONT COLOR=&quot;######&quot;>text </ FONT > For example, for aqua text: <FONT COLOR=“ ff0000 &quot;>text </ FONT >
Common Tags – Colour across Page <TEXT=&quot;######&quot;>   T he full-page text colo u r. <LINK=&quot;######&quot;>   C olo u r of the links on your page. <ALINK=&quot;######&quot;>   C olo u r the link will flash when clicked upon. <VLINK=&quot;######&quot;>   colo u rs of the links after  user has  visited .
Common Tags – Colour across Page P lace them all together inside the same command along with any  background  commands.  Something like this:  < BODY BGCOLOR=&quot;######&quot; TEXT=&quot;######&quot; LINK=&quot;######&quot; VLINK=&quot;######&quot;>
Style Sheets ,[object Object],[object Object]
Style Sheets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheets ,[object Object],[object Object],[object Object],[object Object]
Style Sheets 1 – Examples ,[object Object],[object Object],[object Object]
Style Sheets 1 – Examples  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheets 1 – The HTML ,[object Object]
Style Sheets – Examples ,[object Object],[object Object]
Style Sheets – Exernal CSS File
Style Sheets – Exernal CSS File ,[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheets – Uses ,[object Object],[object Object],[object Object],[object Object],[object Object]
Next Live Tutorials Times ,[object Object]
Thank you for playing

Contenu connexe

Tendances

Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTML
vanessajade
 
Html text formatting
Html text formattingHtml text formatting
Html text formatting
derekoei
 

Tendances (20)

Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
YL Intro html
YL Intro htmlYL Intro html
YL Intro html
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Introduction To HTML
Introduction To HTMLIntroduction To HTML
Introduction To HTML
 
Web design
Web designWeb design
Web design
 
Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTML
 
Html
HtmlHtml
Html
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)
 
Basics Of Html
Basics Of HtmlBasics Of Html
Basics Of Html
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Html1
Html1Html1
Html1
 
Html text formatting
Html text formattingHtml text formatting
Html text formatting
 
Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
The Basics of (X)HTML Tags
The Basics of (X)HTML TagsThe Basics of (X)HTML Tags
The Basics of (X)HTML Tags
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html ppt
Html pptHtml ppt
Html ppt
 
Design Dream
Design DreamDesign Dream
Design Dream
 
XHTML basics
XHTML basicsXHTML basics
XHTML basics
 

En vedette

Phillip L French resume.V5.1
Phillip L French resume.V5.1Phillip L French resume.V5.1
Phillip L French resume.V5.1
Phillip French
 
Architectural Design Basics Syllabus 2004
Architectural Design Basics Syllabus 2004Architectural Design Basics Syllabus 2004
Architectural Design Basics Syllabus 2004
Galala University
 
Al Qurain 13 2006 Kuwaiti Architeture Present Absent
Al Qurain 13 2006  Kuwaiti Architeture Present AbsentAl Qurain 13 2006  Kuwaiti Architeture Present Absent
Al Qurain 13 2006 Kuwaiti Architeture Present Absent
Galala University
 

En vedette (20)

Phillip L French resume.V5.1
Phillip L French resume.V5.1Phillip L French resume.V5.1
Phillip L French resume.V5.1
 
Medios de transmisión
Medios de transmisión Medios de transmisión
Medios de transmisión
 
MindSphere Corporate Profile
MindSphere Corporate ProfileMindSphere Corporate Profile
MindSphere Corporate Profile
 
Software de diagnostico y mantenimiento
Software de diagnostico y mantenimiento Software de diagnostico y mantenimiento
Software de diagnostico y mantenimiento
 
Medios de transmisión
Medios de transmisión Medios de transmisión
Medios de transmisión
 
How to Understand your Target audience
How to Understand your Target audienceHow to Understand your Target audience
How to Understand your Target audience
 
MAIORES PALESTRANTES DO BRASIL. JULIO CESAR
MAIORES PALESTRANTES DO BRASIL. JULIO CESARMAIORES PALESTRANTES DO BRASIL. JULIO CESAR
MAIORES PALESTRANTES DO BRASIL. JULIO CESAR
 
Architectural Design Basics Syllabus 2004
Architectural Design Basics Syllabus 2004Architectural Design Basics Syllabus 2004
Architectural Design Basics Syllabus 2004
 
Palestra motivacional 3
Palestra motivacional 3Palestra motivacional 3
Palestra motivacional 3
 
Al Qurain 13 2006 Kuwaiti Architeture Present Absent
Al Qurain 13 2006  Kuwaiti Architeture Present AbsentAl Qurain 13 2006  Kuwaiti Architeture Present Absent
Al Qurain 13 2006 Kuwaiti Architeture Present Absent
 
Project brief 2 architecture studio 5 march 2016 v3
Project brief 2 architecture studio 5 march 2016  v3Project brief 2 architecture studio 5 march 2016  v3
Project brief 2 architecture studio 5 march 2016 v3
 
Complications of pacemaker implantation. Waleed Roshdy
Complications of pacemaker implantation. Waleed RoshdyComplications of pacemaker implantation. Waleed Roshdy
Complications of pacemaker implantation. Waleed Roshdy
 
Dubai 1998 - Architectural Heritage : Value and Preservationi
Dubai 1998 - Architectural Heritage : Value and PreservationiDubai 1998 - Architectural Heritage : Value and Preservationi
Dubai 1998 - Architectural Heritage : Value and Preservationi
 
L’utilisation des outils du Web 2.0 dans une activité e-Commerce
L’utilisation des outils du Web 2.0 dans une activité e-Commerce L’utilisation des outils du Web 2.0 dans une activité e-Commerce
L’utilisation des outils du Web 2.0 dans une activité e-Commerce
 
Architectural Design in Arabic - Book 6 - التصميم المعمارى بالعربى - كتاب 6
Architectural Design in Arabic - Book 6 - التصميم المعمارى بالعربى - كتاب 6Architectural Design in Arabic - Book 6 - التصميم المعمارى بالعربى - كتاب 6
Architectural Design in Arabic - Book 6 - التصميم المعمارى بالعربى - كتاب 6
 
Architectural Design in Arabic book 2 - التصميم المعمارى بالعربى - كتاب 2
Architectural Design in Arabic book 2 - التصميم المعمارى بالعربى - كتاب 2Architectural Design in Arabic book 2 - التصميم المعمارى بالعربى - كتاب 2
Architectural Design in Arabic book 2 - التصميم المعمارى بالعربى - كتاب 2
 
Challenges of Sustainable Development in Qatar and the World 1
Challenges of Sustainable Development in Qatar and the World 1Challenges of Sustainable Development in Qatar and the World 1
Challenges of Sustainable Development in Qatar and the World 1
 
Yasser Mahgoub Digital CV & Portfolio
Yasser Mahgoub Digital CV & PortfolioYasser Mahgoub Digital CV & Portfolio
Yasser Mahgoub Digital CV & Portfolio
 
Grammar
GrammarGrammar
Grammar
 
SWOT Analysis and TWOS Matrix (Arabic Native)
SWOT Analysis and TWOS Matrix (Arabic Native)SWOT Analysis and TWOS Matrix (Arabic Native)
SWOT Analysis and TWOS Matrix (Arabic Native)
 

Similaire à Block2 Session2 Presentation (20)

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
Web Designing
Web DesigningWeb Designing
Web Designing
 
Webpages And Dynamic Content
Webpages And Dynamic ContentWebpages And Dynamic Content
Webpages And Dynamic Content
 
AK css
AK cssAK css
AK css
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
Html Expression Web
Html Expression WebHtml Expression Web
Html Expression Web
 
CSS
CSSCSS
CSS
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1
 
Michael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentationMichael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentation
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
Diva
DivaDiva
Diva
 
HTML
HTMLHTML
HTML
 
Css
CssCss
Css
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
HTML and CSS workshop
HTML and CSS workshopHTML and CSS workshop
HTML and CSS workshop
 
Html
HtmlHtml
Html
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 

Plus de Michael Gwyther (8)

Acpet Vic Toolbox
Acpet Vic ToolboxAcpet Vic Toolbox
Acpet Vic Toolbox
 
E Learning Concepts
E Learning ConceptsE Learning Concepts
E Learning Concepts
 
Ecommunications
EcommunicationsEcommunications
Ecommunications
 
Acpet Livesession1 2009
Acpet Livesession1 2009Acpet Livesession1 2009
Acpet Livesession1 2009
 
Hunter Session5 Presentation
Hunter Session5 PresentationHunter Session5 Presentation
Hunter Session5 Presentation
 
Web2 Rss
Web2 RssWeb2 Rss
Web2 Rss
 
Block2 Session3 Presentation
Block2 Session3 PresentationBlock2 Session3 Presentation
Block2 Session3 Presentation
 
Html
HtmlHtml
Html
 

Dernier

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 

Dernier (20)

(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
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
 

Block2 Session2 Presentation

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. Assessment Task One Site Map
  • 6. Assessment Task One Story Board
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Common Tags – Headings (Display)
  • 14. Common Tags – Headings (Display)
  • 15.
  • 16. Common Tags – Colour
  • 17. Common Tags – Colour U se a color (hex) code to colour text . <FONT COLOR=&quot;######&quot;>text </ FONT > For example, for aqua text: <FONT COLOR=“ ff0000 &quot;>text </ FONT >
  • 18. Common Tags – Colour across Page <TEXT=&quot;######&quot;> T he full-page text colo u r. <LINK=&quot;######&quot;> C olo u r of the links on your page. <ALINK=&quot;######&quot;> C olo u r the link will flash when clicked upon. <VLINK=&quot;######&quot;> colo u rs of the links after user has visited .
  • 19. Common Tags – Colour across Page P lace them all together inside the same command along with any background commands. Something like this: < BODY BGCOLOR=&quot;######&quot; TEXT=&quot;######&quot; LINK=&quot;######&quot; VLINK=&quot;######&quot;>
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. Style Sheets – Exernal CSS File
  • 28.
  • 29.
  • 30.
  • 31. Thank you for playing