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.

Slides:



Advertisements
Similar presentations
4.01 How Web Pages Work.
Advertisements

Project 1 Introduction to HTML.
Beginning Web Site Creation: Dreamweaver CS4.  WK1 & WK2  File Management  BlackBoard  SWS  Planning, Design, and HTML review  WK3 & WK4  Dreamweaver.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
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.
1st Project Introduction to HTML.
What Is A Web Page? An 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 DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter 1 Introduction to HTML, XHTML, and CSS
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
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.
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?????
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
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.
The INTERNET A worldwide network of computers linked together. Web Pages, , Instant Messaging, Xbox Live, iTunes downloads, etc. are all part of.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
INTERNET. BROADBAND The amount of information a connection is capable of carrying. Measured in bits per second.
HTML ~ Web Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
The Internet. Network - Collection of computers and devices connected together via communications devices Internet - Worldwide collection of networks.
How the Web Works Digital Histories Workshop Adam Crymble.
CIS 250 Advanced Computer Applications Internet/WWW Review.
The INTERNET Worldwide network of computers linked together.
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 ________.
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.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
By Mrs. Houle  It is time to visit the Internet. You are going to jump onto Google Chrome to learn how to use the web browser tools to get around. Along.
The World Wide Web. What is the worldwide web? The content of the worldwide web is held on individual pages which are gathered together to form websites.
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.
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.
Uniform Resource Locator URL protocol URL host Path to file Every single website on the Internet has its own unique.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
By: The Immigrants :D I mean the Mexican and the Colombian I mean Daniel and Felipe.
Internet The internet is the largest computer network system in the world. It consists of many smaller networks connected together by a global public.
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.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
CISC103 Web Development Basics: Web site:
Chapter 1 Introduction to HTML.
Warm Handshake with Websites, Servers and Web Servers:
Evolution of Internet.
Introduction to Computers
Project 1 Introduction to HTML.
Internet.
browser search engine web page
Computer Networks and Internet
What is the World Wide Web (www)
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
How the Web Works 2/19/2019.
4.01 How Web Pages Work.
Internet Vocabulary Terms
4.01 How Web Pages Work.
An Introduction to the Internet
Presentation transcript:

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 language. HTML is a programming language HTML is a programming language –HTML: HyperText Markup Language Many websites now use CSS programming as well Many websites now use CSS programming as well –Cascading Style Sheets

In the Beginning… In the beginning people would “write” web pages using this HTML language In the beginning people would “write” web pages using this HTML language Example Example

Web Page Editor Provides you with picture like interface for designing your web pages and generates the HTML/CSS code for you Provides you with picture like interface for designing your web pages and generates the HTML/CSS code for you We will be using Dreamweaver as our web page editor We will be using Dreamweaver as our web page editor

Web Sites A web site is a collection of related web pages that can be viewed on the Internet. A web site is a collection of related web pages that can be viewed on the Internet. Are usually linked together with hypertext links, often called links. Are usually linked together with hypertext links, often called links. Usually has an associated address called a URL Usually has an associated address called a URL –Uniform Resource Locator

The Web Server The web server is a computer that is running web server software and is connected to the Internet via a high-speed connection. The web server is a computer that is running web server software and is connected to the Internet via a high-speed connection. Web servers host websites so they are accessible on the world wide web Web servers host websites so they are accessible on the world wide web They can store the files for one or many websites They can store the files for one or many websites

Web Browser Software Microsoft Internet Explorer Microsoft Internet Explorer Firefox Firefox Google Chrome Google Chrome

Home Page The first page that appears when you start your web browser software The first page that appears when you start your web browser software Or it can be the first page in a website Or it can be the first page in a website

URL Uniform Resource Locator Uniform Resource Locator –The address someone will use to connect to your site

Breaking down the URL 1. First part is the Protocol –Language and grammar that the computer will use (http) – 2. Second part is the location of the web server 3. Third part is the domain (.com)

Types of Domains Domain Codes CodeDescription.comCompanies.org Nonprofit Organizations.edu Four year colleges/universities.net Internet Infrastructure Activities.milMilitary.gov Federal Government.us,.uk,.fr Country Codes