The Essential Guide to HTML5 and CSS3 Web Design [electronic resource] /
Grannell, Craig.author.
Sumner, Victor.author.
Synodinos, Dionysios.author.
The Essential Guide to HTML5 and CSS3 Web Design has been fully revised from its critically acclaimed first edition, and updated to include all of the new features and best practices of HTML5 and CSS3. This book reveals all you'll need to design great web sites that are standards-compliant, usable, and aesthetically pleasing, but it won't overwhelm you with waffle, theory, or obscure details! You will find The Essential Guide to HTML5 and CSS3 Web Design invaluable at any stage of your career, with its mixture of practical tutorials and reference material. Beginners will quickly pick up the basics, while more experienced web designers and developers will keep returning to the book again and again to read up on techniques they may not have used for a while, or to look up properties, attributes and other details. This book is destined to become a close friend, adopting a permanent place on your desk. The Essential Guide to HTML5 and CSS3 Web Design starts off with a brief introduction to the web and web design, before diving straight in to HTML5 and CSS3 basics, reusing code, and other best practices you can adopt. The book then focuses on the most important areas of a successful web site: typography, images, navigation, tables, layouts, forms and feedback (including ready-made PHP scripts) and browser quirks, hacks and bugs. The Essential Guide to HTML5 and CSS3 Web Design is completely up-to-date, covering support of the newest standards in all the latest browsers, including IE 9 and Firefox 4. The last chapter of the book provides several case studies to dissect and learn from, including all the most popular web site archetypes—a blog, a store front, a corporate home page, and an online gallery. You'll also appreciate several detailed reference appendices covering CSS, HTML, color references, entities, and more—any details you need to look up will be close at hand.
Title Page; Copyright Page; Dedication Page; Contents at a Glance; Table of Contents; About the Authors; About the Technical Reviewer; About the Cover Image Artist; Acknowledgments; Introduction; This book is different; Code Examples; Chapter 1 An Introduction to Web Design; A brief history of the Internet; Why create a website?; Audience requirements; Web design overview; Why WYSIWYG tools aren't used in this book; Introducing HTML5; Introducing the concept of HTML tags and elements; Nesting tags; Web standards and HTML; Semantic markup; Introducing CSS; Separating content from design
The rules of CSSTypes of CSS selectors; Class selectors; ID selectors; Grouped selectors; Contextual selectors; Pseudo-selectors; Attribute selectors; Adding styles to a web page; The cascade; The CSS box model explained; Creating boilerplates; Working with website content; Information architecture and site maps; Basic web page structure and layout; Limitations of web design; Chapter 2 Web Page Essentials; Starting with the essentials; HTML vs. XHTML; Document defaults; DOCTYPE declarations explained; The head section; Page titles; meta tags and search engines; Keywords and descriptions
revisit-after, robots, and authorAttaching external documents; Attaching external CSS files: the link method; Attaching CSS files: the @import method; Attaching CSS files: media queries; Attaching favicons and JavaScript; Checking paths; The body section; Content margins and padding in CSS; Zeroing margins and padding on all elements; Working with CSS shorthand for boxes; Setting a default font and font color; Web page backgrounds; Web page backgrounds in CSS; background-color; background-image; background-repeat; background-attachment; background-position; CSS shorthand for web backgrounds
GradientsWeb page background ideas; Adding a background pattern; Drop shadows; A drop shadow that terminates with the content; CSS3 shadows; Plain image gradients; Watermarks; CSS3 patterns; Closing your document; Naming your files; Commenting your work; Quickly testing your code; Web page essentials checklist; Chapter 3 Working With Type; An introduction to typography; Styling text the old-fashioned way (or, why we hate font tags); A new beginning: semantic markup; Paragraphs and headings; Logical and physical styles; Styles for emphasis (bold and italic)
Deprecated and nonstandard physical stylesThe small element; Subscript and superscript; Logical styles for programming-oriented content; Block quotes, quote citations, and definitions; Abbreviations; Elements for inserted and deleted text; The importance of well-formed markup; The importance of end tags; Styling text using CSS; Defining font colors; Defining fonts; Web-embedded fonts and web-safe fonts; Embedding web fonts; Sans-serif fonts for the Web; Serif fonts for the Web; Fonts for headings and monospace type; Mac vs. Windows: anti-aliasing; Using images for text
Image-replacement techniques
Includes index.
The Essential Guide to HTML5 and CSS3 Web Design has been fully revised from its critically acclaimed first edition, and updated to include all of the new features and best practices of HTML5 and CSS3. This book reveals all you'll need to design great web sites that are standards-compliant, usable, and aesthetically pleasing, but it won't overwhelm you with waffle, theory, or obscure details! You will find The Essential Guide to HTML5 and CSS3 Web Design invaluable at any stage of your career, with its mixture of practical tutorials and reference material. Beginners will quickly pick up the basics, while more experienced web designers and developers will keep returning to the book again and again to read up on techniques they may not have used for a while, or to look up properties, attributes and other details. This book is destined to become a close friend, adopting a permanent place on your desk. The Essential Guide to HTML5 and CSS3 Web Design starts off with a brief introduction to the web and web design, before diving straight in to HTML5 and CSS3 basics, reusing code, and other best practices you can adopt. The book then focuses on the most important areas of a successful web site: typography, images, navigation, tables, layouts, forms and feedback (including ready-made PHP scripts) and browser quirks, hacks and bugs. The Essential Guide to HTML5 and CSS3 Web Design is completely up-to-date, covering support of the newest standards in all the latest browsers, including IE 9 and Firefox 4. The last chapter of the book provides several case studies to dissect and learn from, including all the most popular web site archetypes—a blog, a store front, a corporate home page, and an online gallery. You'll also appreciate several detailed reference appendices covering CSS, HTML, color references, entities, and more—any details you need to look up will be close at hand.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.