Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.

Slides:



Advertisements
Similar presentations
Basic Internet Terms Digital Design. Arpanet The first Internet prototype created in 1965 by the Department of Defense.
Advertisements

4.01 How Web Pages Work.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
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.
How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Chapter 14 Introduction to HTML
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
Why Worry About the WWW? Intranets -- with lots of HR applications »policies/procedures »job postings »benefits & other transactions »hiring & other workflows.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
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.
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.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Validating, Promoting, & Publishing Your Web Site Writing For the Web The Internet Writer’s Handbook 2/e.
Web Design 3080 – Week 2 More Fun With Delicious.com Setting up a ‘network’. 1.Go to Delicious.com and sign up for a personal account 2.Once your account.
Introduction to web development and HTML MGMT 230 LAB.
1 John Magee 9 November 2012 CS120 Lecture 17: The World Wide Web and HTML Web Publishing.
HTML: Hyptertext Markup Language Doman’s Sections.
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.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Chapter 7 Web Design.. HTML  Hypertext Markup Language  Using HTML, text is formatted by wrapping it in a tag.  The tags provide instructions to the.
HTML Basics BCIS 3680 Enterprise Programming. Web Client/Server Architecture 2  Your browser (the client) requests a Web page from a remote computer.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
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.
HOW THE WEB WORKS Reference: Learning Web Design (4 th edition) by Robbins 2012 – Chapter 2 (pp. 21 – 32)
High Points CSCI 1710 Fall The Internet Packet switching Arpanet Cold War.
Module: Software Engineering of Web Applications Chapter 2: Technologies 1.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Introduction to the World Wide Web & Internet CIS 101.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
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)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
4.01 How Web Pages Work.
Getting Started with Dreamweaver
4.01 How Web Pages Work.
Introduction to HTML.
4.01 How Web Pages Work.
Chapter 10: Web Basics.
Objective % Select and utilize tools to design and develop websites.
Technologies and Applications
CISC103 Web Development Basics: Web site:
Chapter A - Getting Started with Dreamweaver MX 2004
Sec (4.3) The World Wide Web.
Introduction to XHTML.
High Points CSCI 1710 Spring 2016.
Objective % Select and utilize tools to design and develop websites.
CISC103 Web Development Basics: Web site:
High Points CSCI 1710 Fall 2017.
CNIT 131 HTML5 – Anchor/Link.
Getting Started with Dreamweaver
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Document Structure & HTML
4.01 How Web Pages Work.
4.01 How Web Pages Work.
High Points CSCI 1210.
Presentation transcript:

Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a “global network of networks through which computers communicate by sending information in packets.”

HTML and CSS, the guts behind the page.

How tagging works in HTML

HTML5 Sample

Nesting HTML Tags

Anatomy of a Basic Tag

Anatomy of a Complex Tag

Blank Spaces in HTML

Special Characters in HTML non-breaking space – sometimes has issues in html5

Anatomy of a Uniform Resource Locator (URL)

A Hierarchical Site Map

The Basic Elements of an HTML Page

HTML: Three Types of Lists

Linking Page Content and Files

Sample File Structure. htm = windows html = unix Some web servers may be set to only read.htm Home page must be index.htm or index.html

Navigating Directory Paths in HTML

Linking Images and Using Alternative Text.

Controlling Link Pseudo-classes in CSS

In HTML syntax, all of the information that is placed between the start tag and the end tag. In my house is red, “my house is red” is this. element

An external style sheet containing instructions for the physical appearance of HTML content on the screen. CSS / Cascading Style Sheets

An Internet protocol that provides secure access for authorized users to remote computers and Intranets. VPN / Virtual Private Network

In HTML syntax, it contains the descriptive name of an HTML document, not appearing in the actual web page, but rather in the title bar of a web browser rendering the page. Title

In HTML syntax, a keyword surrounded by angled brackets, often appearing in pairs containing both a start and an end tag

A networked computer with its own IP address used to host web pages and deliver them to users. Server / web server

An application script or add-on that extends the functionality of a larger software application. Plug-in

In HTML authoring, the practice of stacking a tag within another tag, like: This is an example of how to embed a bold tag within the larger body of a paragraph tag. nesting

A container for information and elements related to an HTML document that do not display on the page, such as the Title element. Information here is accessible to Internet search engine spiders. Head / head element

The Internet protocol used in the transfer of files over the Internet. FTP / file transfer protocol

An object or widget in a graphical user interface that performs an action when selected by the user. button

The world’s first packet-switching network, that became operational in 1969 and is the predecessor of the global Internet. ARPANET

In HTML syntax, the string “&nbsp” adds a single fixed space between words in an element. Nonbreaking space

A format recognized by most HTTP servers as the default web page in a website directory folder. index.html (must be lower case i)