{[ promptMessage ]}

Bookmark it

{[ promptMessage ]}

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

Info iconThis preview shows pages 1–18. 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 Document Right 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 Document Right 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 Document Right 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 Document Right 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 Document Right 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 Document Right 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 Document Right Arrow Icon
Adding Style with CSS 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 14 Principles of Web Design 5 th Ed.
Background image of page 14
15 Principles of Web Design 5 th Ed.
Background image of page 15

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

View Full Document Right Arrow Icon
16 Principles of Web Design 5 th Ed.
Background image of page 16
Organizing Information with Hypertext The World Wide Web links information on related topics using hypertext You determine which terms to create as hypertext
Background image of page 17

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

View Full Document Right Arrow Icon
Image of page 18
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}