Paperback(5th Revised ed.)
-
PICK UP IN STORECheck Availability at Nearby Stores
Available within 2 business hours
Related collections and offers
Overview
"Until now, my websites looked great but have been coded with what seems like 'duct-tape and bubble-gum' methods, just for appearances and not for professionalism or compliance. This book taught me all that is possible with HTML and CSS coding…What a game changer!"
That's what one web designer posted about a previous edition of Murach's HTML and CSS. Now, this 5th Edition updates and improves all the HTML and CSS content in the book…and it's in full color so it's easier than ever to learn from it. In fact, whether you're a web designer, a JavaScript programmer, a server-side programmer, or a rookie, this book delivers all the HTML and CSS skills that you need on the job.
This book begins with an 8-chapter hands-on course that teaches you HTML and CSS from scratch, including the latest HTML and CSS features. This short course ends with a chapter that teaches you how to use fluid design and media queries to implement Responsive Web Design so your pages will look good and work right on any screen, from phone to tablet to desktop.
After that, the unique design of this book lets you go on to any other chapter to learn new skills whenever you need them. For example, chapters 9 and 10 show you how to use Flexible Box and Grid Layout. Chapter 13 shows you how to work with forms and data validation. Chapter 14 shows you how to enhance a site with video clips. Chapter 15 shows you how to use CSS transitions, transforms, and animations. Chapters 16 and 17 show you how to design and deploy a website. And chapter 18 introduces you to JavaScript, a must-have language that's the next step for many web developers.
One final point: After teaching you all the HTML and CSS skills that you need, this book becomes the best on-the-job reference you've ever used.
Product Details
| ISBN-13: | 9781943872862 |
|---|---|
| Publisher: | Mike Murach and Associates, Inc. |
| Publication date: | 11/30/2021 |
| Edition description: | 5th Revised ed. |
| Pages: | 602 |
| Sales rank: | 266,781 |
| Product dimensions: | 8.10(w) x 10.30(h) x 1.60(d) |
Table of Contents
Section 1 The essential concepts and skills
Chapter 1 Introduction to web development
How web applications work 4
The components of a web application 4
How static web pages are processed 6
How dynamic web pages are processed 8
How JavaScript fits into web development 10
An introduction to HTML and CSS 12
The HTML for a web page 12
The CSS for a web page 14
A short history of the HTML and CSS standards 16
Toots for web development 18
Text editors and IDEs 18
FTP clients 20
How to view a web page and its source code 22
How to view a web page 22
How to view the source code for a web page 24
Four critical web development issues 26
Responsive Web Design 26
Cross-browser compatibility 28
Web accessibility 30
Search engine optimization 32
Chapter 2 How to code, test, and validate web page
The HTML syntax 38
The basic structure of an HTML document 38
How to code elements and tags 40
How to code attributes 42
How to code comments and whitespace 44
The CSS syntax 46
How to code CSS style rules and comments 46
How to code basic selectors 48
How to use VS Code to develop web pages 50
How to work with folders 50
How to work with files 52
How to edit an HTML file 54
How to use the HTML Hint extension to find HTML errors 56
How to edit a CSS file 58
How to use the Live Server extension to open an HTML file in a browser 60
How to test and debug a web page 62
How to test a web page 62
How to debug a web page 62
How to validate HTML and CSS files 64
How to validate an HTML file 64
How to validate a CSS file 66
Chapter 3 How to use HTML to structure a web page
How to code the head section 74
How to include metadata 74
How to code the title element and link to a favicon 74
How to present the contents of a web page 76
How to code the lang attribute 76
How to code headings and paragraphs 76
How to code the structural elements 78
When and how to use div elements 80
Other elements for presenting text 82
How to code the inline elements for text 82
How to use character entities and three block elements for text 84
How to code links, lists, and images 86
How to code URLs 86
How to code links 88
How to code lists 90
How to include images 92
A structured web page 94
The page layout 94
The HTML file 94
Chapter 4 How to use CSS to format the elements of a web page
An introduction to CSS 102
How to provide CSS styles for a web page 102
How to use the basic selectors to apply CSS to HTML elements 104
When and how to use the normalize style sheet for browser compatibility 106
How to specify measurements and colors 108
How to specify measurements 108
How to specify colors 110
How to use advanced techniques to specify colors 112
How to work with text 114
How to set the font family and font size 114
How to set the properties for styling and formatting fonts 116
How to add shadows to text 118
How to float an image so text flows around it 120
How to use other selectors to apply styles 122
How to code relational, combination, and attribute selectors 122
How to code pseudo-class and pseudo-element selectors 124
How the cascade rules work 126
The HTML and CSS for a web page 128
The page layout 128
The HTML file 130
The CSS file 132
How to use Developer Tools and custom properties 134
How to use Developer Tools to inspect the styles that have been applied 134
How to create and use custom properties 136
Chapter 5 How to use the CSS box model
An introduction to the box model 144
How the box model works 144
A web page that illustrates the box model 146
How to size and space elements 148
How to set widths and heights 148
How to set margins 150
How to set padding 150
A web page that illustrates sizing and spacing 152
The HTML for the web page 152
The CSS for the web page 154
A version of the CSS that uses a reset selector 156
How to set borders and backgrounds 158
How to set borders 158
How to add rounded corners and shadows to borders 160
How to set background colors and images 162
How to set background gradients 164
A web page that uses borders and backgrounds 166
The HTML for the web page 166
The CSS for the web page 168
Chapter 6 How to use CSS for page layout
How to develop 2- and 3-column page layouts 176
How to float and clear elements 176
How to use floating in a 2-column, fixed-width layout 178
How to use floating in a 2-column, fluid layout 180
How to use floating in a 3-column, fixed-width layout 182
A home page with a 2-column, fixed-width layout 184
The home page 184
The HTML for the home page 186
The CSS for the home page 188
A speaker page with a 2-column, fixed-width layout 192
The speaker page 192
The HTML for the speaker page 194
The CSS for the speaker page 194
How to create text columns 196
The properties for creating text columns 196
A 2-column web page with a 2-column article 198
How to position elements 200
Four ways to position an element 200
How to use absolute positioning 202
How to use fixed positioning 202
Chapter 7 How to work with lists, links, and navigation menus
How to code lists 210
How to code unordered lists 210
How to code ordered lists 212
How to code nested lists 214
How to code description lists 216
How to format lists 218
How to change the bullets for an unordered list 218
How to change the numbering system for an ordered list 220
How to change the alignment of list items 222
How to code links 224
How to link to another page 224
How to format links 226
How to use a link to open a new browser window or tab 228
How to create and link to placeholders 230
How to link to a media file 232
How to create email and phone links 234
How to create navigation menus 236
How to create a vertical navigation menu 236
How to create a horizontal navigation menu 238
How to create a 2-tier navigation menu 240
How to create a 3-tier navigation menu 242
The CSS for a 3-tier navigation menu 244
Chapter 8 How to use media queries for Responsive Web Design
Introduction to Responsive Web Design 252
The three components of a Responsive Web Design 252
How to test a responsive design 254
How to implement a fluid design 256
Fluid layouts vs. fixed layouts 256
How to convert fixed widths to fluid widths 258
How to use other units of measure with responsive design 260
How to size fonts 262
How to scale images 264
A web page with fluid design 266
The HTML for the web page 268
The CSS for the web page 270
How to use media queries 272
How to control the mobile viewport 272
How to code media queries 274
How to determine the breakpoints for media queries 276
How to build responsive menus with the SlickNav plugin 278
A web page with Responsive Web Design 280
The design of the web page 280
The CSS for the media queries 282
The CSS when using mobile-first coding 284
The CSS for the smallest viewports 284
The CSS for the media queries 286
Section 2 Responsive Web Design
Chapter 9 How to use Flexible Box Layout for Responsive Web Design
An introduction to Flexible Box Layout 296
The basic flexbox concepts 296
How to create your first flexible box 298
How to set flexbox properties 300
How to align flex items along the main axis 300
How to align flex items along the cross axis 302
How to wrap and align wrapped flex items 304
How to allocate space to flex items 306
How to change the order of flex items 310
A responsive web page that uses flexbox 312
The design of the web page 312
The HTML for the main structural elements 314
The CSS for larger screens 316
The CSS for smaller screens 318
Chapter 10 How to use Grid Layout for Responsive Web Design
Getting started with Grid Layout 324
An introduction to Grid Layout 324
How to create a basic grid 326
How to set the size of grid tracks 328
The properties for aligning grid items and tracks 332
A page layout that uses alignment 334
How to define the grid areas for elements 336
How to use numbered lines 336
How to use named lines 338
How to use template areas 340
How to use the 12-column grid concept 342
A responsive web page that uses grid layout 344
The design of the web page 344
The HTML for the structural elements 346
The CSS for the template areas 348
The media query for smaller screens 350
The CSS for the page with a 12-column grid 352
Common page layouts that use grid 354
The headline and gallery layout 354
The fixed sidebar layout 354
The advanced grid layout 356
Section 3 More HTML and CSS skills as you need them
Chapter 11 How to work with images, icons, and fonts
Basic skills for working with images 364
Types of images for the Web 364
How to include an image on a page 366
How to resize an image 366
How to align an image vertically 368
How to float an image 370
Other skills for working with images 372
How to use the HTML figure and figcaption elements 372
How to do image rollovers 374
How to create image maps 376
How to provide images for varying viewport sixes 378
How to use the img and picture elements 378
How to use Scalable Vector Graphics 380
How to get the images and icons that you need 382
When to use an image editor 382
How to get images 384
How to get and work with icons and favicons 386
How to work with fonts 388
How to embed fonts in a web page 388
How to use Google and Adobe Web Fonts 390
Chapter 12 How to work with tables
Basic HTML skills for coding tables 398
An introduction to tables 398
How to create a table 400
How to add a header and footer 402
Basic CSS skills for formatting tables 404
How to use CSS to format a table 404
How to use the CSS structural pseudo-classes for formatting tables 406
Other skills for working with tables 408
How to use the HTML figure and figcaption elements with tables 408
How to merge cells in a column or row 410
How to provide for accessibility 412
How to make a table responsive 414
Chapter 13 How to work with forms
How to use forms and controls 420
How to create a form 420
How to use buttons 422
How to use text fields and text areas 424
How to use radio buttons, check boxes, and labels 426
How to use drop-down lists and list boxes 428
How to use the number, email, url, and tel controls 430
How to use the date and time controls 432
Other skills for working with forms 434
How to align controls 434
How to group controls 436
How to set the tab order and assign access keys 438
How to use the HTML features for data validation 440
The HTML attributes and CSS selectors for data validation 440
How to use regular expressions for data validation 442
A web page with a form 444
The page layout 444
The HTML 446
The CSS 448
How to use other HTML controls 450
How to use the search control 450
How to use the file upload control 452
How to use the color, range, progress, and meter controls 454
How to use a data list and an output control 456
Chapter 14 How to add audio and video to a web page
An introduction to media on the web 464
Common media types for audio and video 464
How to convert a file from one media type to another 464
How to use the HTML audio and video elements 466
A web page with audio and video 468
The page layout 468
The HTML 470
Chapter 15 How to use CSS transitions, transforms, animations, and filters
How to use CSS transitions 476
How to code transitions 476
How to create an accordion using transitions 478
How to use CSS transforms 480
How to code 2D transforms 480
A gallery of images with 2D transforms 482
How to use CSS animations 484
How to code simple animations 484
How to set the keyframes for a slide show 486
How to use CSS filters 488
How to code filters 488
The ten filter methods applied to the same image 490
Section 4 Web design, deployment, and JavaScript
Chapter 16 Users, usability, and web design
Users and usability 498
What web users want is usability 498
The current conventions for usability 500
Design guidelines 502
Use mobile-first design 502
Use the home page to sell the site 504
Let the users know where they are 506
Make the best use of web page space 508
Divide long pages into shorter chunks 510
Know the principles of graphics design 512
Write for the web 514
Chapter 17 How to deploy a website
How to transfer files to and from an Internet server 518
How to connect to a website on the internet 518
How to upload and download files 518
How to test a web page that has been uploaded to the Internet server 520
How to start your own website 522
How to get a web host 522
How to get a domain name 522
How to get your website into search engines 524
How to set up, maintain, and improve a website 526
Chapter 18 How to use JavaScript to enhance your web pages
Introduction to JavaScript 530
How JavaScript works 530
Three ways to include JavaScript in a web page 532
How DOM scripting works 534
Methods and properties for DOM scripting 536
How JavaScript handles events 538
The Email List application in JavaScript 540
The HTML 540
The JavaScript 542
Introduction to jQuery 544
How to include jQuery in your web pages 544
How to code jQuery selectors, methods, and event methods 546
The Email List application in jQuery 548
The HTML 548
The jQuery 550
How to use JavaScript as a non-programmer 552
The Image Swap application 552
The Slide Show application 554
Three sources for tested JavaScript and jQuery 556
Appendix A How to set up your computer for this book
How to install the source code for this book 562
How to install Visual Studio Code 564
How to install Chrome and other browsers 566
