SlideShare une entreprise Scribd logo
1  sur  21
Introduction to Web Design



            Mr. Kinney
        Ninth Grade Elective
We're going to…
• Learn how to create web pages using HTML.

• Learn FTP and how to publish web pages with it.

• Learn about accessibility and how to create
  accessible web sites.

• Learn how the internet works (Duh).

• Learn how to insert graphics and multimedia
  elements.
http://
web.scholarsnyc.com
     Write this down.
Nitpicky Rules
• Upon entering, students are expected to log into their
  workstations and proceed to complete the warm-up activity
  displayed on the Smart Board.

• Only touch classroom equipment when instructed to do so by a
  teacher.

• Computers and other technology are intended for academic use
  only—inappropriate use (e.g. video games, copyright violation,
  etc.) will be reflected on classroom performance grades and
  may result in the suspension of computer-usage privileges.

• At the end of the period, students are expected to return their
  workstations to an acceptable layout and log out of their user
  accounts.
Are the Internet and the
 web the same thing?
What are the technologies
  that power the web?




        (and others…)
What are the technologies
     that power the web?

Clients
 (You)




           (and others…)
What are the technologies
     that power the web?

Clients    Servers
 (You)    (Apache)




                     (and others…)
What are the technologies
     that power the web?

Clients    Servers
                         HTML
 (You)    (Apache)




                     (and others…)
What are the technologies
     that power the web?

Clients    Servers                      IP
                         HTML
 (You)    (Apache)                   Addresses




                     (and others…)
What are the technologies
     that power the web?

Clients    Servers                      IP
                         HTML                    JavaScript
 (You)    (Apache)                   Addresses




                     (and others…)
What are the technologies
      that power the web?

Clients     Servers                      IP
                          HTML                    JavaScript
 (You)     (Apache)                   Addresses




Browsers




                      (and others…)
What are the technologies
      that power the web?

Clients     Servers                        IP
                            HTML                    JavaScript
 (You)     (Apache)                     Addresses




            Scripting
Browsers
           Languages




                        (and others…)
What are the technologies
      that power the web?

Clients     Servers                        IP
                             HTML                   JavaScript
 (You)     (Apache)                     Addresses




            Scripting
Browsers                   Databases
           Languages




                        (and others…)
What are the technologies
      that power the web?

Clients     Servers                        IP
                             HTML                   JavaScript
 (You)     (Apache)                     Addresses




            Scripting
Browsers                   Databases      FTP
           Languages




                        (and others…)
What are the technologies
      that power the web?

Clients     Servers                        IP
                             HTML                   JavaScript
 (You)     (Apache)                     Addresses




            Scripting
Browsers                   Databases      FTP          CSS
           Languages




                        (and others…)
We're going to focus
   on just these.
              Clients
                              HTML
               (You)




   Browsers             FTP          CSS
Your Worst Enemy
This Week
• Getting your very first HTML page up and
  running.

• Using basic formatting tags to style your
  text.

• Creating hyperlinks to other pages on the
  web.
HTM—who?
HTM—who?


• Hypertext Markup Language. Duh.

• Hypertext are those funny links you click
  on.

Contenu connexe

Similaire à Web Design, Lesson 1

Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)Roohul Amin
 
Javascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComJavascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComHamdi Hmidi
 
1st workshop web.pptx
1st workshop web.pptx1st workshop web.pptx
1st workshop web.pptxMohammedArbi
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web buildingRC Morales
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1nhepner
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA ScriptNitesh Gupta
 
Website design & developemet
Website design & developemetWebsite design & developemet
Website design & developemetApurva Tripathi
 
introduction_to_web_technology.pdf
introduction_to_web_technology.pdfintroduction_to_web_technology.pdf
introduction_to_web_technology.pdfVishwanathBurkpalli
 
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLWEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLsmitawagh14
 
How a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software SolutionHow a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software SolutionGanesh Naik
 
4th Lecture: JSP and such
4th Lecture:  JSP and such4th Lecture:  JSP and such
4th Lecture: JSP and suchManolis Vavalis
 
Anvita Gita Supersite Case Study Nov2000
Anvita   Gita Supersite Case Study Nov2000Anvita   Gita Supersite Case Study Nov2000
Anvita Gita Supersite Case Study Nov2000guest6e7a1b1
 
WEB.pptx
WEB.pptxWEB.pptx
WEB.pptxAnonOne
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The WebsiteJulie May
 
Week01 jan19 introductionto_php
Week01 jan19 introductionto_phpWeek01 jan19 introductionto_php
Week01 jan19 introductionto_phpJeanho Chu
 

Similaire à Web Design, Lesson 1 (20)

Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)
 
Javascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComJavascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITCom
 
1st workshop web.pptx
1st workshop web.pptx1st workshop web.pptx
1st workshop web.pptx
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
Webtechnologies
Webtechnologies Webtechnologies
Webtechnologies
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
 
Website design & developemet
Website design & developemetWebsite design & developemet
Website design & developemet
 
introduction_to_web_technology.pdf
introduction_to_web_technology.pdfintroduction_to_web_technology.pdf
introduction_to_web_technology.pdf
 
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLWEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
 
How a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software SolutionHow a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software Solution
 
4th Lecture: JSP and such
4th Lecture:  JSP and such4th Lecture:  JSP and such
4th Lecture: JSP and such
 
Microsoft Web Technology Stack
Microsoft Web Technology StackMicrosoft Web Technology Stack
Microsoft Web Technology Stack
 
Anvita Gita Supersite Case Study Nov2000
Anvita   Gita Supersite Case Study Nov2000Anvita   Gita Supersite Case Study Nov2000
Anvita Gita Supersite Case Study Nov2000
 
Web technology
Web technologyWeb technology
Web technology
 
WEB.pptx
WEB.pptxWEB.pptx
WEB.pptx
 
Unit 01 (1).pdf
Unit 01 (1).pdfUnit 01 (1).pdf
Unit 01 (1).pdf
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
 
Week01 jan19 introductionto_php
Week01 jan19 introductionto_phpWeek01 jan19 introductionto_php
Week01 jan19 introductionto_php
 

Web Design, Lesson 1

  • 1. Introduction to Web Design Mr. Kinney Ninth Grade Elective
  • 2. We're going to… • Learn how to create web pages using HTML. • Learn FTP and how to publish web pages with it. • Learn about accessibility and how to create accessible web sites. • Learn how the internet works (Duh). • Learn how to insert graphics and multimedia elements.
  • 3. http:// web.scholarsnyc.com Write this down.
  • 4. Nitpicky Rules • Upon entering, students are expected to log into their workstations and proceed to complete the warm-up activity displayed on the Smart Board. • Only touch classroom equipment when instructed to do so by a teacher. • Computers and other technology are intended for academic use only—inappropriate use (e.g. video games, copyright violation, etc.) will be reflected on classroom performance grades and may result in the suspension of computer-usage privileges. • At the end of the period, students are expected to return their workstations to an acceptable layout and log out of their user accounts.
  • 5. Are the Internet and the web the same thing?
  • 6. What are the technologies that power the web? (and others…)
  • 7. What are the technologies that power the web? Clients (You) (and others…)
  • 8. What are the technologies that power the web? Clients Servers (You) (Apache) (and others…)
  • 9. What are the technologies that power the web? Clients Servers HTML (You) (Apache) (and others…)
  • 10. What are the technologies that power the web? Clients Servers IP HTML (You) (Apache) Addresses (and others…)
  • 11. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses (and others…)
  • 12. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses Browsers (and others…)
  • 13. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses Scripting Browsers Languages (and others…)
  • 14. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses Scripting Browsers Databases Languages (and others…)
  • 15. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses Scripting Browsers Databases FTP Languages (and others…)
  • 16. What are the technologies that power the web? Clients Servers IP HTML JavaScript (You) (Apache) Addresses Scripting Browsers Databases FTP CSS Languages (and others…)
  • 17. We're going to focus on just these. Clients HTML (You) Browsers FTP CSS
  • 19. This Week • Getting your very first HTML page up and running. • Using basic formatting tags to style your text. • Creating hyperlinks to other pages on the web.
  • 21. HTM—who? • Hypertext Markup Language. Duh. • Hypertext are those funny links you click on.

Notes de l'éditeur