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.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
HTML Basics Customizing your site using the basics of HTML.
HTML popo.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
HTML / CSS – Basics Why the heck are we doing this?
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Introduction to HTML CPS470 Software Engineering Fall 1998.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Chapter 14 Introduction to HTML
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Creating a Simple Page: HTML Overview
Chapter 3 Working with Text and Cascading Style Sheets.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Lesson 3: Organizing your material  Create a numbered or unordered (bulleted) list  Unordered list tag is to begin and to indicate the beginning and.
High Points CSCI 1710 Fall The Internet Packet switching Arpanet Cold War.
Intro to Multimedia Unit 1.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Web programming Part 1: HTML 由 NordriDesign 提供
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
CIS 228 The Internet Day 2, 9/1/11 Hypertext. The Course Instructor: Bowen Alpern Office hour: GI 137-I, 4-5pm Tu.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Web Page Design XHTML Lesson 4. Adding Structure 4 A div tag –Used to divide up a web page and to add structural meaning to the page. –Will not change.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
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.
Getting Started with HTML
Pertemuan 1 Desain web Pertemuan 1
Prepared by Dr. Maher Abuhamdeh 2014/2015 First semester
Web Basics: HTML/CSS/JavaScript What are they?
HTML Basics.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Introduction to HTML Section A – Programming, HTML
Web software.
Pattern Library Project
My web site..
Overview of HTML.
What is HTML?.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
CIS 133 mashup Javascript, jQuery and XML
Pertemuan 1 Desain web Pertemuan 1
CAII 4.01 Web Page Design Terms List 2.
Web Programming and Design
Presentation transcript:

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 browser (Safari, IE, Firefox, Chrome, etc.) for how to render the text on screen. Text wrapped in an heading level 2 tag looks like this START TAGEND TAG

Tags – How Tagging Works?

Three Parts of an HTML Document An HTML document is divided into three sections: 1)Declarations 2)Head 3)Body { { {

Nesting HTML tags

Anatomy of a basic tag

Anatomy of a complex tag

Spaces and line breaks in HTML

Special Characters

Anatomy of a URL (uniform resource locator)

Hierarchical Site Map

Box Layout

Coding the Box Layout

Three types of lists in HTML An Ordered List 1.George Washington 2.John Adams 3.Thomas Jefferson 4.James Madison 5.James Monroe An Unordered List Sugar Salt Milk Bread Cheese A Definition List Algorithm A mathematical sequence or set of instructions for solving a problem. Analog A recording method that represents the physical properties of images or sound as a continuous signal. Animation The illusion of visual motion created by the rapid projection of still images in two- or three-dimensional space.

Three types of lists – the code

Linking to content on a page and to files

Sample File Structure

Navigating Directory Paths in HTML

Linking images and using alternative text

Table Structure

Controlling link pseudo-classes in CSS