SlideShare una empresa de Scribd logo
1 de 7
Do Now:
Which one is the png, jpg or gif?
How do you know?
1 2 3
PNG GIF JPG
Tags we already know
<html>
<head>
<title> Our Class Page! </title>
</head>
<body> <h1> Our Class Page!</h1> <br/>
<p>This website will give you all the tools
necessary to do well in our course. </p>
</body>
</html>
New Tag
<img…>
This tag tells the computer three things:
1. Where to get the image from (src)
2. How to caption the image (alt)
3. How the image should look (style)
Expectations:
 Copy the image tag and place in your original script on
text edit or notepad
 Once you’ve successfully run the image one time. You
need to add 2 other image tags
 Each tag should use a different format- jpg, gif, png
 Each image should be a different size
Discussion
 Based on what you’ve learned today, how would you
resize an image if you realized its WAY TOO BIG for
your website
 What challenges did you experience when inserting the
image tags.
 How can you avoid these challenges in the future

Más contenido relacionado

Destacado (8)

Trucos para la Gramatica Dificil
Trucos para la Gramatica DificilTrucos para la Gramatica Dificil
Trucos para la Gramatica Dificil
 
Chavez web quest
Chavez web questChavez web quest
Chavez web quest
 
Romance languages
Romance languagesRomance languages
Romance languages
 
Computer Hardware
Computer HardwareComputer Hardware
Computer Hardware
 
Problem solving
Problem solvingProblem solving
Problem solving
 
Scratch
ScratchScratch
Scratch
 
Social media
Social mediaSocial media
Social media
 
Scratch
ScratchScratch
Scratch
 

Similar a Do now

Need help with this project. I am confused what i have to do in this.pdf
Need help with this project. I am confused what i have to do in this.pdfNeed help with this project. I am confused what i have to do in this.pdf
Need help with this project. I am confused what i have to do in this.pdfamazonedistributors
 
In Class Assignment 1 .docx
In Class Assignment 1                                        .docxIn Class Assignment 1                                        .docx
In Class Assignment 1 .docxjaggernaoma
 
Html images and html backgrounds
Html images and html backgroundsHtml images and html backgrounds
Html images and html backgroundsnobel mujuji
 
Joomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesJoomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesAndy Wallace
 
Joomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesJoomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesChris Davenport
 
How To Rank Your Images On Google Images
How To Rank Your Images On Google ImagesHow To Rank Your Images On Google Images
How To Rank Your Images On Google ImagesThe Jigsaw SEO
 
Font End Development + Automation with Django
Font End Development + Automation with DjangoFont End Development + Automation with Django
Font End Development + Automation with DjangoEvan Reiser
 
Yahoo - Web Images optimization
Yahoo - Web Images optimizationYahoo - Web Images optimization
Yahoo - Web Images optimizationEduard Bondarenko
 
Optimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture ManagerOptimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture Managernewgraham
 
Image optimization: why and how
Image optimization: why and howImage optimization: why and how
Image optimization: why and howAmit Ranjan
 
Digital Imaging
Digital ImagingDigital Imaging
Digital Imagingwang wangt
 
MICA_P4_SEOAUDIT_ChinmayeArora.pptx
MICA_P4_SEOAUDIT_ChinmayeArora.pptxMICA_P4_SEOAUDIT_ChinmayeArora.pptx
MICA_P4_SEOAUDIT_ChinmayeArora.pptxChinmaye Arora
 
2022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.02022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.0Andrea Verlicchi
 
Semalt Expert: Graphic Optimization The
Semalt Expert: Graphic Optimization TheSemalt Expert: Graphic Optimization The
Semalt Expert: Graphic Optimization Theveerchotaliapatel
 
What are child themes, and why use them
What are child themes, and why use themWhat are child themes, and why use them
What are child themes, and why use themUtsav Singh Rathour
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Bastian Grimm
 

Similar a Do now (20)

Need help with this project. I am confused what i have to do in this.pdf
Need help with this project. I am confused what i have to do in this.pdfNeed help with this project. I am confused what i have to do in this.pdf
Need help with this project. I am confused what i have to do in this.pdf
 
In Class Assignment 1 .docx
In Class Assignment 1                                        .docxIn Class Assignment 1                                        .docx
In Class Assignment 1 .docx
 
Html images and html backgrounds
Html images and html backgroundsHtml images and html backgrounds
Html images and html backgrounds
 
Joomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesJoomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic Templates
 
Joomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesJoomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic Templates
 
How To Rank Your Images On Google Images
How To Rank Your Images On Google ImagesHow To Rank Your Images On Google Images
How To Rank Your Images On Google Images
 
Font End Development + Automation with Django
Font End Development + Automation with DjangoFont End Development + Automation with Django
Font End Development + Automation with Django
 
Yahoo - Web Images optimization
Yahoo - Web Images optimizationYahoo - Web Images optimization
Yahoo - Web Images optimization
 
Optimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture ManagerOptimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture Manager
 
Images on the Web
Images on the WebImages on the Web
Images on the Web
 
Image optimization: why and how
Image optimization: why and howImage optimization: why and how
Image optimization: why and how
 
Digital Imaging
Digital ImagingDigital Imaging
Digital Imaging
 
MICA_P4_SEOAUDIT_ChinmayeArora.pptx
MICA_P4_SEOAUDIT_ChinmayeArora.pptxMICA_P4_SEOAUDIT_ChinmayeArora.pptx
MICA_P4_SEOAUDIT_ChinmayeArora.pptx
 
Cut psd to xthml
Cut psd to xthmlCut psd to xthml
Cut psd to xthml
 
2022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.02022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.0
 
Seo for image
Seo for imageSeo for image
Seo for image
 
Semalt Expert: Graphic Optimization The
Semalt Expert: Graphic Optimization TheSemalt Expert: Graphic Optimization The
Semalt Expert: Graphic Optimization The
 
What are child themes, and why use them
What are child themes, and why use themWhat are child themes, and why use them
What are child themes, and why use them
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018
 
Web htmlt2
Web   htmlt2Web   htmlt2
Web htmlt2
 

Más de Barbara M. King (20)

Dia de los muertos 2019
Dia de los muertos 2019Dia de los muertos 2019
Dia de los muertos 2019
 
Chavez web quest
Chavez web questChavez web quest
Chavez web quest
 
Pancho villa
Pancho villaPancho villa
Pancho villa
 
Spain's royal family
Spain's royal familySpain's royal family
Spain's royal family
 
Adverbios
AdverbiosAdverbios
Adverbios
 
Stem changing verbs final
Stem changing verbs finalStem changing verbs final
Stem changing verbs final
 
Everyday expressions
Everyday expressionsEveryday expressions
Everyday expressions
 
Me gusta task
Me gusta taskMe gusta task
Me gusta task
 
Python
PythonPython
Python
 
Codesters word wall
Codesters word wallCodesters word wall
Codesters word wall
 
Codesters
CodestersCodesters
Codesters
 
Dia de los muertos
Dia de los muertosDia de los muertos
Dia de los muertos
 
Bullfighting
BullfightingBullfighting
Bullfighting
 
Robotics
RoboticsRobotics
Robotics
 
Diadelosmuertos 2016
Diadelosmuertos 2016Diadelosmuertos 2016
Diadelosmuertos 2016
 
Facebook &amp; vr
Facebook &amp; vrFacebook &amp; vr
Facebook &amp; vr
 
Primary vs secondary sources
Primary vs secondary sourcesPrimary vs secondary sources
Primary vs secondary sources
 
Primary source examples
Primary source examplesPrimary source examples
Primary source examples
 
Topic sentences &amp; body paragraphs
Topic sentences &amp; body paragraphs Topic sentences &amp; body paragraphs
Topic sentences &amp; body paragraphs
 
Photography 101
Photography 101Photography 101
Photography 101
 

Último

Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 

Último (20)

Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 

Do now

  • 1. Do Now: Which one is the png, jpg or gif? How do you know? 1 2 3 PNG GIF JPG
  • 2. Tags we already know <html> <head> <title> Our Class Page! </title> </head> <body> <h1> Our Class Page!</h1> <br/> <p>This website will give you all the tools necessary to do well in our course. </p> </body> </html>
  • 3. New Tag <img…> This tag tells the computer three things: 1. Where to get the image from (src) 2. How to caption the image (alt) 3. How the image should look (style)
  • 4.
  • 5. Expectations:  Copy the image tag and place in your original script on text edit or notepad  Once you’ve successfully run the image one time. You need to add 2 other image tags  Each tag should use a different format- jpg, gif, png  Each image should be a different size
  • 6.
  • 7. Discussion  Based on what you’ve learned today, how would you resize an image if you realized its WAY TOO BIG for your website  What challenges did you experience when inserting the image tags.  How can you avoid these challenges in the future