Intro to HTML. History of the World Wide Web  A network is a structure linking computers together for the purpose of sharing information and services.

Slides:



Advertisements
Similar presentations
Internet Technology Introduction Review the history of the Internet, Introducing Web Technology Web development Environment : Describe different HTML standards.
Advertisements

4.01 How Web Pages Work.
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
XP Tutorial 1 New Perspectives on HTML and XHTML, Brief 1 Developing a Basic Web Page Creating a Web Page for Stephen Dubé’s Chemistry Classes Tutorial.
Tutorial 1 Developing a Basic Web Page
Tutorial 1 Developing a Basic Web Page. XP Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML.
Developing a Basic Web Page
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Objectives Learn the history of the Web and HTML
Developing a Basic Web Page with HTML
Developing a Basic Web Page Posting Files on UMBC
1st Project Introduction to HTML.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Q.Nand HTML Hypertext Markup Language Lesson 1. Q.Nand Overview Introduction the World Wide Web Structure of the internet The Development of the World.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Developing a Basic Web Page
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
Dr. Chen, Management Information Systems (Web#2) Web2 and WEB/HTML Introduction Dr. Jason C. H. Chen Professor of MIS School of Business Administration.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
The Internet. An interconnected network of computers globally Computers are able to communicate and share information with one another from remote locations.
HTML Structure & syntax
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
How did the internet develop?. What is Internet? The internet is a network of computers linking many different types of computers all over the world.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
HTML ~ Web Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
 Farahwahida Mohd  LRS 13 Level 2  Tel:  Websites: › ›
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
Internet Network of networks Mother of all networks
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
CSCI-235 Micro-Computers in Science The Internet and World Wide Web.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
The Internet is a Big Collection of Computers and Cables. -"interconnection of computer networks". Millions of personal, business, and governmental.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Design New Brighton High School Exploring the History of the World Wide WebWorld Wide Web.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Introduction to … Internet. Introducing the World Wide Web A network is a structure linking computers together for the purpose of sharing resources such.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Information Networks. Internet It is a global system of interconnected computer networks that link several billion devices worldwide. It is an international.
A BRIEF HISTORY OF THE INTERNET, WEB, AND HTML. Internet vs. World Wide Web What is The Internet? The Internet is a massive network of networks, a networking.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
A BRIEF HISTORY OF THE INTERNET, WEB, AND HTML. Internet vs. World Wide Web What is The Internet? The Internet is a massive network of networks, a networking.
The World Wide Web.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Creating a Web Page CSC 121.
Project 1 Introduction to HTML.
Web software.
A Brief Introduction to the Internet
Navigating The World Wide Web
Tutorial Developing a Basic Web Page
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
4.01 How Web Pages Work.
Presentation transcript:

Intro to HTML

History of the World Wide Web  A network is a structure linking computers together for the purpose of sharing information and services.  In its early days, the Internet was called ARPANET and consisted of two network nodes located at UCLA and Stanford, connected by a phone line  Early Internet tools… ?  Internet tools today… ?

History of the World Wide Web  Timothy Berners-Lee and other researchers created the World Wide Web in  The world wide web (WWW) consists of billions of pages linked to each other that contain text, graphics, multimedia files, and other interactive software. Unlike other services available through the Internet, the world wide web provides a rich medium and helps brings all people together.  Timothy was also responsible for the following: Proposed Hypertext Created the 1 st Website Founded the World Wide Web Consortium

History of HTML  Developed by Tim Berners-Lee in 1990, HTML is short for Hypertext Markup Language and is a language used to create electronic documents, especially pages on the World Wide Web that contain connections called hyperlinks to other pages.  This system of interconnected hypertext documents allows users to easily navigate from one topic to another  Hypertext is a method of organizing information that gives the reader control over the order in which the information is presented  Every web page you see on the Internet, contains HTML code that helps format and show text and images in an easy to read format.  Without HTML a browser would not know how to format a page and would only display plain text with no formatting that contained no links. On the next slide is an example of a basic web page in HTML code.

HTML Example

The Beginning of Web Pages  Visit the first Web Page created by Timothy and researchers at the CERN laboratory.  The Birth of the Web The Birth of the Web  Thoughts??

Hypertext Documents  The key to hypertext is the use of links, which are the elements in a hypertext document that allow you to jump from one topic or document to another  A link may point to another section of the same document, or to another document entirely  A link can open a document on your computer, or through the Internet, a document on a computer anywhere in the world

History of Web Page Development  Browser Wars  In the early years of HTML, Web developers were free to define and modify HTML in whatever ways they thought best  Competing browsers introduced some differences in the language. The changes were called extensions.

History of Web Page Development  A group of Web developers, programmers, and authors called the World Wide Web Consortium, or the W3C, created a set of standards or specifications that all browser manufacturers were to follow  The W3C has no enforcement power  The recommendations of the W3C are usually followed since a uniform approach to Web page creation is beneficial to everyone

HTML FACTS  HTML files consist of plain text and codes that determine how it will be formatted.  HTML files must end with the extension.htm or.html.  The codes in HTML files are not case sensitive. The code means the same as  Do not put a spaces in file names.  File Management is extremely important when building web pages.

What makes a Website or ? Bad ExamplesGood Examples  Lings Cars Lings Cars  Penny Juice Penny Juice  Valley Isle Aquatics Valley Isle Aquatics  McDonalds McDonalds  What other sites do you think would fall under the “good” or “great” web page category?  Do some researching online and look for sites you feel are built on a solid foundation. Why?  Visit the following link and complete the posted question.  pages