Web design with HTML, CSS, JavaScript and jQuery set]. HTML & CSS design and build websites. JavaScript & JQuery interactive front-end web development

A full-color introduction to the basics of HTML and CSS from the publishers of Wrox! Every day, more and more people want to learn some HTML and CSS. Joining the professional web designers and programmers are new audiences who need to know a little bit of code at work (update a content management system or e-commerce store) and those who want to make their personal blogs more attractive. Many books teaching HTML and CSS are dry and only written for those who want to become programmers, which is why this book takes an entirely new approach. • Introduces HTML and CSS in a way that makes them accessible to everyone―hobbyists, students, and professionals―and it’s full-color throughout • Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging • Boasts a unique structure that allows you to progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure This educational book is one that you will enjoy picking up, reading, then referring back to. It will make you wish other technical topics were presented in such a simple, attractive and engaging way! Cover Title Page Copyright Credits Contents Introduction Is it Hard to Learn? The Structure of this Book How People Access the Web How Websites are Created How The Web Works Chapter 1: Structure How Pages use Structure Structuring Word Documents HTML Describes the Structure of Pages HTML Uses Elements to Describe the Structure of Pages A Closer Look at Tags Attributes Tell us More about Elements Body, Head & Title Creating a Web Page on a PC Creating a Web Page on a MAC Code in a Content Management System Looking at How Other Sites are Built Summary: Structure Chapter 2: Text Headings Paragraphs Bold & Italic Superscript & Subscript White Space Line Breaks & Horizontal Rules Visual Editors & Their Code Views Semantic Markup Strong & Emphasis Quotations Abbreviations & Acronyms Citations & Definitions Author Details Changes to Content Example: Text Summary: Text Chapter 3: Lists Ordered Lists Unordered Lists Definition Lists Nested Lists Example: Lists Summary: Lists Chapter 4: Links Writing Links Linking to Other Sites Linking to Other Pages on the Same Site Directory Structure Relative URLs Email Links Opening Links in a New Window Linking to a Specific Part of the Same Page Linking to a Specific Part of Another Page Example: Links Summary: Links Chapter 5: Images Choosing Images for Your Site Storing Images on Your Site Adding Images Height & Width of Images Where to Place Images in Your Code Old Code: Aligning Images Horizontally Old Code: Aligning Images Vertically Three Rules for Creating Images Tools to Edit & Save Images Image Formats: JPEG Image Formats: GIF Image Dimensions Cropping Images Measuring Images and Resolution Vector Images Animated GIFS Transparency Examining Images on the Web HTML5: Figure and Figure Caption Example: Images Summary: Images Chapter 6: Tables What's a Table? Basic Table Structure Table Headings Spanning Columns Spanning Rows Long Tables Old Code: Width & Spacing Old Code: Border & Background Example: Tables Summary: Tables Chapter 7: Forms Why Forms? Form Controls How Forms Work Form Structure Text Input Password Input Text Area Radio Button Checkbox Drop Down List Box Multiple Select Box File Input Box Submit Button Image Button Button & Hidden Controls Labelling Form Controls Grouping Form Elements HTML5: Form Validation HTML5: Date Input HTML5: Email & URL Input HTML5: Search Input Example: Forms Summary: Forms Chapter 8: Extra Markup The Evolution of HTML Doctypes Comments in HTML Id Attribute Class Attribute Block Elements Inline Elements Grouping Text & Elements in a Block Grouping Text & Elements Inline Iframes Information About Your Pages Escape Characters Example: Extra Markup Summary: Extra Markup Chapter 9: Flash, Video & Audio How Flash Works Use of Flash Timeline: Flash, Video & Audio Adding a Flash Movie to Your Web Page Understanding Video Formats and Players Using Hosted Video Services Preparing a Flash Video for Your Site Adding a Flash Video to Your Pages HTML5: Preparing Video for Your Pages HTML5: Adding Video to Your Pages HTML5: Multiple Video Sources HTML5: Combining Flash & HTML5 Video Adding Audio to Web Pages Adding a Flash MP3 Player HTML5: Adding HTML5 Audio to Your Pages HTML5: Multiple Audio Sources Example: Flash, Video & Audio Summary: Flash, Video & Audio Chapter 10: Introducing CSS Understanding CSS: Thinking Inside the Box CSS Associates Style Rules with HTML Elements CSS Properties Affect How Elements are Displayed Example: Introducing CSS Using External CSS Using Internal CSS CSS Selectors How CSS Rules Cascade Inheritance Why use External Style Sheets? Different Versions of CSS & Browser Quirks Summary: Introducing CSS Chapter 11: Color Foreground Color: color Background Color: background-color Understanding Color Contrast CSS3: Opacity CSS3: HSL Colors CSS3: HSL & HSLA Example: Color Summary: Color Chapter 12: Text Typeface Terminology Choosing a Typeface for Your Website Techniques that Offer a Wider Choice of Typefaces Specifying Typefaces: font-family Size of Type: font-size Type Scales Units of Type Size More Font Choice: @font-face Understanding Font Formats Bold: font-weight Italic: font-style Uppercase & Lowercase: text-transform Underline & Strike: text-decoration Leading: line-height Letter & Word Spacing: letter-spacing,word-spacing Alignment: text-align Vertical Alignment: vertical-align Indenting Text: text-indent CSS3: Drop Shadow: text-shadow First Letter or Line: :first-letter, :first-line Styling Links: :link, :visited Responding to Users: :hover, :active, :focus Attribute Selectors Example: Text Summary: Text Chapter 13: Boxes Box Dimensions: width, height Limiting Width: min-width, max-width Limiting Height: min-height, max-height Overflowing Content: overflow Border, Margin & Padding White Space & Vertical Margin Border Width: border-width Border Style: border-style Border Color: border-color Shorthand: border Padding: padding Margin: margin Centering Content IE6 Box Model Change Inline/Block: display Hiding Boxes: visibility CSS3: Border Images: border-image CSS3: Box Shadows: box-shadow CSS3: Rounded Corners: border-radius CSS3: Elliptical Shapes: border-radius Example: Boxes Summary: Boxes Chapter 14: Lists, Tables & Forms Bullet Point Styles: list-style-type Images for Bullets: list-style-image Positioning the Marker: list-style-position List Shorthand: list-style Table Properties Border on Empty Cells: empty-cells Gaps Between Cells: border-spacing, border-collapse Styling Forms Styling Text Inputs Styling Submit Buttons Styling Fieldsets & Legends Aligning Form Controls: Problem Aligning Form Controls: Solution Cursor Styles: cursor Web Developer Toolbar Example: Lists, Tables and Forms Summary: Lists, Tables and Forms Chapter 15: Layout Key Concepts in Positioning Elements Controlling the Position of Elements Normal Flow: position:static Relative Positioning: position:relative Absolute Positioning: position:absolute Fixed Positioning: position:fixed Overlapping Elements: z-index Floating Elements: float Using Float to Place Elements Side-by-Side Clearing Floats: clear Parents of Floated Elements: Problem Parents of Floated Elements: Solution Creating Multi-Column Layouts with Floats Screen Sizes Screen Resolution Page Sizes Fixed Width Layouts Liquid Layouts A Fixed Width Layout A Liquid Layout Layout Grids Example Grid Possible Layouts: 960 Pixel Wide 12 Column Grid CSS Frameworks Using the 960.GS Grid A Grid-Based Layout Using 960.GS Multiple Style Sheets: @import Multiple Style Sheets: link Example: Layout Summary: Layout Chapter 16: Images Controlling Sizes of Images in CSS Aligning Images Using CSS Centering Images Using CSS Background Images: background-image Repeating Images: background-repeat: background-attachment Background Position: background-position Shorthand: background Image Rollovers & Sprites CSS3: Gradients: background-image Contrast of Background Images Example: Images Summary: Images Chapter 17: HTML5 Layout Traditional HTML Layouts New HTML5 Layout Elements Headers & Footers: Navigation: Articles: Asides: Sections: Heading Groups: Figures: Sectioning Elements: Linking Around Block-Level Elements Helping Older Browsers Understand Example: HTML5 Layout Summary: HTML5 Layout Chapter 18: Process & Design Who is the Site For? Why People Visit Your Website What Your Visitors are Trying to Achieve What Information Your Visitors Need How Often People Will Visit Your Site Site Maps Example Site Map Wireframes Example Wireframe Getting Your Message Across Using Design Visual Hierarchy Grouping and Similarity Designing Navigation Summary: Process & Design & Design Chapter 19: Practical Information Search Engine Optimization (SEO) On-Page SEO How to Identify Keywords and Phrases Analytics: Learning About Your Visitors How Many People are Coming to Your Site? What are Your Visitors Looking At? Where are Your Visitors Coming From? Domain Names & Hosting FTP & Third Party Tools Summary: Practical Information Index Troubleshooting HTML Elements HTML Attributes CSS Properties EULA Jon Duckett's best-selling, full color introduction to HTML and CSS—making complex topics simple, accessible, and fun! Learn HTML and CSS from the book that has inspired hundreds of thousands of beginner-to-intermediate coders. Professional web designers, developers, and programmers as well as new learners are looking to amp up their web design skills at work and expand their personal development—yet finding the right resources online can be overwhelming. Take a confident step in the right direction by choosing the simplicity of HTML & CSS: Design and Build Websites by veteran web developer and programmer Jon Duckett. Widely regarded for setting a new standard for those looking to learn and master web development through his inventive teaching format, Jon Duckett has helped global brands like Philips, Nike, and Xerox create innovative digital solutions, designing and delivering web and mobile projects with impact and the customer at the forefront. In HTML & CSS, Duckett shares his real-world insights in a unique and highly visual style: Introduces HTML and CSS in a way that makes them accessible to everyone―from students to freelancers, and developers, programmers, marketers, social media managers, and more Combines full-color design graphics and engaging photography to explain the topics in an in-depth yet straightforward manner Provides an efficient and user-friendly structure that allows readers to progress through the chapters in a self-paced format Is perfect for anyone looking to update a content management system, run an e-commerce store, or redesign a website using popular web development tools HTML & CSS is well-written and readable, providing organized instruction in ways that other online courses, tutorials, and books have yet to replicate. For readers seeking a comprehensive yet concise guide to HTML and CSS, look no further than this one-of-a-kind guide. HTML & CSS is also available as part of two hardcover and paperback sets depending on your web design and development needs: Web Design with HTML, CSS, JavaScript, and jQuery SetPaperback: 9781118907443Hardcover: 9781119038634 Front-End Back-End Development with HTML, CSS, JavaScript, jQuery, PHP, and MySQL SetPaperback: 9781119813095Hardcover: 9781119813088 "Every day, more and more people want to learn some HTML and CSS. Joining the professional web designers and programmers are new audiences who need to know a little bit of code at work (update a content management system or e-commerce store) and those who want to make their personal blogs more attractive. Many books teaching HTML and CSS are dry and only written for those who want to become programmers, which is why this book takes an entirely new approach. It introduces HTML and CSS in a way that makes them accessible to everyone - hobbyists, students, and professionals - and it's full-color throughout. It utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging and boasts a unique structure that allows you to progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure" --Publisher's description A two-book set for web designers and front-end developers This two-book set combines the titles HTML & Designing and Building Web Sites and JavaScript & Interactive Front-End Development . Together these two books form an ideal platform for anyone who wants to master HTML and CSS before stepping up to JavaScript and jQuery. HTML & CSS covers structure, text, links, images, tables, forms, useful options, adding style with CSS, fonts, colors, thinking in boxes, styling lists and tables, layouts, grids, and even SEO, Google analytics, ftp, and HTML5. JavaScript & jQuery offers an excellent combined introduction to these two technologies using a clear and simple visual approach using diagrams, infographics, and photographs. Books cover how to write HTML5 and CSS3, structure web pages and sites, prepare images, audio, and video, control typography and layout, read and write with JavaScript, make more interactive sites, use jQuery to simplify code, and learn popular web techniques such as slide shows and lightboxes, forms and validates, using Ajax, APIs, and JSON, filtering, searching, and sorting "This two-book set combines the titles HTML & CSS: Designing and Building Web Sites and JavaScript & jQuery: Interactive Front-End Development. Together these two books form an ideal platform for anyone who wants to master HTML and CSS before stepping up to JavaScript and jQuery."--Amazon.com A two-book set for web designers and front-end developers This two-book set combines the titles HTML & CSS: Designing and Building Web Sites and JavaScript & jQuery: Interactive Front-End Development.