Search results for """ "mastering modern html css""

Book SynopsisAuch heute noch sind HTML und CSS die Basis aller Webseiten. Wer mehr möchte, als nur einen unflexiblen Website-Baukasten zu nutzen, kommt an beidem schwer vorbei. Egal, ob Sie eine Website komplett neu aufbauen oder ob Sie beim Einsatz eines Content-Management-Systems individuelle Anpassungen vornehmen möchten: Dieses Buch hilft Ihnen weiter. Florence Maurice erklärt Ihnen mit vielen Beispielen und Schritt für Schritt alle wichtigen Grundlagen, wie HTML funktioniert, wofür Sie CSS benötigen und wie Sie am Ende all dieses Wissen anwenden.Table of ContentsÜber die Autorin 9 Einleitung 23 Über dieses Buch 23 Konventionen in diesem Buch 23 Was Sie nicht lesen müssen 23 Törichte Annahmen über die Leser 24 Wie dieses Buch aufgebaut ist (Achtung Spoiler!) 24 Teil I: Die absoluten Basics 24 Teil II: HTML – alles Wichtige 25 Teil III: Losstarten mit CSS 25 Teil IV: CSS für Layouts 25 Teil V: Der Top-Ten- Teil 26 Symbole, die in diesem Buch verwendet werden 26 Wie es weitergeht 26 Teil I Die Absoluten Basics 27 Kapitel 1 Ziemlich beste Freunde: HTML und CSS 29 Webseiten: vor dem Tunen ein Blick unter die Haube 29 Aufbrezeln mit CSS 31 Ausgezeichnet mit HTML 33 Browser: the two and only 34 Fundamental: HTML-Grundstruktur 35 HTML-Dokument erstellen mit einem Editor 36 Atom 38 HTML-Dokument mit VS Code erstellen 39 1 Dokument im Browser ansehen und 2 sich freuen 42 Alles klar mit Attributen 42 Leere Elemente: leer, aber nicht hohl 43 Kontrolle ist besser 44 CSS – auswählen, formatieren und los 46 Geschweifte Klammern, Doppelpunkte & Strichpunkte 47 Das erste Stylesheet 48 Kurzgefasst 50 Kapitel 2 Beispiel für das HTML/CSS-Team 51 Gestatten: die Beispielsite 51 Der HTML-Code für die Beispielseite 54 HTML-Code der Startseite im Überblick 54 head-Bereich 56 Grobe Struktur 57 header im Detail 59 Hauptinhalt 61 Das Grundprinzip von CSS ist folgendes: 63 Stylesheet gesamt 64 Formatierung von body 65 Überschriften formatieren 67 Formatierung der Navigation 69 Zweispaltige Darstellung des Inhalts und Gestaltung des Footers 71 Flexible Bilder 72 Anpassungen für kleine Screens 73 HTML-Code der zweiten Seite 74 Nun zum CSS-Code der zweiten Seite 77 Kurzgefasst 77 Kapitel 3 Fremden Code untersuchen, eigenen besser verstehen 79 Entwicklertools aufrufen 79 HTML-Code ansehen 82 CSS-Code untersuchen 84 Verhalten bei unterschiedlichen Bildschirmgrößen 85 Kurzgefasst 87 Kapitel 4 Ab ins Internet 89 Domain und Webspace 89 Hosting – Begriffe und Fakten 90 Dateien mit einem FTP-Programm übertragen 94 Zugangsdaten für FTP 94 FTP-Programm wählen und installieren 94 Daten übertragen mit FileZilla 95 Fehler beheben und Probleme lösen 98 Baustellenseite 98 403-Fehlermeldung – »Zugriff verweigert« 98 Dateien werden nicht angezeigt 98 Probleme mit Bildern 98 Nicht funktionierende Links 99 Kurzgefasst 99 Teil Ii Html – Alles Wichtige 101 Kapitel 5 Gut strukturiert ist halb gewonnen 103 Kopf und Rumpf 103 Sprachangabe 105 Zeichensatzangabe UTF-8 105 Seitentitel – aber richtig 106 Mehr meta 108 Grundlegende Techniken 109 Leerzeichen und Zeilenumbrüche 109 Kommentare 112 Entities für Sonderzeichen 113 Der Blick auf body 114 Texte unterteilen 115 Am Anfang war der Absatz 115 Überschriften 116 Listen 118 hr für eine inhaltliche Unterteilung 124 Zitate mit blockquote und cite 124 pre – Leerzeichen und Zeilenumbrüche beibehalten 125 Ausklappbar: details und summary 126 Inline-Elemente 126 In der Zeile 126 Die wichtigsten Inline-Elemente 127 Struktur im Groben 130 Kurzgefasst 133 Kapitel 6 Bilder und Videos 135 Mehr als Worte: Bilder 135 Raster versus Vektor 135 Eine Frage des (Bild-) Formats 136 Das richtige Format für die richtige Situation 138 Bilder einbinden 139 Immer scharf: SVG-Bilder 144 Echte kleine Lieblinge: Favicons 146 Gut für die Performance 147 Bewegt: Videos 147 Codierung und Container 147 Video einbinden 148 Videos von YouTube und anderen Diensten einbinden 150 iframes: die guten Frames 151 Was auf die Ohren: Audio 152 Object, embed und canvas! 153 Kurzgefasst 153 Kapitel 7 Links und Pfade 155 Verlinkungen 155 Bilder verlinken 156 Links auf externe Webseiten 157 An bestimmte Stellen auf Seiten verlinken 159 Links auf andere Dateitypen 162 Auf Dateien zum Download verlinken 163 E-Mail- Links definieren 163 Ruf! mich! an! Telefonlinks 165 Pfade – von hier nach dort und wieder zurück 165 Innerhalb eines Ordners auf derselben Ebene 167 In einen Unterordner verweisen 168 Übergeordnete Ordner 169 In Parallelordner wechseln 169 Noch höher hinaus und tiefer hinunter 170 Absolute und relative Pfade 170 Kurzgefasst 172 Kapitel 8 Tabellen und Formulare 173 Von der Wiege bis zur Bahre – Formulare, Formulare, Formulare 173 Formulare – wichtige Basics 174 Funktionsweise von Formularen 174 Viele, viele Input-Typen 185 Formularüberprüfung 192 Informationen in Reih und Glied – Tabellen 194 Grundlegender Aufbau von Tabellen 195 Tabellen fehlerfrei erstellen 199 Weitere Strukturierungselemente bei Tabellen 199 Kurzgefasst 200 Teil Iii Losstarten Mit Css 203 Kapitel 9 HTML mit CSS zusammenbringen 205 HTML und CSS verknüpfen 205 Externe Datei 205 Eingebettete Stylesheets 206 Inline-Stile 209 Externe Stylesheets mit @import einbinden 210 Kommentare – in CSS (im Unterschied zu HTML) 212 Die Qual der Wahl – Elemente auswählen 212 Typselektor element 212 Klassenselektor klasse 213 id-Selektor #id 215 Selektoren gruppieren: el1, el2, el3 215 Universeller Selektor * 216 Attributselektoren 217 Kombinatoren 218 Voll pseudo: Pseudoklassen und Pseudoelemente 224 Die allerallerwichtigsten Selektoren in Kurzform 233 Das Recht des Stärkeren – Spezifität verstehen 234 Kurzgefasst 237 Kapitel 10 CSS: Farben, Längeneinheiten und Vererbung 239 Farben in CSS 239 Farben am Bildschirm 240 rgb(), rgba() und hexadezimale Angaben 240 hsl() und hsla() 241 Mehr Farbpower 243 Farben wählen 244 Farbkombinationen finden 245 Längenangaben 246 Überblick über die Längenangaben 247 Pixelversteher 248 Prozent 250 em und rem 250 vw, vh, vwmin, vwmax 251 cm, pt, inch für Druck-Stylesheets zum Beispiel 252 Tipps für die Verwendung der Einheiten 252 Spezielle Angaben 253 Rechnen mit CSS über calc() 253 Custom Properties 254 Vererbung und Standardwert – oder was gilt? 254 Erb das! 254 Nicht vererbare und vererbare Eigenschaften 256 Vererbung in den Browser-Entwicklertools 257 Fehlersuche 258 Kurzgefasst 260 Kapitel 11 Schriften wählen und Texte gestalten 261 Schrift formatieren 261 Standardschriften verwenden 261 Webfonts 264 Schriftgröße bestimmen 273 fett, kursiv, Kapitälchen 277 Zeilenhöhe 279 Kürze mit Würze: die font-Eigenschaft 280 Textschatten 282 Abstände zwischen Wörtern oder Buchstaben 283 text-decoration zur Linkformatierung, aber nicht nur 284 Linkformatierungen 284 Mehr Optionen für text-decoration 285 Mit unterschiedlichen Browsern umgehen 285 Texte formatieren und ausrichten 286 Text ausrichten 286 Ausrichtung und Schreibrichtung 287 Erste Zeile einrücken 288 Listen formatieren 289 Kurzgefasst 290 Kapitel 12 Richtig vermessen: die Ausmaße von Elementen 291 Ausmaße von Elementen 291 Breite 292 Höhe 294 Innenabstand 295 Verkürzte Angaben mit mehreren Werten bei padding, margin etc 297 Rahmen 298 Logische Werte 299 Überfließen steuern mit overflow 300 Außenabstand 301 Grundprinzip von margin 301 Zusammenfallende Außenabstände 302 box-sizing und die Gesamtgröße 303 Formvollendet – abgerundete Ecken und Schatten 306 Abgerundet: border-radius 306 Schatten um Boxen zeichnen: box-shadow 307 Boxmodell bei Inline-Elementen … und die Eigenschaft display 308 width, padding, border, margin bei einem Inline-Element 308 Verwandlungskünstler: display 309 display bei der Erstellung von Buttons 310 Elemente drehen, verschieben und skalieren 312 Kurzgefasst 313 Kapitel 13 Bilder mit CSS einbinden und formatieren 315 Hintergrundfarben und -bilder 315 Hintergrundbild ergänzen 315 Wiederholung steuern 316 Position des Hintergrundbilds bestimmen 317 Größe des Hintergrundbilds verändern: background-size 318 Fixiert beim Scrollen: background-attachment 319 Kürzer mit background 320 Mehr Optionen bei Hintergrundbildern 321 Bildschirmfüllendes Hintergrundbild 322 Farbverläufe erstellen 323 Grundprinzip von Farbverläufen 323 Variationen für Farbverläufe 324 HTML-Bilder mit CSS bearbeiten 325 object-fit – Größenanpassung von HTML-Bildern 325 Filter for the world 326 Schöner Hover-Effekt bei Bildern 327 Kurzgefasst 329 Teil Iv Css Für Layouts 331 Kapitel 14 Bilder floaten, Elemente positionieren und Mehrspaltensatz nutzen 333 Bilder und Bereiche umfließen lassen 333 clear – Floaten aufheben 336 Gefloatete Elemente umschließen 337 Inhalte nicht rechteckig umfließen 338 In Position 341 position: absolute 343 position: relative 345 Vorhang auf für die Kombi: relative + absolute Positionierung 346 Halbtransparente Bildbeschriftung auf einem Bild 347 position: fixed – Footer unten festkleben 349 position: sticky – scrollen und dann feststehen 350 Präfixe – was sind sie und wenn ja, wie viele? 351 Multicolumn – Spaltensatz 352 Kurzgefasst 354 Kapitel 15 Flexbox – Navigationsleisten und einfache Layouts erstellen 355 Flexbox für Layouts und Navigationsleisten 355 Einstieg in Flexbox 356 Flexbox-Konzepte 357 Zwischenräume definieren 358 display: inline-flex 359 Elemente mit Flexbox ausrichten 360 Leerraumverteilung auf der querenden Achse: align-items 360 Leerraumverteilung auf der Hauptachse: justify-content 362 Element horizontal und vertikal zentrieren 363 Anordnen mit verschachtelten Flexboxen 364 Navigation mit Flexbox realisieren 366 Horizontale Navigation definieren 366 Zweigeteilte Navigation – Elemente mit margin anordnen 369 Weitere Flexbox-Techniken 369 Geänderte Reihenfolge dank order 370 Flexible Ausmaße 370 Mehrzeilig/-spaltig mit flex-wrap 371 Kurzgefasst 373 Kapitel 16 Gridlayout – Rasterlayouts zum Verlieben 375 Rasterlayouts leicht gemacht mit Gridlayout 375 Grundfunktion von Gridlayout 376 Richtiges Rasterlayout 379 Fortgeschrittene Techniken 383 Überlappungen und Lücken 383 Gridlayout mit benannten Bereichen 384 Voll flexibles Raster 386 Ausrichten mit Gridlayout und Abstände zwischen Rasterzellen 389 Kurzgefasst 391 Kapitel 17 Responsives Webdesign 393 Responsiv – das Wesentliche 393 So fing alles an 393 Alternativen zum responsiven Webdesign 394 Bestandteile des responsiven Webdesigns 396 Viewport-Meta- Angabe 396 Klassische Medienangaben 398 Media Queries für responsive Webseiten 400 Breakpoints – woher nehmen oder stehlen? 403 Mehr Abfragen 404 Responsive Layouts 405 Einfaches responsives Layoutbeispiel 405 Dreispaltiges responsives Layout mit Flexbox 406 Responsives Layout mit Gridlayout 408 Komponenten auf responsiv trimmen 410 Bilder im responsiven Webdesign 410 Responsives Formular 411 Navigation responsiv machen 416 Responsiv ohne Media Queries 421 Die dunkle Seite: Dark Mode 421 prefers-color- scheme 422 Dark Mode mit Custom Properties 422 Container Queries 424 Kurzgefasst 426 Kapitel 18 Responsive Bilder 427 Ansprüche an responsive Bilder 427 Hochauflösende Displays 428 Unterschiedliche Bilder je nach Layout und Viewport 431 Art Direction: Nicht nur für Künstler 434 Verschiedene Bildformate 436 Alle zusammen 436 Und die Browser? 437 Kurzgefasst 437 Teil V Top-Ten- Teil 439 Kapitel 19 Wenn der Browser nicht das macht, was er soll 441 1 Willkommen im Club 441 2 HTML-Fehler aufspüren 441 3 CSS-Fehler aufspüren 441 4 Verknüpfungen überprüfen 442 5 Bilder zur Anzeige bewegen 442 6 Probleme mit einem Hintergrundbild beheben 443 7 Dokumentstruktur prüfen 443 8 Browserunterstützung prüfen 443 9 Fallbacklösungen für ältere Browser 444 10 Sonderangaben für die modernen Browser 444 Kapitel 20 Die wichtigsten Tipps zur Suchmaschinenoptimierung 445 1 Seite für Leser erstellen und nicht für Suchmaschinen 445 2 Passende und eindeutige Seitentitel 445 3 Beschreibung bei meta 446 4 Seite mit Überschriften strukturieren 446 5 Klare Navigation mit einfachen URLs 446 6 Aussagekräftige Linktexte 446 7 Bilder mit aussagekräftigen Dateinamen und alt-Texten 447 8 Auch für Smartphones und Co 447 9 Google-/ Bing-Tools etc nutzen 447 10 Noch mehr Tipps 447 Kapitel 21 Zehn Dinge, die Sie nicht gedacht hätten, dass sie mit CSS gehen 449 1 Mauszeiger ändern 449 2 Animationen definieren 449 3 Animationen anwenden 450 4 Wenn Sie Animationen definieren … 450 5 Smooth Scrolling 450 6 Text mit Farbverlauf 451 7 Überblendeffekte 451 8 Transformationen in 3D 451 9 Lustige Formen schnipseln mit clip-path 452 10 Karomuster definieren mit Farbverläufen 452 Kapitel 22 Die 10 besten Generatoren für faule Coder 455 1 Farbverläufe 455 2 Kleckse für alle 456 3 Ungewöhnliche Formen schnipseln 456 4 Coole mehrfache Schatten 457 5 Filtereffekte 459 6 Ungewöhnliche Ecken 459 7 Trennlinien aufgehübscht 460 8 Voll schräg 461 9 Farbschattierungen 461 10 Passende Schriftgrößen 462 Stichwortverzeichnis 463

Read more less

Book SynopsisTable of Contents Chapter 1 What Are HTML and CSS? Chapter 2 Creating a Website on Your Computer Chapter 3 HTML Syntax Chapter 4 Basic HTML Elements Chapter 5 Links Chapter 6 Structure and Layout with HTML Chapter 7 Media Chapter 8 Tables and Other Structured Data Elements Chapter 9 Web Forms Chapter 10 Advanced and Experimental Features Chapter 11 Introduction to CSS Chapter 12 Targeting Elements Chapter 13 Styling Text Chapter 14 Color in CSS Chapter 15 Using CSS for Page Layout Chapter 16 Layouts with CSS Grid and Flexbox Chapter 17 Responsive Design and Media Queries Chapter 18 CSS Transformations and Animations Chapter 19 CSS Variables Chapter 20 CSS Preprocessors Chapter 21 Getting Your Website Online Chapter 22 Testing Your Website Chapter 23 Improving Website Performance Chapter 24 Web Accessibility Chapter 25 Going Beyond HTML & CSS

Read more less

Book SynopsisTable of ContentsPART I: GETTING STARTED ON THE WEBLesson 1: Understanding How the Web Works 1 A Brief History of HTML and the World Wide Web 2Creating Web Content 2Understanding Web Content Delivery 3Selecting a Web Hosting Provider 6Testing with Multiple Web Browsers and Devices 8Creating a Sample File 9Using FTP to Transfer Files 10Understanding Where to Place Files on the Web Server 14Distributing Content Without a Web Server 17Tips for Testing Web Content 18Summary 19Q&A 20Workshop 20Exercises 22Lesson 2: Creating Web Content 2Getting Prepared 24Getting Started with a Simple Web Page 25HTML Tags Every Web Page Must Have 28Organizing a Page with Paragraphs and Line Breaks 31Organizing Your Content with Headings 33Understanding Semantic Elements 36Using in Multiple Ways 42Understanding the Element 44Using 45Implementing the Element 45When to Use 47Using Effectively 48Summary 49Q&A 50Workshop 51Exercises 53Lesson 3: Understanding Cascading Style Sheets 55How CSS Works 56A Basic Style Sheet 57A CSS Style Primer 63Using Style Classes 68Using Style IDs 70Internal Style Sheets and Inline Styles 71Summary 74Q&A 75Workshop 75Exercises 77Lesson 4: Understanding JavaScript 79Learning Web Scripting Basics 80How JavaScript Fits into a Web Page 81Exploring JavaScript’s Capabilities 84Displaying Time with JavaScript 85Testing the Script 89Summary 93Q&A 93Workshop 94Exercises 96Lesson 5: Validating and Debugging Your Code 97Validating Your Web Content 97Debugging HTML and CSS Using Developer Tools 99Debugging JavaScript Using Developer Tools 112Summary 118Q&A 118Workshop 118Exercises 120PART II: BUILDING BLOCKS OF PRACTICAL WEB DESIGNLesson 6: Working with Fonts, Text Blocks, Lists, and Tables 121Working with Special Characters 122Boldface, Italic, and Special Text Formatting 126Tweaking the Font 129Using Web Fonts 133Aligning Text on a Page 136The Three Types of HTML Lists 139Placing Lists Within Lists 142Creating a Simple Table 147Controlling Table Sizes 151Alignment and Spanning Within Tables 154Page Layout with Tables 157Using CSS Columns 158Summary 162Q&A 164Workshop 165Exercises 166Lesson 7: Using External and Internal Links 167Using Web Addresses 167Linking Within a Page Using Anchors 170Linking Between Your Own Web Content 174Linking to Non-HTML Files 177Linking to External Web Content 178Linking to an Email Address 179Opening a Link in a New Browser Window 180Giving Titles to Links 181Using CSS to Style Hyperlinks 182Using Links Effectively 186Summary 187Q&A 188Workshop 189Exercises 190Lesson 8: Working with Colors, Images, and Multimedia 191Best Practices for Choosing Colors 192Understanding Web Colors 194Using Hexadecimal Values for Colors 196Using RGB and RGBa Values for Colors 197Using CSS to Set Background, Text, and Border Colors 199Choosing Graphics Software 201The Least You Need to Know About Graphics 202Preparing Photographic Images 203Creating Banners and Buttons 210Optimizing Images by Reducing or Removing Colors 211Creating Tiled Background Images 212Placing Images on a Web Page 214Describing Images with Text 217Specifying Image Height and Width 218Aligning Images 219Turning Images into Links 223Using Background Images226Using Image Maps 227Linking to Multimedia Files 233Embedding Multimedia Files 237Additional Tips for Using Multimedia 242Summary 242Q&A 245Workshop 246Exercises 248PART III: ADVANCED WEB PAGE DESIGN WITH CSSLesson 9: Working with Margins, Padding, Alignment, and Floating 249Using Margins 249Padding Elements 257Keeping Everything Aligned 261Centering Blocks of Content 262Understanding the float Property 263Summary 267Q&A 267Workshop 267Exercises 270Lesson 10: Understanding the CSS Box Model and Positioning 271The CSS Box Model 271Changing the Box Model 275The Whole Scoop on Positioning 276Controlling the Way Things Stack Up 281Managing the Flow of Text 284Summary 285Q&A 285Workshop 286Exercises 288Lesson 11: Using CSS to Do More with Lists, Text, and Navigation 289HTML List Refresher 290How the CSS Box Model Affects Lists 290Placing List Item Indicators 294Creating Image Maps with List Items and CSS 296How Navigation Lists Differ from Regular Lists 299Creating Vertical Navigation with CSS 300Creating Horizontal Navigation with CSS 310Summary 314Q&A 314Workshop 315Exercises 316Lesson 12: Creating Layouts Using Modern CSS Techniques 317Getting Ready to Do Page Layout 318The Importance of Putting Mobile Devices First 319Understanding Fixed Layouts 319Understanding Liquid Layouts 322Creating a Fixed/Liquid Hybrid Layout 324Using Modern CSS Layout Techniques 335Summary 349Q&A 350Workshop 350Exercises 352Lesson 13: Taking Control of Backgrounds and Borders 353Reviewing Background and Border Basics 353Using Multiple Borders and Backgrounds 355Using Forgotten Background Properties 359Using Gradients as Backgrounds 365Rounding the Corners of HTML Elements 371Using Images as Borders 373Understanding CSS Outlines 378Summary 379Q&A 379Workshop 379Exercises 381Lesson 14: Using CSS Transformations and Transitions 383Understanding CSS 2D Transformations 383Transforming Elements in Three Dimensions 392Working with CSS Transitions 393Using JavaScript to Trigger Transitions 397Summary 398Q&A 399Workshop 399Exercises 400Lesson 15: Animating with CSS and the Canvas 401Understanding CSS Animation 401Using the CSS Canvas 410Choosing Between CSS Animation and Canvas Animation 423Summary 424Q&A 424Workshop 424Exercises 426PART IV: RESPONSIVE WEB DESIGNLesson 16: Understanding the Importance of Responsive Web Design 427What Is Responsive Web Design? 427What Is Progressive Enhancement? 431Writing HTML for Responsive Web Design 435Validating HTML, CSS, and JavaScript 438Summary 439Q&A 440Workshop 440Exercises 442Lesson 17: Designing for Mobile Devices 443Designing for Mobile Devices 443Understanding Mobile First Design 451Using Responsive Tables and Images 455Creating Responsive Layouts Without Media Queries 464Alternatives for Mobile Design Besides RWD 466Summary 468Q&A 469Workshop 469Exercise 470Lesson 18: Using Media Queries and Breakpoints 471What Is a Media Query? 471Using Media Query Expressions 476What Is a Breakpoint? 477How to Define Breakpoints in Your CSS 477Optimal Breakpoints 483Summary 484Q&A 484Workshop 485Exercises 486PART V: GETTING STARTED WITH DYNAMIC SITESLesson 19: Understanding Dynamic Websites and HTML5 Applications 487Understanding the Different Types of Scripting 487Including JavaScript in HTML 488Displaying Random Content 491Understanding the Document Object Model 495Changing Images Based on User Interaction 498Thinking Ahead to Developing HTML5 Applications 501Summary 501Q&A 502Workshop 502Exercises 506Lesson 20: Getting Started with JavaScript Programming 507Basic Concepts 507JavaScript Syntax Rules 514Using Comments 515Best Practices for JavaScript 516Understanding JSON 517Summary 518Q&A 518Workshop 519Exercises 522Lesson 21: Working with the Document Object Model (DOM) 523Understanding the Document Object Model 523Using window Objects 524Working with the document Object 525Accessing Browser History 528Working with the location Object 530More About the DOM Structure 531Working with DOM Nodes 534Creating Positionable Elements (Layers) 536Hiding and Showing Objects 541Modifying Text in a Page 543Adding Text to a Page 545Summary 547Q&A 547Workshop 548Exercises 550Lesson 22: Using JavaScript Variables, Strings, and Arrays 551Using Variables 552Understanding Expressions and Operators 555Data Types in JavaScript 556Converting Between Data Types 557Using String Objects 558Working with Substrings 562Using Numeric Arrays 564Using String Arrays 565Sorting a Numeric Array 567Using Functions 570Introducing Objects 575Using Objects to Simplify Scripting 577Extending Built-in Objects 582Using the Math Object 583Working with Math Methods 585Working with Dates 587Summary 590Q&A 590Workshop 591Exercises 594Lesson 23: Controlling Flow with Conditions and Loops 595The if Statement 595Using Shorthand Conditional Expressions 599Testing Multiple Conditions with if and else 600Using Multiple Conditions with switch 602Using for Loops 604Using while Loops 606Using do...while Loops 607Working with Loops 607Looping Through Object Properties 609Summary 612Q&A 612Workshop 613Exercises 615Lesson 24: Responding to Events and Using Windows 617Understanding Event Handlers 618Using Mouse Events 623Using Keyboard Events 627Using the load and unload Events 630Using click to Change the Appearance of a 631Controlling Windows with Objects 638Moving and Resizing Windows 643Using Timeouts 645Displaying Dialog Boxes 648Summary 650Q&A 650Workshop 651Exercises 654Lesson 25: JavaScript Best Practices 655Scripting Best Practices 655Reading Browser Information 666Cross-Browser Scripting 669Supporting Non-JavaScript-Enabled Browsers 671Creating an Unobtrusive Script 674Summary 677Q&A 677Workshop 677Exercises 680Lesson 26: Using Third-Party JavaScript Libraries and Frameworks 681Using Third-Party JavaScript Libraries 681Adding JavaScript Effects by Using a Third-Party Library 686Using JavaScript Frameworks 689Summary 691Q&A 691Workshop 692Exercises 694PART VI: ADVANCED WEBSITE FUNCTIONALITY AND MANAGEMENTLesson 27: Working with Web-Based Forms 695How HTML Forms Work 695Creating a Form 696Accepting Text Input 702Naming Each Piece of Form Data 703Labeling Each Piece of Form Data 703Grouping Form Elements 705Exploring Form Input Controls 706Using HTML5 Form Validation 716Submitting Form Data 718Accessing Form Elements with JavaScript 720Summary 723Q&A 725Workshop 725Exercises 728Lesson 28: Organizing and Managing a Website 729When One Page Is Enough 730Organizing a Simple Site 732Organizing a Larger Site 735Optimizing Your Site for Search Engines 738Writing Maintainable Code 740Thinking About Version Control 743Using HTML and CSS Frameworks 745Summary 746Q&A 746Workshop 747Exercises 750Index 751

Read more less

Book Synopsis Lee Donahoe is cofounder of Learn Enough and is an entrepreneur, designer, and front-end developer. At the age of 16 his late father handed him a tutorial on HTML, and for more than 25 years since then he has been creating things for the Web. In addition to doing the design and front-end development for Learn Enough, Softcover, and the Ruby on Rails Tutorial, he is also a cofounder and front-end developer for Coveralls, a leading test coverage analysis service, and is tech cofounder and front-end developer for Buck Mason, a Los Angeles based clothing company once featured on ABC's Shark Tank. Lee is a graduate of USC, where he studied economics as well as multimedia and creative technologies. Michael Hartl created the legendary Ruby on Rails Tutorial that helped jumpstart thousands of web development careers. A cofounder and principal author at Learn Enough, Hartl previously earned a Ph.D. in physics at the CTable of ContentsPreface xvii About the Authors xxiii Part I: Hypertext Markup Language 1 Chapter 1: Basic HTML 3 1.1 Introduction 6 1.2 HTML Tags 8 1.3 Starting the Project 12 1.4 The First Tag 17 1.5 An HTML Skeleton 20 Chapter 2: Filling in the Index Page 29 2.1 Headings 29 2.2 Text Formatting 31 2.3 Links 35 2.4 Adding Images 41 Chapter 3: More Pages, More Tags 51 3.1 An HTML Page About HTML 51 3.2 Tables 54 3.3 Divs and Spans 62 3.4 Lists 66 3.5 A Navigation Menu 68 Chapter 4: Inline Styling 73 4.1 Text Styling 74 4.2 Floats 79 4.3 Applying a Margin 82 4.4 More Margin Tricks 85 4.5 Box Styling 88 4.6 Navigation Styling 90 4.7 A Taste of CSS 93 4.8 Conclusion 98 Part II: Cascading Style Sheets and Page Layout 101 Chapter 5: Introduction to CSS 103 5.1 You're a Front-End Developer 106 5.2 CSS Overview and History 109 5.3 Sample Site Setup 116 5.4 Start Stylin' 121 5.5 CSS Selectors 128 Chapter 6: The Style of Style 133 6.1 Naming Things 134 6.2 When and Why 137 6.3 Priority and Specificity 140 6.4 How to Be a Good Styling Citizen 145 Chapter 7: CSS Values: Color and Sizing 157 7.1 CSS Color 157 7.2 Introduction to Sizing 163 7.3 Pixels (and Their Less-Used Cousin, the Point) 164 7.3.1 Exercise 168 7.4 Percentages 169 7.4.1 Percentage Fonts 174 7.4.2 Exercises 174 7.5 em 175 7.6 rem Isn't Just for Dreaming 181 7.7 vh, vw: The New(er) Kids on the Block 184 7.8 Just Make It Look Nice 190 Chapter 8: The Box Model 193 8.1 Inline vs. Block 193 8.2 Margins, Padding, and Borders 199 8.3 Floats 206 8.4 A Little More About the overflow Style 214 8.5 Inline Block 219 8.6 Margins for Boxes 223 8.7 Padding . . . Not Just for Chairs 234 8.8 Fun with Borders 235 Chapter 9: Laying It All Out 251 9.1 Layout Basics 251 9.2 Jekyll 253 9.3 Layouts, Includes, and Pages (Oh My!) 259 9.4 The Layout File 261 9.5 CSS File and Reset 264 9.6 Includes Intro: Head and Header 275 9.7 Advanced Selectors 284 9.8 Positioning 291 9.9 Fixed Header 309 9.10 A Footer, and Includes in Includes 312 Chapter 10: Page Templates and Frontmatter 327 10.1 Template Content 327 10.2 There's No Place Like Home 330 10.3 More Advanced Selectors 342 10.4 Other Pages, Other Folders 356 Chapter 11: Specialty Page Layouts with Flexbox 361 11.1 Having Content Fill a Container 363 11.2 Vertical Flex Centering 371 11.3 Flexbox Style Options and Shorthand 375 11.4 Three-Column Page Layout 381 11.5 A Gallery Stub 386 Chapter 12: Adding a Blog 397 12.1 Adding Blog Posts 398 12.2 Blog Index Content Loop 412 12.3 A Blog Post Page 419 Chapter 13: Mobile Media Queries 429 13.1 Getting Started with Mobile Designs 429 13.2 Mobile Adaptation 438 13.3 Mobile Viewport 449 13.4 Dropdown Menu 453 13.5 Mobile Dropdown Menu 463 Chapter 14: Adding More Little Touches 475 14.1 Custom Fonts 475 14.2 Favicons 488 14.3 Custom Title and Meta Description 490 14.4 Next Steps 497 Chapter 15: CSS Grid 499 15.1 CSS Grid at a High Level 501 15.2 A Simple Grid of Content 504 15.3 minmax, auto-fit, and auto-fill 515 15.4 Grid Lines, Areas, and Layouts 527 15.5 Grid on the Inside 556 15.6 Conclusion 589 Part III: Custom Domains 591 Chapter 16: A Name of Our Own 593 16.1 Custom Domain Registration 594 16.2 Cloudflare Setup 599 16.3 Custom Domains at GitHub Pages 606 Chapter 17: Custom Email 619 17.1 Google Mail 619 17.2 MX Records 622 17.3 Site Analytics 626 17.4 Conclusion 630 Index 635

Read more less

Book SynopsisThe easy way to brush up on your HTML & CSS programming skills HTML & CSS Essentials For Dummies is your quick and handy reference to all the core concepts of HTML & CSSthe must-know markup and style languages that make the internet go. This no-nonsense book gets right to the point, eliminating review material, wordy explanations, and fluff. Understand all the fundamentals of HTML and CSS, quickly. Perfect for a brush-up on the basics or as an everyday desk reference on the job, this is the reliable little book you can always turn to for answers. Get simple explanations of the basic concepts of coding with HTML & CSSReview what you've already learned or pick up essential new skillsCreate attractive and functional front ends for websites of all kindsKeep this concise reference book handy for jogging your memory as you work This book is clear and direct, focusing on the key topics you need to know about defining a website's user interface. Great for supplementing classroom learning, revi

Read more less

Book SynopsisEverything you need to build websites with the newest versions of HTML and CSS If you develop websites, you know that the goal posts keep moving, especially now that your website must work on not only traditional desktops, but also on an ever-changing range of smartphones and tablets.Table of ContentsIntroduction xxxiii Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML5 2 Attribute Groups 9 Core Elements 13 Basic Text Formatting 17 Understanding Block and Inline Elements 24 Grouping Content 25 Working with Lists 30 Summary 35 Chapter 2: Fine-tuning Your Text 39 Elements That Describe Text-Level Semantics 39 Editing Text 49 Using Character Entities for Special Characters 51 Comments 51 Summary 52 Chapter 3: Links and Navigation 55 Basic Links 56 Understanding Directories and Directory Structures 60 Understanding URLs 61 Creating In-Page Links with the Element 65 Advanced E-mail Links 74 Summary 75 Chapter 4: Images, Audio, and Video 79 Adding Images Using the Element 80 Using Images as Links 84 Choosing the Right Image Format 85 Adding Flash, Video, and Audio to Your Web Pages 95 Summary 106 Chapter 5: Tables 111 Introducing Tables 111 Adding a Caption to a Table 122 Grouping Sections of a Table 123 Nested Tables 129 Accessible Tables 130 Summary 135 Chapter 6: Forms 139 Introducing Forms 140 Creating a Form with the Element 143 Form Controls 145 Creating a Contact Form 172 Creating Labels for Controls and the Element 174 Structuring Your Forms with and Elements 176 Focus 177 Disabled and Read-Only Controls 181 Sending Form Data to the Server 183 Creating More Usable Form Fields 185 Summary 187 Chapter 7: Cascading Style Sheets 191 Introducing CSS 192 Where You Can Add CSS Rules 197 CSS Properties 201 Controlling Text 203 Text Formatting 210 Text Pseudo-Classes 220 Styling Text 221 Selectors 224 Lengths 231 Introducing the Box Model 233 Creating a Style Sheet for Code 248 Summary 252 Chapter 8: More Cascading Style Sheets 257 Links 258 Backgrounds 259 Lists 267 Tables 271 Outlines 280 The :focus and :active Pseudo-Classes 282 Generated Content 283 Miscellaneous Properties 288 Additional Rules 291 Positioning and Layout with CSS 293 Summary 308 Chapter 9: Rounded Corners, Animations, Custom Fonts, and More with Css3 311 The Modular Approach of CSS 3 312 Mature CSS3 Modules 312 New and In-Development Modules 326 Summary 336 Chapter 10: Learning Javascript 339 What Is Programming About? 340 How to Add a Script to Your Pages 343 Create an External JavaScript 345 The Document Object Model 346 Starting to Program with JavaScript 347 Variables 349 Operators 351 Functions 354 Conditional Statements 357 Looping 360 Events 363 Built-in Objects 364 Writing JavaScript 377 Summary 380 Chapter 11: Working with Jquery 383 Why jQuery? 384 Adding jQuery to Your Page 384 jQuery Basics 386 jQuery and the DOM 387 Managing Events with jQuery 397 Summary 403 Chapter 12: JQuery: Beyond the Basics 407 Ajax with jQuery 407 jQuery UI 420 Summary 433 Chapter 13: Checklists 437 Search Engine Optimization Checklist 437 Accessibility Checklist 441 Appendix A: Answers to Exercises 447 Chapter 1 447 Chapter 2 448 Chapter 3 449 Chapter 4 451 Chapter 5 454 Chapter 6 455 Chapter 7 458 Chapter 8 463 Chapter 9 466 Chapter 10 468 Chapter 11 470 Chapter 12 472 Chapter 13 474 Appendix B: Html Element Reference 475 Appendix C: CSS Properties 515 Font Properties 515 Text Properties 518 Color and Background Properties 521 Border Properties 523 Dimensions 525 Margin Properties 528 Padding Properties 528 List Properties 529 Positioning Properties 531 Outline Properties 534 Table Properties 535 Classification Properties 537 Internationalization Properties 538 Selected CSS3 Properties 539 Lengths 548 Appendix D: Color Names and Values 551 Using Hex Codes to Specify Colors 551 Understanding Hex Codes 553 Using Color Names to Specify Colors 554 Color Name and Number Reference 555 Appendix E: Character Encodings 561 Appendix F: Special Characters 565 Character Entity References for ISO 8859-1 Characters 566 Character Entity References for Symbols, Mathematical Symbols, and Greek Letters 570 Character Entity References for Markup-Significant and Internationalization Characters 575 Appendix G: Language Codes 577 Appendix H: Mime Media Types 583 Text 584 Image 585 Multipart 586 Audio 586 Video 588 Message 589 Model 590 Application 590 Appendix I: Changes Between Html4 and Html5 595 New Elements 595 New Element Types 596 New Attributes 597 Global Attributes 598 Changed Attributes 598 Obsolete Elements 600 Obsolete Attributes 600 At-Risk Elements 602 Index 603

Read more less

Book SynopsisCovers different aspects of web page design, from typography and color to layout. This book helps you learn which pieces of HTML and CSS deserve focus, and which can be abandoned. It also lets you discover how the two technologies tightly mesh.

Read more less

Book SynopsisWeb developers - this is your all-in-one guide to HTML and CSS! Learn to use HTML to format text and structure web pages. Understand the HTML document skeleton before creating forms, referencing hyperlinks, embedding active content, and more. Then style your pages with CSS.

Read more less

Book Synopsis

Read more less

Book SynopsisLevel-up your HTML and CSS web development skills with this dynamic, visual guide Teach Yourself VISUALLY HTML and CSS is the perfect resource for those of you who prefer to learn visually and would rather be shown how to do something with crystal-clear screenshots and easy explanations than suffer through long-winded explanations. You'll find step-by-step walkthroughs showing you how to tackle over 120 individual tasks involving HTML and CSS. Each task-based spread covers a single technique, ensuring you learn first the basics and then more advanced topics one straightforward piece at a time. You''ll learn to write HTML code in a text editor or an integrated development environment, add and format text, prepare images for the web, insert links to other pages, control layout with style sheets, add JavaScript to a web page, and more. You'll also discover how to: Create websites that look great in 2023 and beyond with classic HTML and skills and tTable of ContentsChapter 1 Getting Ready to Create Websites Grasp How the Web Works 4 Understanding HTML, CSS, and Responsive Web Design 6 Understanding Static and Dynamic Web Pages 8 What Is a Responsive Website? 9 Understanding Tools for Creating Web Pages 10 Prepare to Create Your Website 12 Install Visual Studio Code 14 Meet and Configure Visual Studio Code 16 Install GIMP 20 Install the Major Browsers 22 Create a Folder Structure for Your Website 24 Chapter 2 Creating Your First Web Pages Study the Anatomy of a Web Page 28 Tell Visual Studio Code Which Folder to Use 30 Create Your First Web Page 32 Open the Web Page in a Browser 34 Add Headings and Text 36 Nest One Element Within Another Element 38 Add Comments 39 Apply Direct Formatting 40 View a Page’s Source Code 41 Validate a Web Page 42 Create Another Web Page 44 Understanding the Essentials of Hyperlinks 45 Create a Hyperlink Between Your Web Pages 46 Interpret HTTP Status Codes 48 Chapter 3 Structuring a Web Page Meet the Elements for Structuring Web Pages 52 Select Items with span and div Elements 54 Create header Elements and footer Elements 56 Add article Elements to a Page 58 Create Pull Quotes with the aside Element 60 Divide a Page Using section Elements 62 Create Collapsible Sections 64 Chapter 4 Including Images Grasp the Essentials of Web Image Formats 68 Launch GIMP and Perform Essential Moves 70 Rotate or Straighten an Image 74 Crop an Image 76 Resize an Image 78 Reduce the Number of Colors in an Image 80 Convert an Image to the Format You Need 82 Learn the HTML for Images 84 Insert an Image 86 Create a Figure with a Caption 88 Chapter 5 Working with Links Grasp the Essentials of Links 92 Create a Link to a Web Page 94 Create a Link to Elsewhere on the Same Web Page 96 Specify the ScreenTip for a Link 98 Redirect the Browser to a Different Page 99 Create a Link for Downloading a File 100 Create a Link That Starts an Email Message 101 Create a Link from an Image 102 Create Multiple Links from an Image 104 Include an Audio File in a Web Page 108 Include a Video File in a Web Page 110 Embed a YouTube Video in a Web Page 112 Chapter 6 Creating Lists and Tables Grasp the Different Types of Lists 116 Create a Numbered List 118 Create a Bulleted List 120 Create a Definition List 122 Nest One List Inside Another List 124 Learn the HTML for Tables 126 Create a Table 128 Add Rows or Columns to a Table 130 Specify Table Width and Column Width 132 Format Table Borders 134 Adjust Table Padding and Spacing 136 Create Groups of Columns 138 Align Tables, Rows, and Cells 140 Create Cells That Span Rows or Columns 142 Set a Background Color or Image for a Table 143 Nest One Table Inside Another Table 144 Chapter 7 Getting Started with CSS Grasp How CSS Works 148 Format Elements with Inline CSS 150 Format a Page Using Internal CSS 152 Create an External CSS File 154 Link an External CSS File to a Web Page 156 Distinguish Element, Class, and ID Selectors 158 Apply Styles Using Element Selectors 159 Apply Styles Using Class Selectors 160 Apply Styles Using ID Selectors 162 Chapter 8 Formatting Text with CSS Understanding Fonts and How to Use Them 166 Specify the Font Family 168 Set the Font Size and Font Weight 170 Adjust Line Height and Letter Spacing 172 Create Superscripts and Subscripts 174 Understanding Ways to Set Color in CSS 176 Set Font Color 177 Apply Text Shadows 178 Display Monospaced Font 179 Apply Text Decoration 180 Understanding HTML Entities 182 Insert Special Characters with HTML Entities 184 Insert Emojis 185 Using Custom Fonts on Web Pages 186 Chapter 9 Sizing and Positioning with CSS Understanding Pseudo-Classes 190 Apply Contextual Formatting with Pseudo-Classes 192 Understanding CSS Combinators 194 Target Elements Using CSS Combinators 196 Understanding Pseudo-Elements 198 Apply CSS to Pseudo-Elements 200 Override CSS by Using the ! important Declaration 202 Understanding the CSS Box Model 204 Understanding Ways of Sizing Elements 206 Specify the Size for an Element 208 Specify Padding and Borders for an Element 210 Set Margins to Control Element Spacing 212 Understanding CSS Positioning Essentials 214 Create Block Quotes 216 Fix an Element in Place in the Viewport 218 Float an Element Beside Another Element 220 Understanding the display Property 222 Control the Display of an Element 223 Create a Flexbox Layout 224 Chapter 10 Creating Responsive and Appealing Pages Understanding the Tools for Creating Responsive Pages 228 Apply Relative Sizing 230 Add Media Queries to a Page 232 Set Tap Targets for Touch Screens 234 Set the Viewport Size 236 Check Your Pages on Various Devices and Screens 238 Understanding How CSS Gradients Work 240 Apply a Linear Gradient to an Element 242 Apply a Radial Gradient to an Element 244 Using Sprites 246 Understanding CSS Animations 248 Apply Transitions to HTML Elements 250 Create a Keyframe Animation 252 Chapter 11 Creating Forms Grasp Web Form Essentials 256 Create a Form 258 Add Text Input Controls to a Form 260 Add Radio Buttons to a Form 262 Add Check Boxes to a Form 264 Add a Drop-Down List of Options to a Form 266 Add Command Buttons to a Form 268 Chapter 12 Taking Your Website to the Next Level Understanding How Search Engines Work 272 Optimize Your Website for Search Engines 274 Guide Search Spiders with a robots.txt File 276 Understanding Accessibility Issues for Websites 278 Meet Chrome’s Live Development Tools 280 Troubleshoot CSS with Chrome DevTools 282 Using a Staging Server 288 Understanding Front-End Frameworks 290 Index 292

Read more less

Book SynopsisTable of ContentsIntroduction 1 Book 1: Getting Started 5 Chapter 1: Getting Acquainted with HTML, CSS, and JavaScript 7 Chapter 2: Getting Ready to Code 39 Chapter 3: Finding and Setting Up a Web Host 47 Chapter 4: Testing and Validating Your Code 59 Book 2: Learning HTML Basics 77 Chapter 1: Building Good Bones: Structuring the Page 79 Chapter 2: Adding Links, Lists, and Other Text Tidbits 97 Chapter 3: Working with Images, Video, and other Media 123 Chapter 4: Building Tables with Your Bare Hands 143 Chapter 5: Using Forms to Make a Page Interactive 163 Chapter 6: Making Your Web Pages Accessible 181 Book 3: Learning CSS Basics 203 Chapter 1: Figuring Out the CSS Box Model 205 Chapter 2: Getting to Know the CSS Selectors 235 Chapter 3: Pseudo School: Learning Pseudo-Classes and Pseudo-Elements 251 Chapter 4: Making CSS Make Sense 287 Chapter 5: Taking the Measure of CSS 321 Chapter 6: Fancifying Pages with Colors and Backgrounds 337 Chapter 7: Taking Your Text Up a Notch with Web Typography 363 Book 4: Building Dynamic Pages with JavaScript 397 Chapter 1: JavaScript: The Bird’s-Eye View 399 Chapter 2: Understanding Variables 411 Chapter 3: Building Expressions 427 Chapter 4: Controlling the Flow of JavaScript 457 Chapter 5: Harnessing the Power of Functions 481 Chapter 6: Playing with the Document Object Model 513 Chapter 7: Working with Arrays 553 Chapter 8: Manipulating Strings, Dates, and Numbers 583 Chapter 9: Storing User Data in the Browser 617 Chapter 10: Debugging Your Code 627 Chapter 11: Processing Form Data 649 Book 5: Looking Good with Layouts 673 Chapter 1: Exploring Some Layout Basics 675 Chapter 2: Getting Fancy with Flexbox 703 Chapter 3: Laying Out a Page with CSS Grid 737 Chapter 4: Creating Responsive Layouts 765 Index 801

Read more less

Book SynopsisTired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up Head First HTML and really learned HTML. You want to learn HTML so you can finally create those web pages you've always wanted, so you can communicate more effectively with friends, family, fans, and fanatic customers.

Read more less

Book SynopsisA 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.Trade ReviewThis beautifully designed manual explains how to use HTML in a concise readable format...A wonderful resource. (.net, June 2012) A refreshing take on the subject. The title provides a great overview without feeling like a textbook. (Computer Arts, June 2012)Table of ContentsIntroduction 2 Chapter 1: Structure 12 Chapter 2: Text 40 Chapter 3: Lists 62 Chapter 4: Links 74 Chapter 5: Images 94 Chapter 6: Tables 126 Chapter 7: Forms 144 Chapter 8: Extra Markup 176 Chapter 9: Flash, Video & Audio 200 Chapter 10: Introducing CSS 226 Chapter 11: Color 246 Chapter 12: Text 264 Chapter 13: Boxes 300 Chapter 14: Lists, Tables & Forms 330 Chapter 15: Layout 358 Chapter 16: Images 406 Chapter 17: HTML5 Layout 428 Chapter 18: Process & Design 452 Chapter 19: Practical Information 476 Index 493

Read more less

Book SynopsisDiscover the thorough instruction you need to build dynamic, interactive Web sites from scratch with NEW PERSPECTIVES ON HTML5, CSS3, AND JAVASCRIPT, 6E. This user-friendly book provides comprehensive coverage of HTML, CSS, and JavaScript with an inviting approach that starts with the basics and does not require any prior knowledge on the subject. Detailed explanations of key concepts and skills make even the most challenging topics clear and accessible. Case scenarios and case problems place the most complex concepts within an understandable and practical context. You develop important problem solving skills as you work through realistic exercises. Proven applications and an interesting approach help you retain the material and apply what you've learned in a professional environment.Table of ContentsTutorial 1. Getting Started with HTML5 Tutorial 2. Getting Started with CSS Tutorial 3. Designing a Page Layout Tutorial 4. Graphic Design with CSS Tutorial 5. Designing for the Mobile Web Tutorial 6. Working with Tables and Columns Tutorial 7. Designing a Web Form Tutorial 8. Enhancing a Website with Multimedia Tutorial 9. Getting Started with JavaScript Tutorial 10. Exploring Arrays, Loops, and Conditional Statements Tutorial 11. Working with Events and Styles Tutorial 12. Working with Document Nodes and Style Sheets Tutorial 13. Programming for Web Forms Tutorial 14. Exploring Object-Based Programming Appendix A. Color Names with Color Values, and HTML Character Entities Appendix B. HTML Elements and Attributes Appendix C Cascading Styles and Selectors Appendix D Making the Web More Accessible Appendix E: Designing for the Web Appendix F: Page Validation with XHTML

Read more less

Book SynopsisHarness the latest capabilities of HTML5 and CSS to create a single UI that works flawlessly on mobile phones, tablets, and desktops — plus everything in-between – now with color images!Purchase of the print or Kindle book includes a free eBook in PDF format.Key Features Understand what responsive web design is and its significance for modern web development Explore the latest developments in responsive web design and CSS, including layout with Grid and Subgrid, CSS Cascade Layers, Wide Gamut colors, and CSS Functions Get to grips with the uses and benefits of new HTML elements and attributes Book DescriptionResponsive Web Design with HTML5 and CSS, Fourth Edition, is a fully revamped and extended version of one of the most comprehensive and bestselling books on the latest HTML5 and CSS techniques for responsive web design. It emphasizes pragmatic application, teaching you the approaches needed to build most real-life websites, with downloadable examples in every chapter.Written in the author's friendly and easy-to-follow style, this edition covers all the newest developments and improvements in responsive web design, including approaches for better accessibility, variable fonts and font loading, and the latest color manipulation tools making their way to browsers. You can enjoy coverage of bleeding-edge features such as CSS layers, container queries, nesting, and subgrid.The book concludes by exploring some exclusive tips and approaches for front-end development from the author.By the end of the book, you will not only have a comprehensive understanding of responsive web design and what is possible with the latest HTML5 and CSS, but also the knowledge of how to best implement each technique. Read through as a complete guide or dip in as a reference for each topic-focused chapter.What you will learn Use media queries, including detection for touch/mouse and color preference Learn HTML semantics and author accessible markup Facilitate different images depending on screen size or resolution Write the latest color functions, mix colors, and choose the most accessible ones Use SVGs in designs to provide resolution-independent images Create and use CSS custom properties, making use of new CSS functions including 'clamp', 'min', and 'max' Add validation and interface elements to HTML forms Enhance interface elements with filters, shadows, and animations Who this book is forAre you a full-stack or back-end developer who needs to improve their front-end skills? Perhaps you work on the front-end and you need a definitive overview of all modern HTML and CSS has to offer? Maybe you have done a little website building but you need a deep understanding of responsive web designs and how to achieve them? This is the book for you! All you need to take advantage of this book is a working understanding of HTML and CSS. No JavaScript knowledge is needed.Table of ContentsTable of Contents The Essentials of Responsive Web Design Writing HTML Markup Media Queries and Container Queries Fluid Layout and Flexbox Layout with CSS Grid CSS Selectors, Typography, and More CSS Colour Stunning Aesthetics with CSS Responsive Images SVG Transitions, Transformations, and Animations Custom Properties and CSS Functions Forms Cutting-Edge CSS Features Bonus Techniques and Parting Advice

Read more less

Book Synopsis

Read more less

Book Synopsis

Read more less

Book Synopsis

Read more less

Book SynopsisUntil 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 HTML5 and CSS3. Now, this 4th Edition updates and improves all the HTML and CSS content in the book...and it adds coverage of Flexible Box and Grid Layout, two new CSS3 ways to implement page layouts. So 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 HTML5 and CSS3 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 16 shows you how to use CSS3 transitions, transforms, and animations. Chapters 17 and 18 show you how to design and deploy a website. Chapters 19 and 20 introduce other professional skills like how to use JavaScript and jQuery and how to use development tools like Bootstrap, SASS, and Emmet. And after youve learned all the skills that you need, this book becomes the best on-the-job reference youve ever used.

Read more less

Book SynopsisIntroduce your students to the latest, industry-leading, website development practices with the newest book in the remarkable Shelly Cashman Series. For more than three decades, the Shelly Cashman Series has effectively introduced computer skills to millions of students. Now, Minnick's HTML5 AND CSS3: COMPREHENSIVE, 8E makes a huge leap forward, bringing today's best practices in website development into focus with meaningful applications. The webpage development process starts with a semantic wireframe and weaves proven principles of responsive design into each chapter. This edition contains a raft of new, fresh projects that logically build in complexity and also probe for understanding. This edition and accompanying teaching resources strive to not only help you teach valid HTLM and CSS, but also help you reveal deeper conceptual issues essential to the field of web development.Table of Contents1. Introduction to the Internet and Web Page Design 2. Build a Website with HTML5 3. Enhance a Website with Links and Images 4. Style a Website with CSS 5. Design for Multiplatform Display with Responsive Design 6. Complete Responsive Design for Desktop Display and Add CSS3 Features 7. Discover New Layouts with HTML Tags 8. Create Tables and Forms 9. Excite with Audio and Video 10. Integrate Social Media 11. Website Maintenance 12. Publish and Promote a Website Appendix A. HTML Quick Reference Appendix B. CSS Quick Reference Appendix C. Web Safe Colors Appendix D. Accessibility Standards and the Web Appendix E. Symbols and Characters Quick Reference

Read more less

Book SynopsisA 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.Table of ContentsIntroduction 2 Chapter 1: Structure 12 Chapter 2: Text 40 Chapter 3: Lists 62 Chapter 4: Links 74 Chapter 5: Images 94 Chapter 6: Tables 126 Chapter 7: Forms 144 Chapter 8: Extra Markup 176 Chapter 9: Flash, Video & Audio 200 Chapter 10: Introducing CSS 226 Chapter 11: Color 246 Chapter 12: Text 264 Chapter 13: Boxes 300 Chapter 14: Lists, Tables & Forms 330 Chapter 15: Layout 358 Chapter 16: Images 406 Chapter 17: HTML5 Layout 428 Chapter 18: Process & Design 452 Chapter 19: Practical Information 476 Index 493

Read more less

Book Synopsis

Read more less

Book SynopsisThe indispensable introductory reference guide to HTML, XHTML and CSS Even though new technologies enable people to do much more with the Web, in the end HTML, XHTML and CSS are still at the root of any Web site.Trade ReviewThis is the perfect book for beginners in web development and will show you everything you need to know to get started (YoctoCon.com, July 2012)Table of ContentsForeword xix Introduction 1 Part I: Getting to Know (X)HTML and CSS 7 Chapter 1: The Least You Need to Know about HTML, CSS, and the Web 9 Chapter 2: Creating and Viewing a Web Page 31 Chapter 3: Proper Planning Prevents Poor Page Performance 43 Part II: Formatting Web Pages with (X)HTML 61 Chapter 4: Creating (X)HTML Document Structure 63 Chapter 5: Text and Lists 73 Chapter 6: Linking to Online Resources 91 Chapter 7: Finding and Using Images 105 Part III: Taking Precise Control over Web Pages and Styles 119 Chapter 8: Deprecated (X)HTML Markup 121 Chapter 9: Introducing Cascading Style Sheets 129 Chapter 10: Using Cascading Style Sheets 147 Chapter 11: Getting Creative with Colors and Fonts 169 Part IV: Scripting and (X)HTML 189 Chapter 12: Top 20 CSS Properties191 Chapter 13: Scripting Web Pages 211 Chapter 14: Working with Forms 221 Chapter 15: Bring the Best of the Web to Your Web Site 251 Chapter 16: Fun with Client-Side Scripts265 Chapter 17: Content Management Systems 279 Part V: The Future of (X)HTML 291 Chapter 18: Mobile Web Design 293 Chapter 19: Party On with HTML5 305 Chapter 20: CSS3 325 Part VI: The Part of Tens 343 Chapter 21: Ten HTML Do's and Don'ts 345 Chapter 22: Ten Ways to Exterminate Web Bugs 353 Chapter 23: Ten Cool HTML Tools and Technologies 361 Appendix A: Twitter Supporters 373 Index 377

Read more less

Book SynopsisA new edition of a bestseller covers the latest advances in web development! HTML5 and CSS3 are essential tools for creating dynamic websites and boast updates and enhanced features that can make your websites even more effective and unique.Table of ContentsIntroduction 1 Part I: Creating the HTML Foundation 7 Chapter 1: Sound HTML Foundations 9 Chapter 2: It’s All About Validation 19 Chapter 3: Choosing Your Tools 33 Chapter 4: Managing Information with Lists and Tables 51 Chapter 5: Making Connections with Links 67 Chapter 6: Adding Images, Sound, and Video 77 Chapter 7: Creating Forms 105 Part II: Styling with CSS 129 Chapter 1: Coloring Your World 131 Chapter 2: Styling Text 149 Chapter 3: Selectors: Coding with Class and Style 175 Chapter 4: Borders and Backgrounds 197 Chapter 5: Levels of CSS 225 Chapter 6: CSS Special Effects 245 Part III: Building Layouts with CSS 263 Chapter 1: Fun with the Fabulous Float 265 Chapter 2: Building Floating Page Layouts 285 Chapter 3: Styling Lists and Menus 309 Chapter 4: Using Alternative Positioning 327 Part IV: Client-Side Programming with JavaScript 353 Chapter 1: Getting Started with JavaScript 355 Chapter 2: Talking to the Page 375 Chapter 3: Decisions and Debugging 399 Chapter 4: Functions, Arrays, and Objects 429 Chapter 5: Getting Valid Input 459 Chapter 6: Drawing on the Canvas 483 Chapter 7: Animation with the Canvas 511 Part V: Server-Side Programming with PHP 527 Chapter 1: Getting Started on the Server 529 Chapter 2: PHP and HTML Forms 549 Chapter 3: Using Control Structures 569 Chapter 4: Working with Arrays 587 Chapter 5: Using Functions and Session Variables 605 Chapter 6: Working with Files and Directories 617 Chapter 7: Exceptions and Objects 639 Part VI: Managing Data with MySQL 653 Chapter 1: Getting Started with Data 655 Chapter 2: Managing Data with MySQL 679 Chapter 3: Normalizing Your Data 705 Chapter 4: Putting Data Together with Joins 719 Chapter 5: Connecting PHP to a MySQL Database 741 Part VII: Integrating the Client and Server with AJAX 759 Chapter 1: AJAX Essentials 761 Chapter 2: Improving JavaScript and AJAX with jQuery 775 Chapter 3: Animating jQuery 795 Chapter 4: Using the jQuery User Interface Toolkit 819 Chapter 5: Improving Usability with jQuery 841 Chapter 6: Working with AJAX Data 859 Chapter 7: Going Mobile 883 Part VIII: Moving from Pages to Sites 909 Chapter 1: Managing Your Servers 911 Chapter 2: Planning Your Sites 933 Chapter 3: Introducing Content Management Systems 953 Chapter 4: Editing Graphics 977 Chapter 5: Taking Control of Content 995 Index 1015

Read more less

Book SynopsisYour full-color, friendly guide to getting started with HTML5 and CSS3! HTML and CSS are essential tools for creating dynamic websites and help make your websites even more effective and unique. This friendly-but-straightforward guide gets you started with the basics of the latest versions of HTML and CSS: HTML5 and CSS3. Introducing you to the syntax and structure of the languages, this helpful guide shows you how to create and view a web page, explains ideal usage of HTML5 and CSS3, walks you through the CSS3 rules and style sheets, addresses common mistakes and explains how to fix them, and explores interesting HTML5 tools. Serves as an ideal introduction to HTML5 and CSS3 for beginners with little to no web development experience Details the capabilities of HTML5 and CSS3 and how to use both to create responsive, practical, and well-designed websites Helps you understand how HTML5 and CSS3 are the foundation upon which hundreds of milTable of ContentsIntroduction 1 About this Book 2 Foolish Assumptions 3 Icons Used in This Book 4 Beyond the Book 4 Where to Go from Here 5 Part I: Getting Started with HTML and CSS on the Web 7 Chapter 1: An Overview of HTML and CSS on the Web 9 How and Where Web Pages Come to Life Online 10 HyperText 10 Content versus presentation 14 Web browsers 14 Getting to know Internet protocols 16 Understanding HTML and Its Versions 17 Different versions of HTML 17 Creating HTML markup 18 Building HTML documents 19 Understanding the Role of CSS 20 Different versions here, too 20 Creating CSS markup 21 Dissecting a Simple Markup Example 22 Where’s the HTML? 22 Where’s the CSS? 23 A partnership of equals 23 Chapter 2: Meeting the Structure and Components of HTML 25 Like Any Language: Syntax and Rules 25 Color-coding the markup 26 Breaking down the elements 27 Adding Attributes to Your HTML 29 Examining Entities in Markup 30 Non-ASCII characters 30 Character codes 31 (Special) tag characters 32 Organizing Web Pages 32 Organizing HTML text 34 Complementing and enhancing text 36 Chapter 3: Creating and Viewing a Web Page 37 Before You Get Started 37 Creating a Page from Scratch 39 Step 0: Gather your tools 39 Step 1: Planning a simple design 40 Step 2: Writing some HTML 41 Step 3: Saving your page 44 Step 4: Viewing your page 46 Editing an Existing Web Page 47 Posting Your Page Online 49 Part II: Getting the Structure and Text Right 51 Chapter 4: HTML Documents Need Good Structure 53 Establishing a Document Structure 53 HTML Document Organization Revisited 54 HTML DOCTYPE Starts Things Off 55 The Element 56 Anatomy of the 56 Meeting the himself 57 Handling metadata with 57 Redirecting users to another page 58 Naming your page with a

Read more less

Book Synopsis

Read more less

Book SynopsisIntroduce your students to the latest, industry-leading, website development practices with the newest book in the remarkable Shelly Cashman Series. For more than three decades, the Shelly Cashman Series has effectively introduced computer skills to millions of students. Now, Minnick's HTML5 AND CSS3: COMPLETE, 8E makes a huge leap forward, bringing today's best practices in website development into focus with meaningful applications. The webpage development process starts with a semantic wireframe and weaves proven principles of responsive design into each chapter. This edition contains a raft of new, fresh projects that logically build in complexity and also probe for understanding. This edition and accompanying teaching resources strive to not only help you teach valid HTLM and CSS, but also help you reveal deeper conceptual issues essential to the field of web development.Table of Contents1. Introduction to the Internet and Web Page Design 2. Build a Website with HTML5 3. Enhance a Website with Links and Images 4. Style a Website with CSS 5. Design for Multiplatform Display with Responsive Design 6. Complete Responsive Design for Desktop Display and Add CSS3 Features 7. Discover New Layouts with HTML Tags 8. Create Tables and Forms

Read more less

Book SynopsisUnlike basic guides, HTML Mastery is crafted for advanced users who want to take their markup further, making it leaner and more semantically rich. HTML Mastery discusses and demonstrates all available HTML tags, including less common ones, explains where and how to use them, and offers styling and scripting techniques that can be employed on sophisticated web sites. The book also explores advanced semantic tools that further improve the usability and semantic value of sites. HTML Mastery devotes an entire chapter to Microformats, and gives the reader a preview of XHTML 2.0 and Web Applications 1.0 — web standards of the future.Trade ReviewFrom the reviews: "This book presents in-depth coverage of HTML, and its new version … . The book is written for advanced Web designers. … Many code snippets and screen images complete the description of the tags and examples. This book will be useful to those designing and maintaining first-rate Web pages." (Claudiu Popescu, ACM Computing Reviews, September, 2008)Table of Contents Getting Started Using the Right Tag for the Right Job Table Mastery Form Mastery Purpose-Built Semantics: Microformats and Other Stories Recognizing Semantics Looking Ahead: XHTML 2.0 and Web Applications 1.0

Read more less