SlideShare una empresa de Scribd logo
1 de 18
IML 140
The Web, Digital Media, and Creative Culture
Who and what is the...



 "Creative"
Class?
Internet   origins


Cold War
 Sputnik
DARPA/IPTO
Internet   origins


Cold War
 1968
ARPANET
Internet           origins


UCLA school of engineering
 1969
SRI international
Internet                origins


NCP (network control program)
 1974
TCP/IP     (transmission control protocol)
Internet         origins


National Science Foundation
 1985
NSFNET
Internet          origins


National Science Foundation
 1994
Privatazation
             JavaScript
Internet   origins




1994
Internet      vs.

 World Wide Web
 hardware
      infrastructure
services  software
Data
(content / element)
<>Data</>
(tag / metadata)
<html>
</html>
Let's say "hi"
1. Open an formatted text doc, we
   will use "stickies" on the Mac
      2. Click "File" > "New"
<html>




</html>
<html>
          <head>


         </head>
                   <body>
                   </body>
</html>
<html>
          <head>
               <title>
               Evan's Page

              </title>
         </head>
                     <body>
                      Hello World!

                     </body>
</html>
Let's say "hi"
3. Click "File" > "Export" and save as
    "index" - make sure it goes to
                desktop
  4. Change the file type from ".txt"
              to .html
  5. Right click on "index.html" and
          open with Firefox

Más contenido relacionado

Similar a Iml140 web week_1

CSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part ACSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part A
Teresa Pelkie
 
บทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศบทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศ
Beauso English
 
Net to web: The Links that became a Web
Net to web:  The Links that became a WebNet to web:  The Links that became a Web
Net to web: The Links that became a Web
Johan Koren
 
Hello world
Hello worldHello world
Hello world
hemi46h
 

Similar a Iml140 web week_1 (20)

CSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part ACSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part A
 
HTML
HTMLHTML
HTML
 
Creative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web developmentCreative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web development
 
Linux Basics
Linux BasicsLinux Basics
Linux Basics
 
web design
web designweb design
web design
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
 
Strategies to design FUD malware
Strategies to design FUD malwareStrategies to design FUD malware
Strategies to design FUD malware
 
File Handling
File HandlingFile Handling
File Handling
 
File Handling
File HandlingFile Handling
File Handling
 
Tool Development 03 - File I/O
Tool Development 03 - File I/OTool Development 03 - File I/O
Tool Development 03 - File I/O
 
Form 1 Term 3 Week 2.3
Form 1   Term 3   Week 2.3Form 1   Term 3   Week 2.3
Form 1 Term 3 Week 2.3
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
 
Sample
SampleSample
Sample
 
บทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศบทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศ
 
Handling computer files
Handling computer filesHandling computer files
Handling computer files
 
Net to web: The Links that became a Web
Net to web:  The Links that became a WebNet to web:  The Links that became a Web
Net to web: The Links that became a Web
 
The history Internet.
The history Internet.The history Internet.
The history Internet.
 
Hello world
Hello worldHello world
Hello world
 
Markup Languages
Markup LanguagesMarkup Languages
Markup Languages
 
How to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMedHow to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMed
 

Más de Evan Hughes

Media for business_commercials
Media for business_commercialsMedia for business_commercials
Media for business_commercials
Evan Hughes
 
Design and presenting with slides
Design and presenting with slidesDesign and presenting with slides
Design and presenting with slides
Evan Hughes
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver Template
Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
Evan Hughes
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - Basics
Evan Hughes
 
Remixand culture
Remixand cultureRemixand culture
Remixand culture
Evan Hughes
 
Mobile design patterns
Mobile design patternsMobile design patterns
Mobile design patterns
Evan Hughes
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasics
Evan Hughes
 

Más de Evan Hughes (20)

IML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling BusinessIML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling Business
 
Blog HTML example for IML 295
Blog HTML example for IML 295Blog HTML example for IML 295
Blog HTML example for IML 295
 
Html intro for IML 295, week 11
Html intro for IML 295, week 11Html intro for IML 295, week 11
Html intro for IML 295, week 11
 
Media for business_commercials
Media for business_commercialsMedia for business_commercials
Media for business_commercials
 
I ml 140 digital media for business - final week
I ml 140  digital media for business - final weekI ml 140  digital media for business - final week
I ml 140 digital media for business - final week
 
Design and presenting with slides
Design and presenting with slidesDesign and presenting with slides
Design and presenting with slides
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver Template
 
Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Iml140 cs sbasics_week5
Iml140 cs sbasics_week5
 
Week 4 css basics
Week 4 css basicsWeek 4 css basics
Week 4 css basics
 
Word Press Site
Word Press SiteWord Press Site
Word Press Site
 
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)
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Dreamweaver template
Dreamweaver templateDreamweaver template
Dreamweaver template
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - Basics
 
Remixand culture
Remixand cultureRemixand culture
Remixand culture
 
Mobile design patterns
Mobile design patternsMobile design patterns
Mobile design patterns
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasics
 
Color Theory Basics
Color Theory BasicsColor Theory Basics
Color Theory Basics
 
Iml 295 week
Iml 295 weekIml 295 week
Iml 295 week
 

Último

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
QucHHunhnh
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Último (20)

Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
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
 
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
 
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.
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
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
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
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
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 

Iml140 web week_1