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?????

Slides:



Advertisements
Similar presentations
Introduction to HTML, XHTML, and CSS
Advertisements

4.01 How Web Pages Work.
Project 1 Introduction to HTML.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Chapter 1 Introduction to HTML Project 1: Introduction to HTML.
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.
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.
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.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
1st Project Introduction to HTML.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
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.
Chapter ONE Introduction to HTML.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS
What Is the Internet? The Internet is a worldwide collection of computer networks that links together millions of computers used by businesses, the government,
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
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.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
 The internet is the hardware that creates the massive worldwide network. Computers, cables, telephone wires, high-speed communication lines. The internet.
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.
WHAT IS A WEBSITE AND HOW TO GET YOUR BUSINESS ONLINE Anna Gabali – 30/07/ MKLC.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
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.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
1 Chapter 7 E-Commerce The Internet, Intranets, and Extranets.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
COAP 2000: Intro. to (X)HTML Chapter 1. Intro. to XHTML: Chapter 1 The Internet –It’s a Network. –Internet Backbone (T1, T3) –Internet Service Provider.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to the World Wide Web & Internet CIS 101.
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)
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.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.
Information Networks. Internet It is a global system of interconnected computer networks that link several billion devices worldwide. It is an international.
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.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
E-Business Infrastructure PRESENTED BY IKA NOVITA DEWI, MCS.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML
Web Site Development and Macromedia Dreamweaver 8
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
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.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to World Wide Web
INFS 230 L Internet Technology
Intro Project Introduction to HTML.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

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?????

Let’s get to know the Language of Web Page Design…. I.T. – Information Technologies – It, I.T., Info tech, and many other names…

HTML Hypertext Markup Language

Everyday Everywhere Gather Analyze Use To make decisions and to communicate

So, just what is “the Internet”

Uh, what is Network? A group of two or more computers connected to share information and resources.

We need a backbone! A collection of high-speed data lines that connect major computer systems located around the world. (Internet Backbone)

Ever heard….ISP and wonder??? ISP – internet service provider…a company that has a permanent connection to the internet backbone. Hughesnet Verizon back bone AT&TComcast

But did you know? Nearly 650 MILLION people in 240 countries connect to the internet. WOW that’s a bunch of peeps

WWW or web Is the part of the internet that supports multimedia and consists of a collection of linked documents Visit: scsite.com/html4e/more and click history

HTTP ever wondered? Just what is HTTP? Hypertext transfer protocol – is a set of rules for exchanging text, graphics, sound, video and other multimedia files.

Web Pages The linked documents or pages of information on the web.

Web Site A related collection of Web pages that is created and maintained by an individual company, educational institution, or other organization.

Home Page Each web site contains a home page which is the first document users see when they access the web site.

Web Server (or host) Web pages are stored on a web server or host which is a computer that stores and sends requested web pages and other files.

Publishing Is copying web pages and other files to a web server.

3 Types of Websites and Purposes! Internet Anyone » Public Share information!!

Intranet – Employees – Private Share information

Extranet – Select business partners – Private Share information

Electronic commerce E-commerce buying and selling of goods and services on the internet

Web Browser Browser – is a program that interprets and displays web pages and enables you to view and interact with a web page

Uniform Resource Located (URL) is the address of a document or other files accessible on the internet

Hyper who?? Text what? You mean I have to learn another language? Well, in a way You have to tell the computer what you want from it.

Hyperlink (link) is an element used to connect one web page to another on the same or different web server located anywhere in the world.

Hypertext Markup Language (HTML) authoring language used to create documents on the WWW.

HTML Uses a special language called Tags or Markup to define the structure and layout of a web document

HTML is Platform Independent Meaning….you can create, or code, an HTML file on one type computer and then use a browser on another type computer to view that file as a web page

W3C World Wide Web (3w’s) Consortium Ok, great. But what does consortium mean? An association with banks or corporations that require vast resources.

Style (you got it!) Or look of a web page

Cascading Style Sheets (CSS) you write code that allows you to control an element within a single web page Simply making a change within a single web page or throughout an entire web site. Such as headline

Dynamic HTML DHTML describes a combination of HTML tags, CSS and scripting language

TOOLS! Text editor: a program that allows a user to enter, change, save, and print text.

HTML editor A program that provides basic text editing functions

MS Word MS Word has a feature that is save as web page – it converts word document into HTML file

WYSIWYG (wizzywig) meaning “What you see is what you get”

Web Development Life Cycle You must plan analyze design & develop test implement maintain

Understanding 508 guidelines? Accessibility – Creating a web site that is accessible to all users allows your web site to reach the widest audience

Types of structures Linear – connects web pages in a straight line, should be read in a specific order

Hierarchical Connects web pages like a tree like structure; this works well on a site with a main index or table of contents page

Webbed This has no set organization Most web sites are a combination of all of these structures.

Broad Web Site The home page is the main index page and all others are linked individually to the home page

Deep Web Site One that has many levels of pages

Usability The measure of how well a product allows a user to accomplish his/her goals.

Log Is the file that lists all of the web pages that have been requested from the web site.

This concludes Project 1 terms Now, Let’s go to the computers and check out some web sites!!