Chapter 1

Chapter 1 - Principles of Web Design 5th Edition Chapter...

Info iconThis preview shows pages 1–15. Sign up to view the full content.

View Full Document Right Arrow Icon
Principles of Web Design 5 th Edition Chapter One HTML and the Modern Web
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Objectives In this chapter, you will learn about: Creating Web pages with HTML The history of HTML Working with HTML5 Choosing an HTML editor Using good coding practices 2 Principles of Web Design 5 th Ed.
Background image of page 2
Creating Web Pages with HTML
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Creating Web Pages with HTML HTML is a markup language that lets you identify common sections of a Web page Markup elements define each section This <h1> element defines text as a first-level heading: <h1>What is HTML?</h1> 4 Principles of Web Design 5 th Ed.
Background image of page 4
Creating Web Pages with HTML 5 Principles of Web Design 5 th Ed.
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Structure of a Basic Web Page The HTML file contains content text and HTML markup The HTML markup does not appear in the browser The browser interprets the code and displays the results 6 Principles of Web Design 5 th Ed.
Background image of page 6
7 Principles of Web Design 5 th Ed.
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Structure of a Basic Web Page The document type, or doctype for short, specifies the rules for the document language The <html> tag is the root element The two main sections are the <head> and <body> elements The head section is the container for all of the descriptive information about the document The <body> section includes the content that the user sees in the browser window 8 Principles of Web Design 5 th Ed.
Background image of page 8
Structure of a Basic Web Page The body of the document can contain: Text Images Video content Audio content Forms for gathering information Interactive content Links to other Web resources 9 Principles of Web Design 5 th Ed.
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
HTML in the Browser The browser interprets the HTML markup elements and displays the results, hiding the actual markup from the user Each browser interprets HTML in its own way, based on its rendering engine It is essential that you test your work in different Web browsers 10 Principles of Web Design 5 th Ed.
Background image of page 10
11 Principles of Web Design 5 th Ed.
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Adding Style with CSS Web designers use Cascading Style Sheets (CSS) to add presentation information to Web pages With CSS you can display information for different devices With style sheets, the presentation properties are separate from the content CSS lets you control the presentation characteristics of an entire Web site with a single style sheet 12 Principles of Web Design 5 th Ed.
Background image of page 12
13 Principles of Web Design 5 th Ed.
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
The next two figures show CSS style rules and the result in the browser The style rules in Figure 1-5 specify that the body text for the page will be Arial, the h1 will have a bottom border, and the paragraph will have a 30- pixel left margin. Figure 1-6 shows the results in Firefox
Background image of page 14
Image of page 15
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 02/20/2012 for the course IS 3260 taught by Professor Idemudia during the Spring '12 term at Kennesaw.

Page1 / 57

Chapter 1 - Principles of Web Design 5th Edition Chapter...

This preview shows document pages 1 - 15. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online