giáo trình hướng dẫn sử dụng CSS và HTML toàn tập

• Use semantic markup to create lean, standards-compliant web pages with structural integrity. • Work with CSS to create beautiful page layouts, typography, and navigation. • Balance contemporary design with future-proof web standards. • Learn how to fix common browser bugs, ensuring your pages work as intended for all users. • Use the reference guides to remind yourself about XHTML elements and attributes, CSS properties and values, browsers, and more. CSS AND HTML WEB DESIGN this print for reference only—size & color not accurate spine = 1.042" 552 page count Grannell US $34.99 Mac/PC/Linux compatible www.friendsofed.com ISBN-13: 978-1-59059-907-5 ISBN-10: 1-59059-907-1 9 781590 599075 5 3 4 9 9 A MODERN, MODULAR APPROACH TO STANDARDS-COMPLIANT WEB DESIGN. THE ESSENTIAL GUIDE TO CRAIG GRANNELL FOREWORD BY JON HICKS, HICKSDESIGN The Essential Guide to CSS and HTML Web Design T he Essential Guide to CSS and HTML Web Design is a special book—it tells you all you need to know to design websites that are standards-compliant, usable, and look great, but it doesn’t overwhelm you with waffle, theory, or obscure details. It’s designed to be invaluable to you, whatever knowledge of web design you already have, with a mix of practical, real-world tutorials and reference material—beginners will quickly pick up the basics, while experienced designers and developers will return to the book again and again to recap on techniques and learn new things. This book will become a close friend, earning a permanent place on your desk. Each chapter covers a specific aspect of creating web pages. The book begins with an introduction to the broad area of web design, before diving into HTML and CSS, reusing code, and other best practices. Subsequent chapters focus on all the most important areas of a successful website: typography, images, navigation, tables, page layouts with CSS, forms, and feedback (including ready-made scripts for you to use). The penultimate chapter explores browser quirks and bugs, detailing how to get around them. The book is completely up-to-date, covering the newest standards in the latest browsers. The book’s final chapter provides three case studies of popular web archetypes for you to dissect and learn from: an online gallery, a storefront, and a corporate home page. Due to the modular nature of the book and its many exercises, you can mix and match code examples to create myriad designs of your own. And while you’re doing so, you can refer to the detailed reference appendixes. These cover CSS, XHTML, color, entities, browsers, and more, so any details you need to look up are always close at hand. CREATE CUTTING-EDGE, GOOD-LOOKING, EFFICIENT WEB PAGES. WORK WITH STANDARDS-COMPLIANT TECHNOLOGIES. COMBINE EXERCISES TO FASHION COUNTLESS WEB PAGE DESIGNS. Also Available SHELVING CATEGORY 1. WEB DESIGN [...]... when HTML is combined with Cascading Style Sheets (CSS) , which we’ll discuss later in this chapter This section presents an overview of HTML tags and elements, and how HTML and XHTML relate to web standards 6 9071CH01.qxd 10/18/07 2:34 PM Page 7 AN INTRODUCTION TO WEB DESIGN Introducing the concept of HTML tags and elements HTML documents are text files that contain tags, which are used to mark up HTML. .. standards and XHTML As mentioned earlier, we’ll be working with Extensible HyperText Markup Language (XHTML) rules in this book, rather than HTML The differences between HTML and XHTML are few, but important, and largely came about because of the inconsistent way that browsers displayed HTML XHTML is stricter than HTML and has additional rules; oddly, this actually makes it easier to learn, because you don’t... switch applications—something that’s relatively painless if you know how to design for the Web and understand technologies like CSS and HTML Introducing HTML and XHTML The foundation of the majority of web pages is HyperText Markup Language, commonly known by its initials, HTML A curious facet of the language is that it’s easy to pick up the basics—anyone who’s computer literate should be able to piece... trying to think of one? A regular contributor to net/Practical Web Design magazine, Craig Grannell has written The Essential Guide to CSS and HTML Web Design for this purpose Whether you need a reference for unmemorable code like HTML entities, or need to know what on earth HTML entities are, it’s all here Laid out in an understandable and non-patronizing manner, every aspect of creating a site is covered... 9071CH01.qxd 10/18/07 2:34 PM Page 1 1 AN INTRODUCTION TO WEB DESIGN 9071CH01.qxd 10/18/07 2:34 PM Page 2 THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN In this chapter: Introducing the Internet and web design Working with web standards Working with XHTML Understanding and creating CSS rules Creating web page boilerplates Organizing web page content A brief history of the Internet Even in the wildest dreams... Therefore, you’ll find beautifully designed XHTML- and CSS- based sites sitting alongside highly animated Flash efforts Of late, special emphasis is being placed on usability and accessibility, and, in the majority of cases, designers have cottoned to the fact that content must take precedence However, 5 9071CH01.qxd 10/18/07 2:34 PM Page 6 THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN just because web standards,... with CSS Layout for the Web Grids and boxes Working with columns Fixed vs liquid design Layout technology: Tables vs CSS Logical element placement Workflow for CSS layouts Anatomy of a layout: Tables vs CSS. .. nonstandard Microsoft set Appendix D: CSS Reference Firefox Internet Explorer Opera Safari Other browsers The CSS box model Common CSS values CSS properties and values Basic selectors... wonderful thing called CSS that allows us to style pages with concise style rules and leave the HTML to describe the content, not the presentation Content can be repurposed for different media But anyone keen to learn web design (from scratch, or to improve their existing skills) has a bewildering job on their hands The publishing market is saturated with good books on web design, HTML, and CSS Yet if you... 5:11 PM Page xxiv INTRODUCTION particular tag or property value slips your mind, this book provides a comprehensive reference guide that includes important and relevant XHTML elements and attributes, XHTML entities, web colors, and CSS 2.1 properties and values Remember that you can visit the friends of ED support forums at www.friendsofed.com/ forums to discuss aspects of this book, or just to chat . HICKSDESIGN The Essential Guide to CSS and HTML Web Design T he Essential Guide to CSS and HTML Web Design is a special book—it tells you all you need to know to design websites that are standards-compliant,. real-world tutorials and reference material—beginners will quickly pick up the basics, while experienced designers and developers will return to the book again and again to recap on techniques and learn. pages. The book begins with an introduction to the broad area of web design, before diving into HTML and CSS, reusing code, and other best practices. Subsequent chapters focus on all the most