Skip to main content

Creating Web Pages Simplified, 2nd Edition

Creating Web Pages Simplified, 2nd Edition

Mike Wooldridge, Brianna Stuart

ISBN: 978-1-118-21546-3

Sep 2011

304 pages

Select type: E-Book



The easiest way to learn how to create a Web page for your family or organization

Do you want to share photos and family lore with relatives far away? Have you been put in charge of communication for your neighborhood group or nonprofit organization? A Web page is the way to get the word out, and Creating Web Pages Simplified offers an easy, visual way to learn how to build one. Full-color illustrations and concise instructions take you through all phases of Web publishing, from laying out and formatting text to enlivening pages with graphics and animation.

This easy-to-follow visual guide shows you the building blocks of a Web page and how to work with images, create links and forms, generate dynamic content using JavaScript, use style sheets, and publish a page on the Web. You'll learn to use HTML, create simple yet attractive Web pages, and enhance them with frames, multimedia effects, links, and more.

  • Features full-color illustrations with step-by-step instructions
  • Covers everything you need to get started, including how to use HTML, how to lay out pages and format text, and how to add graphics and visual effects
  • Shows how to make your pages more interesting with animation and sound, add links to other sites, include e-mail addresses, and more
  • Includes a tear card with HTML tag references and a web-safe color chart to keep handy as you build your pages

If you've ever thought about building a web page, Creating Web Pages Simplified is simply the easiest way to make it happen.

1 Getting Started with HTML5 and Web Pages.

Internet Basics 4

Introducing HTML5 6

Explore Web Browsers 8

Explore HTML Editors 9

Understanding HTML5 Syntax 10

New Features in HTML5 12

View HTML5 Code in a Browser 14

2 Creating Your First HTML5 Web Page.

Understanding HTML5 Document Structure 18

Start an HTML5 Document 20

Save an HTML5 Document 24

View an HTML5 Page 26

Add Metadata 28

3 Adding and Modifying Text.

Create a New Paragraph 32

Add a Line Break 33

Add a Horizontal Rule 34

Insert a Blank Space 35

Make Text Bold 36

Italicize Text 37

Insert Preformatted Text 38

Insert a Heading 39

Add a Block Quote 40

Insert a Comment 41

Create a Numbered List 42

Create a Bulleted List 44

Create a Nested List 45

Create a Definition List 46

Define an Abbreviation 47

Add a Date and Time 48

Insert Special Characters 50

Special Characters 51

4 Adding CSS Styles.

Understanding Style Sheets 54

Create an Internal Style Sheet 56

Create an External Style Sheet 58

Link to a Style Sheet 60

Apply a Style Locally 61

Apply a Style to an HTML Tag 62

Apply a Style Using a Class 64

Apply a Style Using an ID 66

5 Styling Text.

Change the Font Size 70

Indent Text 71

Change the Color of Text 72

Change the Font 74

Change Text Alignment 76

Change the Text Case 77

Control Line Spacing 78

Control Letter Spacing 79

Add Background Colors 80

Style a Bulleted List 82

6 Adding Images.

Understanding Web Page Images 86

Insert an Image 88

Specify an Image Size 90

Add Alternative Text 92

Create an Image Label 93

Align an Image Horizontally 94

Align an Image Vertically 95

Center an Image 96

Stop Text Wrap 97

Add Space Around an Image 98

Add a Background Image 100

Add a Meter Image 102

7 Adding Links.

Understanding Links 106

Understanding URLs 107

Link to Another Page 108

Open a New Window with a Link 110

Link to an Area on the Same Page 112

Link to Another File Type 114

Link to an E-Mail Address 116

Change Link Colors 118

Change Link Hover Effects 120

8 Working with Tables.

Understanding Table Structure 124

Add a Table 126

Add Table Borders 128

Adjust Cell Padding and Border Spacing 130

Adjust Cell Width and Height 132

Add a Background Color to Cells 134

Add a Background Color to a Table 135

Adjust the Table Size 136

Change Cell Alignment 138

Change Table Alignment 140

Extend Cells Across Columns and Rows 142

Use a Table for Page Layout 144

9 Creating Forms.

Understanding Forms 148

Types of Form Elements 150

Create a Form 152

Send Form Data to an E-Mail Address 153

Add a Text Box 154

Add a Large Text Area 156

Add Check Boxes 158

Add Radio Buttons 160

Add a Menu List 162

Add a Date and Time Input 164

Add an E-Mail Field 166

Add a URL Field 168

Add a Range Slider 170

Add a Submit Button 172

Add a Reset Button 173

Require a Field 174

Add a Placeholder 175

Validate Input with a Pattern 176

10 Controlling Page Layout.

Control Layout 180

Set Width and Height for an Element 182

Use Relative Positioning 184

Use Absolute Positioning 186

Use Fixed Positioning 188

Set Margins 190

Add Padding 191

Align Elements Horizontally 192

Control the Overlap of Elements 194

Apply Styles with a div Tag 196

11 Adding Semantic Tags.

Define a Section 200

Define an Article 202

Define a Header 204

Define Navigation 206

Define an Aside 208

Define a Footer 210

12 Working with JavaScript.

Understanding JavaScript 214

Understanding Script Events and Handlers 216

Add JavaScript to a Web Page 218

Link to a JavaScript File 219

Insert the Current Date and Time 220

Display an Alert Message Box 221

Display a Pop-Up Window 222

Create an Image Rollover Effect 224

Show a Hidden Element 226

Display a Calculation 228

13 Adding Canvases.

Understanding Canvases 232

Set Up a Canvas 234

Draw Rectangles 236

Draw Circles 238

Draw Lines 240

Add Text 242

Add an Image 244

Add a Gradient 246

Animate Canvas Content 248

14 Adding Video and Audio.

Understanding Video and Audio 254

Insert a Video File 256

Insert an Audio File 258

Resize a Video 260

Preload Multimedia 262

Loop Multimedia 263

Offer Multiple Sources 264

Embed a YouTube Video 266

15 Publishing Your Web Pages.

Understanding Web Page Publishing 270

Look Up a Domain Name 272

Transfer Files to a Web Server with FileZilla 274

Troubleshoot Your Web Pages 278