Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

Slides:

Advertisements

Similar presentations

4.01 How Web Pages Work.

Advertisements

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

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.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.

The Internet and the World Wide Web. Una DooneyThe Internet and WWWSlide 2 What is the Internet? A collection of networks (LANS and WANS) around the world.

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.

MA10126 Introduction to HTML Gavin Shaddick

Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.

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.

Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

What Is A Web Page? An Introduction to the Internet.

The Internet A brief overview Internet - An interconnected system of networks that connects computers around the world via the TCP/IP protocol. What.

CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.

Chapter ONE Introduction to HTML.

UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.

HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.

HINARI/Basic Internet Concepts (module 1.1). Instructions - This part of the:  course is a PowerPoint demonstration intended to introduce you to Basic.

The Internet Writer’s Handbook 2/e Introduction to World Wide Web Terms Writing for the Web.

Lesson 2 — The Internet and the World Wide Web

The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.

OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.

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.

CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

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.

 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.

UNESCO ICTLIP Module 1. Lesson 61 Introduction to Information and Communication Technologies Lesson 6. What is the Internet?

CIS 250 Advanced Computer Applications Internet/WWW Review.

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.

INTERNET. Objectives Explain the origin of the Internet and describe how the Internet works. Explain the difference between the World Wide Web and the.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.

1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.

Web Based Systems for Engineering and Management Professors Iris D. Tommelein and Arpad Horvath Fall 2000.

Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Internet  ’60 = an invention of the US army  Universities and libraries also start to use this communication tool  Protocol + physical network=> backbone.

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

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.

Website Design and Construction Services and Standards.

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.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

Chapter 10: Web Basics.

Chapter 1 Introduction to HTML.

Introducing the World Wide Web

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.

Session 1: Introduction to HTML Spring 2009

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

4.01 How Web Pages Work.

4.01 How Web Pages Work.

An Introduction to the Internet

Presentation transcript:

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006

What is the Internet? Inter-connection of computer networks Interconnected networks worldwide Computers access other networks

Computer Network Computers communicate with each other Each computer uniquely identified Networked computers share address

Functions of the Internet WWW (World Wide Web)  Browsing Web pages (HTTP) Online Chat File Transfer Protocol (FTP) > Session 2 Net News

World Wide Web Collection of documents  Stored on servers  Enables access to information  Recognizes and displays file format  Created by Tim Berners-Lee

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

Web Page Web page = Files uploaded to Internet  HTML code  Images  Media

HTML (Hypertext Markup Language) Programming language Used to create Web pages  Gathers web page files together  Makes hyperlinks available

Browsers Software to view Web pages Understand programming languages Display what is programmed Internet Explorer Netscape Firefox Safari

Editors Software used to write HTML code  Text Editors  Text Editors with Features  Advanced Editors

Text Editors Notepad, Wordpad, SimpleText, TextEdit

Text Editors with Features Homesite, BBEdit, Arachnophilia

Advanced Editors Dreamweaver, Microsoft Frontpage

Web Servers Computers that house Web sites Upload HTML files to Web server (FTP) Server Other computers request pages through the server (HTTP)

Uploading Vs. Downloading

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

URL (Uniform Resource Locator) www2.hawaii.edu ~yokokudo 601 pathfinder.htm bib.plan.htm 694

Planning a Website Create effective web pages Audience? Message?

Planning a Website Clear and simple contents Simple navigation and structure Small file size Avoid too many visual effects

Clear Naming Conventions Looking for job listings? JobsEmployment OpportunityJob-o-Rama Obvious Less obvious Requires thought Steve Krug, Don’t Make Me Think!: A Common Sense Approach to Web Usability (Indianapolis, Ind. : Que, c2000), 14.

Clear Navigation Resume What to click? Steve Krug, Don’t Make Me Think!: A Common Sense Approach to Web Usability (Indianapolis, Ind. : Que, c2000), 14.

Sample Sites Queen’s Borough Public Library Rudy’s Alaska Fishing Page The Bus: Oahu transit services

Your Homepage Set up your space on the UH server! URL…

Exercise 1 Sign in with your UH username and password. 2 Under “Personal Home Page Options” click on the link “Create Homepage.” 3 Put in a title, choose a logo, and type in some text in the comment box. 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

Changing Permissions

Changing Permissions (Continued)