Session 1: Introduction to HTML Fall 2010. Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

Slides:



Advertisements
Similar presentations
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
Advertisements

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
CIS101 Introduction to Computing
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
The.htm/.html Mystery When saving the template files in Internet Explorer, they will be named.htm by default. To be consistent with how the code was written.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
What Is A Web Page? An Introduction to the Internet.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
How the World Wide Web Works
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Internet. Internet is Is a Global network Computers connected together all over that world. Grew out of American military.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
BASIC UNDERSTANDING OF INTERNET AND WEB BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY Activity No. 8.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
The INTERNET A worldwide network of computers linked together. Web Pages, , Instant Messaging, Xbox Live, iTunes downloads, etc. are all part of.
The Internet : Exploration, Evaluation, and Elaboration presented by Kathy Schrock.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Introducing the Internet and The Web Computer Concepts Unit A What Is Internet.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.
Chapter 1: The Internet تال 311 Prepared by: Mr. Hassen HAMOUDA.
The Internet and World Wide Web Sullivan University Library.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
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)
INTERNET AND . WHAT IS INTERNET The Internet can be defined as the wired or wireless mode of communication through which one can receive, transmit.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.
 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Chapter 10: Web Basics.
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Introduction to Computers
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
بسم الله الرحمن الرحيم.
Internet.
1 Introduction to the Internet.
Computer Networks and Internet
What is the World Wide Web (www)
Session 1: Introduction to HTML Spring 2009
An Introduction to HTML Pages
4.01 How Web Pages Work.
An Introduction to the Internet
Presentation transcript:

Session 1: Introduction to HTML Fall 2010

Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get started on your e-portfolio Go LIVE on the web!

Internet Some Major Functions of the Internet Instant Messaging (AIM, MSN Messenger) World Wide Web (using HTTP) File/Data Sharing (FTP) Virtual Worlds (Second Life, WoW) VoIP (Skype)

Web Page Collection of files Web page Sound files Video files Image files Text Files

Browsers Software to view Web pages Internet ExplorerFirefox Safari Google Chrome

HTML HyperText Markup Language

Versions of HTML HTML 1 HTML 2 HTML 3 HTML 4 XHTML HTML5 XHTML

Text Editors Used to write HTML code Notepad Pico (UNIX)

Uploading vs. Downloading

Web Servers (or “Hosts”) Computers that house Web sites Today you’ll upload HTML files to the UH web server using FTP (File Transfer Protocol) UH Server Other users will request your web pages through their ISP’s server using HTTP (Hypertext Transfer Protocol) The Internet ISP’s server Image Source:

Domain name Examples: hawaii.edunasa.govebay.com kitv.comala.orgamazon.com

Student Benefits Domain Name AND Server Space F R E E !

URL (Uniform Resource Locator) a b c d a: Protocol b: Domain name (server name) c: Directory name (space in the UH server reserved for you) d: File name

Tags I love libraries! Opening Tag Closing Tag I love libraries!

HTML document structure …document title… …your page content…

Exercise 1 Sign in with your UH username and password. 2 Under “Personal Home Page Options” click on the link “Create Homepage.” 3 Press continue. Write down your home page URL address (e.g. 4 Open a new browser window. Type in the address of your new homepage. 5 Once you make your homepage, the address will be username. Notice that index.html is not added to the end of the address, but rather it is implied. To establish your space on the UH server and create a home page: Go to

Troubleshooting When saving the template files in Internet Explorer, they will be named.htm by default. To be consistent with how the code was written in the template, you must rename the file extension:.html or else the links in your navigation bar will not work. Our current recommendation is to save the files from Mozilla Firefox in order to avoid this issue. Firefox saves the files as.html by default.

Troubleshooting If have problems with naming or re-naming the file extension (ex..txt,.doc,.htm,.html, etc.): Open up Control Panel in your PC. Within Control Panel search for “Folder Options”. Open it and click on the View tab and un-check the box for “Hide extensions for known file types”.