Introduction 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
Wheres the HTML? 22
Wheres 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
61</p><p>The<body> Is a BIG Container 61</p><p><b>Chapter 5: Text and Lists 63</b></p><p>Formatting Text 63</p><p>Paragraphs 65</p><p>Headings 66</p><p>Controlling Text Blocks 68</p><p>Block quotes 68</p><p>Preformatted text 69</p><p>Horizontal rules 71</p><p>Organizing Information 73</p><p>Numbered lists 73</p><p>Bulleted lists 75</p><p>Definition lists 77</p><p>Nesting lists 79</p><p><b>Chapter 6: Tip-Top Tables in HTML 81</b></p><p>How<table> Got a Bad Name in HTML 81</p><p>Whats in a Table? LOTS of Markup 82</p><p>Setting Up a Table Border 84</p><p>The Table Head (<thead>) and Its Elements 85</p><p>Managing Table Layouts 87</p><p>Making Good Table Bodies 89</p><p>Shaping a solid table 89</p><p>Sitting at the Footer of the Table 92</p><p>Exploring and Explaining a Table 92</p><p>Oh caption, my caption 93</p><p>Is the header dead yet? 93</p><p>Marching through the table body 94</p><p>Finishing with the footer 94</p><p><b>Chapter 7: Working with Forms in HTML 97</b></p><p>Exploring Types of Web Forms 97</p><p>Search forms 98</p><p>Data collection forms 99</p><p>Creating Forms 100</p><p>Structure 101</p><p>Input tags 102</p><p>Input fields 103</p><p>Form validation 113</p><p>Processing Data 115</p><p>Processing forms on your pages 115</p><p>Designing User-Friendly Forms 117</p><p>Other Noteworthy Forms-Related Markup 118</p><p>Form Frameworks 120</p><p><b>Part III: Adding Links, Images, and Other Media 123</b></p><p><b>Chapter 8: Getting Hyper with Links in HTML 125</b></p><p>Basic Links 101 125</p><p>Exploring link options 127</p><p>Avoiding common mistakes 129</p><p>Customizing Links 130</p><p>Opening new windows 130</p><p>Specifying locations in web pages 132</p><p>Linking to non-HTML resources 134</p><p><b>Chapter 9: Working with Images in HTML 139</b></p><p>The Role of Images in a Web Page 139</p><p>Creating Web-Friendly Images 140</p><p>Adding an Image to a Web Page 142</p><p>Image location 142</p><p>Using the<img> element 143</p><p>Adding alternative and title text 143</p><p>Specifying image size 146</p><p>Image borders and alignment 149</p><p>Images That Link 149</p><p>Triggering links 149</p><p>Building image maps 150</p><p><b>Chapter 10: Managing Media and More in HTML 153</b></p><p>The Battle of the Media Formats 154</p><p>Meet the major audio formats 155</p><p>Meet the major video formats 156</p><p>Comparing Traditional and HTML5 Media Handling 157</p><p>Mastering HTML5 Media Markup 158</p><p>Making beautiful music with audio 158</p><p>Moving media with video 159</p><p>Undergoing the conversion experience 162</p><p>Working with Web Page Controls 163</p><p>Displaying a meter bar 163</p><p>Tracking progress on activities 165</p><p>Tracking and reporting on time 166</p><p>Updating HTML5 controls 168</p><p><b>Part IV: Adopting CSS Style 169</b></p><p><b>Chapter 11: Advantages of Style Sheets 171</b></p><p>Advantages of Style Sheets 172</p><p>The four steps to style 173</p><p>Understanding the C in CSS 174</p><p>What CSS can do for a web page 174</p><p>Styling a Document with CSS 175</p><p>Using HTML5 Boilerplate 176</p><p>Normalize before you stylize 176</p><p>What you can do with CSS 180</p><p>Putting CSS in Its Place 182</p><p>Pixels, points, and dots Oh my! 182</p><p>Understanding the viewport 183</p><p>Property measurement values 184</p><p>About the CSS3 Standard 186</p><p><b>Chapter 12: CSS Structure and Syntax 191</b></p><p>Exploring CSS Structure and Syntax 191</p><p>Selectors and declarations 194</p><p>The selectors 195</p><p>Inheriting styles 204</p><p>Understanding the Cascade 205</p><p><b>Chapter 13: Using Different Kinds of Style Sheets 207</b></p><p>Applying Inline Styles 208</p><p>Getting to Know Internal Style Sheets 210</p><p>Understanding the<style> element 210</p><p>Figuring out internal style sheet scope 210</p><p>Working with External Style Sheets 212</p><p>CSS files 212</p><p>Link element attributes 213</p><p>Importing and when to use @import 214</p><p><b>Part V: Enhancing Your Pages Look and Feel 215</b></p><p><b>Chapter 14: Managing Layout and Positioning 217</b></p><p>Managing Layout 217</p><p>Tiny boxes 217</p><p>Block versus inline elements 219</p><p>Normal flow 222</p><p>Managing Positioning 225</p><p>About coordinates and offsets 226</p><p>Relative positioning 226</p><p>Absolute positioning 227</p><p>Floating 228</p><p>Using a Layout Generator 230</p><p><b>Chapter 15: Building with Boxes, Borders, and Buttons 233</b></p><p>Meeting the Box Model 233</p><p>Putting the Box Model into Practice 235</p><p>Specifying padding and margin widths 239</p><p>Adding borders 243</p><p>Aligning text 246</p><p>Indenting text 247</p><p>Creating buttons with CSS 247</p><p><b>Chapter 16: Using Colors and Backgrounds 251</b></p><p>Defining Color Values 251</p><p>Color names 251</p><p>Color numbers 253</p><p>Defining Color Definitions 255</p><p>Text 256</p><p>Links 256</p><p>Backgrounds 258</p><p>Advanced backgrounds 259</p><p><b>Chapter 17: Web Typography 261</b></p><p>Finding Out about Fonts 261</p><p>Font family 262</p><p>Sizing 265</p><p>Trying Out Text Treatments 268</p><p>Embolden with bold 268</p><p>Emphasizing with italic 269</p><p>Changing capitalization 270</p><p>Getting fancy with the text-decoration property 271</p><p>Checking Out the Catchall Font Property 272</p><p>Experimenting with Web Fonts 273</p><p>Font file formats 273</p><p>Finding fonts 274</p><p>Linking fonts 274</p><p>Using Google Fonts 275</p><p><b>Chapter 18: CSS Text and Shadow Effects 281</b></p><p>Creating Shadows 282</p><p>text-shadow 282</p><p>box-shadow 283</p><p>Creating Inset Text 284</p><p>Creating 3D Text 285</p><p>Creating a Letterpress Effect 286</p><p>Drop Shadows 287</p><p>Text Rotation 289</p><p><b>Chapter 19: Multimedia and Animation with CSS 291</b></p><p>Using CSS with Multimedia 291</p><p>Visual media styles 293</p><p>Paged media styles 299</p><p>Getting Animated 300</p><p>Using the animation properties 302</p><p>Creating animations with @keyframes 303</p><p>Animating color 303</p><p><b>Part VI: The Part of Tens 305</b></p><p><b>Chapter 20: Ten Keys to Mobile Web Design 307</b></p><p>Design for Different Mobile Devices 307</p><p>Design for People 310</p><p>Design for Small Screens 310</p><p>Design for Low Bandwidth 311</p><p>Design for Touch 311</p><p>Design for Distracted Surfers 313</p><p>Test on Many Mobile Devices 313</p><p>Design for Simplicity 314</p><p>Set Up Mobile Web Addresses 314</p><p>Include a Link to the Desktop Site 315</p><p><b>Chapter 21: Ten HTML Dos and Donts 317</b></p><p>Dont Lose Sight of Your Content 317</p><p>Do Structure Your Documents and Your Site 318</p><p>Do Make the Most from the Least 318</p><p>Do Build Attractive Pages 319</p><p>Dont Lose Track of Those Tags 319</p><p>Do Avoid Browser Dependencies 320</p><p>Dont Make It Hard to Navigate Your Wild and Woolly Web 321</p><p>Dont Think Revolution, Think Evolution 322</p><p>Dont Get Stuck in the Two-Dimensional-Text Trap 323</p><p>Dont Let Inertia Overcome You 323</p><p><b>Chapter 22: Ten Ways to Kill Web Bugs Dead 325</b></p><p>Make a List and Check It Twice 325</p><p>Master Text Mechanics 326</p><p>Lack of Live Links a Lousy Legacy 327</p><p>When Old Links Must Linger 328</p><p>Make Your Content Mirror Your World 328</p><p>Look for Trouble in All the Right Places 328</p><p>Cover All the Bases with Peer Reviews 329</p><p>Use the Best Tools of the Testing Trade 330</p><p>Schedule Site Reviews 330</p><p>Foster User Feedback 331</p><p>If You Give to Them, Theyll Give to You! 332</p><p><b>Chapter 23: Ten Cool HTML Tools and Technologies 333</b></p><p>WYSIWYG HTML Editors 334</p><p>Dreamweaver 334</p><p>Other WYSIWYG editors 335</p><p>Helper HTML Editors 335</p><p>Aptana Studio 335</p><p>Other helper editors 336</p><p>Inexpensive Graphics Editors 337</p><p>Professional Graphics Editors 337</p><p>Adobe Photoshop 338</p><p>Adobe Fireworks 338</p><p>W3C Link Checker 339</p><p>Other Link Checkers 339</p><p>HTML Validators 340</p><p>FTP Clients 341</p><p>Miscellaneous Helpful Web Tools 341</p><p><b>Part VII: Appendixes 343</b></p><p>Appendix A: Twitterati 345</p><p>Appendix B: About the Dummies HTML Site 349</p><p>About WordPress 349</p><p>The dashboard 349</p><p>Appearance and themes 350</p><p>Pages and posts 351</p><p>Widgets 351</p><p>Responsive Design 352</p><p>HTML5 Cafe 352</p><p>The home page 352</p><p>About Us 354</p><p>The Menu 354</p><p>Contact Us 354</p><p>HTML5 Boilerplate 355</p><p>Index 357</p> </div><div class='desc-title'>Beschreibung</div><div class='desc-text'><p><b>Your full-color, friendly guide to getting started with HTML5 and CSS3!</b></p><p>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.</p><ul><li>Serves as an ideal introduction to HTML5 and CSS3 for beginners with little to no web development experience</li><li>Details the capabilities of HTML5 and CSS3 and how to use both to create responsive, practical, and well-designed websites</li><li>Helps you understand how HTML5 and CSS3 are the foundation upon which hundreds of millions of web pages are built</li><li>Features full-color illustrations to enhance your learning process</li></ul><p><i>Beginning HTML5 and CSS3 For Dummies</i> is the perfect first step for getting started with the fundamentals of web development and design.</p> </div><div class='desc-title'>Autor</div><div class='desc-text'><p><b>Ed Tittel</b> is a 30-year veteran of the technology industry with more than 140 computing books to his credit, including the bestselling<i>HTML For Dummies</i>.<p><b>Chris Minnick</b> runs Minnick Web Services. He teaches, speaks, and consults on web-related topics and has contributed to numerous books, including<i>WebKit For Dummies</i>. </div></div>
</div>
</div>
</div></div></div>
<div class="used-details">
</div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext"><hr /><p> </p></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext"><p><span style="color: rgb(51, 204, 204);"><strong>Schlagwörter zu:</strong></span></p><p><strong>Beginning HTML5 and CSS3 For Dummies</strong> von <strong>Ed Tittel </strong>- mit der ISBN: <strong>9781118690758</strong></p><p>CSS3; Computer Science; HTML5; Informatik; Web Site Development / HTML; Web-Entwicklung / HTML, Online-Buchhandlung</p></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext"><hr /><p> </p></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext"><div id="divReviewFocus">
<div id="divReviewBlockData"><style>
.review-block-name{font-weight:bold}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-moz-transition: width .6s ease;
-ms-transition: width .6s ease;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}
.progress-bar-striped,
.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px
}
.progress-bar.active,
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
</style>
<h2 style="font-size: 135%;font-weight: 300; line-height:35px">Kunden Rezensionen: Beginning HTML5 and CSS3 For Dummies | Buch oder eBook | Ed Tittel</h2>
<div class="ratingblock" style="border: 1px solid #ebebeb;padding: 10px;">
<div class="row">
<div class="col-md-8">
Zu diesem Artikel ist noch keine Rezension vorhanden. <br /> Helfen sie anderen Besuchern und verfassen Sie selbst eine Rezension.
</div>
<div class='col-md-4'>
<a data-bind="click: btnReviewLoginClick" href='javascript:;' class='btn btn-warning'>> neue Rezension schreiben</a>
</div>
</div>
<div id='RatingDialog' class="row" style='display: none;'>
<input type='hidden' id='hdnEan' value="9781118690758" />
<input type="hidden" id="hdnTit" value="Beginning HTML5 and CSS3 For Dummies" />
<div class="col-md-8">
<strong>Bewertung</strong>
<div class='form-group'>
<span class='right ratinghelpful' style='margin-right: 12px;'>Bitte geben Sie eine Bewertung für diesen Artikel ab.</span>
<input id="input-newrating" data-step="1" data-show-caption="false" />
</div>
<div class='form-group'>
<label class="control-label">
<strong>Ihre Rezension</strong>
</label>
<textarea cols='20' rows='10' name='txtReviewFreeText' id='txtReviewFreeText' class='form-control' placeholder="Hier können Sie Ihre Bewertung abgeben."></textarea>
<div class="checkbox">
<label>
<input id='chkReviewAccept' type='checkbox' data-bind="checked: isConfirm" /> Dieser Beitrag wurde von mir selbst erstellt und nicht aus anderen Quellen kopiert. </label>
</div>
<div id="divReviewErrorMsg" class="form-group alert alert-danger alert-dismissable errormessage" data-bind="visible: (reviewConfirmmsg() !='')">
<label data-bind="text: reviewConfirmmsg"></label>
</div>
<a data-bind="click: btnAddReview" class="btn btn-warning" href='javascript:;'>Rezension eintragen ></a>
</div>
</div>
</div>
<hr />
</div></div>
</div></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext"><hr /><p> </p></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div class="freetext freelist"><h3 style="text-align: center;"><span style="font-size: medium;"><span style="color: rgb(0, 128, 128);">Kunden, die sich für: "Beginning HTML5 and CSS3 For Dummies" von Ed Tittel als Buch oder eBook</span></span></h3> <p style="text-align: center;"><span style="font-size: medium;"><span style="color: rgb(0, 128, 128);">interessiert haben, schauten sich auch die folgenden Bücher & eBooks an:</span></span></p></div>
</div>
</div>
<div class="row"> <div class="col-lg-12 col-md-12"><div id='me2DetailDiv' data-code='7211'></div>
</div>
</div>
</section></div></div></div> </div></div></div> <style>
.footer{margin-top:20px}@media only screen and (min-width: 480px) and (max-width: 767px){footer h3{border-bottom:1px #111 solid;padding-top:10px}.footer-content .address{line-height:2.5em}.footer-newsletter{padding:0 0 10px;margin-top:0;border-top:0 #111 solid}.footer-newsletter .newsletter-email{width:66%}.social ul,.footer-coppyright,.payment{text-align:center}#newsletter-form .input-box .input-text{width:100%}#newsletter-form .content-subscribe .actions, #newsletter-form .input-box{float:none}}.newsletter-email{float:left;font-size:13px;font-weight:400;border:1px solid #00c0bf!important;background:#fff;color:#666;padding:13px 12px;width:68%;margin-bottom:12px;border-radius:50px 0 0 50px;margin-right:0}.subscribe{border-radius:50px}.footer-newsletter{padding:0 10px 20px 10px;text-align:left;margin-top:15px;margin-bottom:30px;border-bottom:1px #111 solid}.newsletter-inner{display:inline-block;margin-top:15px;width:100%}@media (max-width: 991px){.copyright-footer{text-align:center}.payment-footer{text-align:center}}footer{overflow:hidden;background:#e9e9e9;padding-top:10px;color:#5e5e5e;font-size:90%;font-weight:300}footer h3, footer h4{font-size:18px;margin:0 0 8px;padding:0 0 6px;letter-spacing:1px;color:#000}.Zal{padding-left:48px}.footer-links ul{margin:0;padding:0}.footer-links ul li{list-style-type:none;padding:0 0 5px}.footer-links ul li a{transition:all 0.3s ease-in-out 0s;color:#5e5e5e}.footer-links ul li a:hover{transition:all 0.3s ease-in-out 0s;padding-left:10px;color:#00c0bf;font-weight:300}.email,.phone{margin-bottom:10px}.address{line-height:1.3em}.footer-coppyright{margin-top:20px;background-color:#dedcdd;padding:0 10px 8px;color:#747474}.coppyright{padding:14px 10p 8px}.footer-links{margin-bottom:15px}.newsletter-inner{margin-top:0}.promotion-center .text_large{margin:10px 18%}.footer-content p{display:inline-block;padding-left:5px;width:80%}.footer-content{padding:10px}.footer-newsletter h3{color:#747474;margin-top:12px;font-size:16px;margin-bottom:0;border:none;text-transform:uppercase;letter-spacing: .5px;margin-top:15px;padding-bottom:0;font-weight:600}.footer-newsletter p{font-size:13px;font-weight:400;color:#eee;text-align:left;text-transform:none;margin-top:8px}.footer-newsletter .email{text-transform:none;float:left}.footer-newsletter .subscribe{text-transform:uppercase;font-size:14px;font-weight:400;float:left;color:#fff;text-decoration:none;background:#00c0bf;height:43px;border:0 #000 solid;border-radius:0 50px 50px 0}.footer-newsletter .subscribe:hover{border:0 #000 solid;background:#000;color:#fff}.social ul.inline-mode li a{border:0 solid #666;border-radius:0;color:#fff;font-size:14px;height:36px;line-height:36px;width:36px;display:inline-block;text-align:center;border-radius:50px}.social .fb a:hover, .social .instagram a:hover, .social .tw a:hover{background:#f23534}.social h4{margin:25px 0 5px}.social ul{margin:0;list-style:none;text-align:right}.social ul li{margin-left:7px;display:inline-block}.social ul li:first-child{margin-left:0}.social a{transition:background 0.4s ease-in-out;-webkit-transition:background 0.4s ease-in-out;-moz-transition:background 0.4s ease-in-out;-o-transition:background 0.4s ease-in-out}.footer-links{padding-left:10px}.footer-newsletter .subscribe{background:#00c0bf url(/content/css/sprite/sprite_new2.png) 5px -898px no-repeat}.footer-newsletter .subscribe:hover{background-color:#f90}button.subscribe:before{content:"";padding-right:8px}footer .footer-links ul li a:hover{transition:all 0.3s ease-in-out 0s;background-position:2px -670px;margin-left:15px;padding-left:15px}.social .fb a{background-position:10px -567px;background-color:#3c5b9b}.social .instagram a{background-position:10px -596px;background-color:#3f729b}.social .tw a{background-position:5px -623px;background-color:#359bed}footer .footer-links ul li a{background-position:2px -670px;padding-left:20px}footer .footer-links ul li a:before{display:none!important}
#divFooterNewsletter{height:55px}
</style>
<footer><div class=container><div class="footer-newsletter"><div class="row"><div class="colo-xs-12 col-md-4 col-sm-4 "><h4>Jetzt zum Newsletter von deutsche-buchhandlung.de anmelden</h4><span>und über alle Bücher Neuheiten informieren</span></div><div class="col-xs-12 col-md-6 col-sm-6"><div id="divFooterNewsletter"></div></div><div class="col-xs-12 col-md-2 col-sm-2"><div class="social"><ul class="inline-mode"><li class="social-network fb"><a href="https://www.facebook.com/DeutscheBuchhandlungde" title="Folgen Sie uns auf Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li><li class="social-network instagram"><a href="https://www.instagram.com/#/" title="Folgen Sie uns auf Instagram" target=_blank><i class="fa fa-instagram"></i></a></li><li class="social-network tw"><a href="https://twitter.com/#" title="Folge Sie uns auf Twitter" target="_blank"><i class="fa fa-twitter"></i></a></li></ul> </div></div></div></div><div class="row"><div class="col-sm-3 col-xs-12 col-lg-3 col-md-3"><div class="footer-links"><h4 class="links-title">Über deutsche-buchhandlung.de</h4><div class="tabBlock"><ul class="list-links list-unstyled"><li><a href="/impressum.html" alt="Impressum" title="Impressum">Impressum</a></li><li><a href="/versand-und-lieferung.html" alt="Versand & Zahlungsbedingungen" title="Versand & Zahlungsbedingungen">Versand & Zahlungsbedingungen</a></li><li><a href="/widerrufsrecht.html" alt="Widerrufsrecht & Muster-Widerrufsformular" title="Widerrufsrecht & Muster-Widerrufsformular">Widerrufsrecht</a></li><li><a href="/batteriehinweis.html" alt="Batteriehinweis" title="Batteriehinweis">Batteriehinweis</a></li><li><a href="/agb.html" alt="AGB" title="AGB">AGB</a></li><li><a href="/datenschutz.html" alt="Privatsphäre und Datenschutz" title="Privatsphäre und Datenschutz">Privatsphäre und Datenschutz</a></li></ul></div></div></div><div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block"><div class="footer-content">
<h4 class="links-title">Kontakt</h4><div class="email">Sie haben Fragen? <a href="/faq.html" alt="Hier finden Sie Antworten auf häufig gestellte Fragen." title="Hier finden Sie Antworten auf häufig gestellte Fragen.">Hier finden Sie Antworten auf häufig gestellte Fragen.</a></div><div class="phone">Fragen per E-Mail: <a href="mailto:service@deutsche-buchhandlung.de" alt="service@deutsche-buchhandlung.de" title="service@deutsche-buchhandlung.de">service@deutsche-buchhandlung.de</a></div><div class="address">Telefon: +49 (0)511 - 982 684 41</div> </div></div><div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block"><div class="footer-links"><h4 class="links-title">Ihre Vorteile bei uns</h4><div class="tabBlock" ><ul class="list-links list-unstyled"><li><a href="/versand-und-lieferung.html" alt="Kostenloser Versand ab 20,- EUR Bestellwert" title="Kostenloser Versand ab 20,- EUR Bestellwert">Kostenloser Versand ab 20,- EUR Bestellwert</a></li> <li><a href="/faq.html#datensicherheit" title="SSL-Verschlüsselung" alt="SSL-Verschlüsselung">Sicherer Online Shop und Zahlung mit SSL-Verschlüsselung</a></li>
<li><a href="/versand-und-lieferung.html" title="Viele Zahlungsmethoden" alt="Viele Zahlungsmethoden">Viele Zahlungsmethoden wie PayPal, Sofort, Amazon Payment, Vorkasse</a></li></ul></div></div> </div><div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block"><div class="footer-links"><h4 class="links-title Zal">Zahlweisen</h4><img alt="PayPal" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="205" height="235" data-src="/content/images/bootom-paypal.gif" title="Zahlungsmöglichkeiten Online-Buchhandlung" alt="Zahlungsmöglichkeiten Online-Buchhandlung"></div></div>
</div></div><div class="footer-coppyright"><div class=container><div class="row"><div class="col-sm-4 col-xs-12 coppyright"><p></a> </p><span>© 2023 <strong>Deutsche-Buchhandlung.de</strong><br>www.deutsche-buchhandlung.de ist ein Angebot der<br><span style="color:#000;">KAUF</span><span style="color:#2fb135;">save</span> Handelsgesellschaft mbH<br><br></span><span style="color:red">Powered by Inooga</span></div>
<div class="col-sm-4 col-xs-12 fairc" style="top:15px;">
</div><div class="col-sm-1 col-xs-12 fairc" style="top:15px;"><img class="lazyload ssl_certificat" alt="Datensicherheit durch SSL - Verschlüsselung" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="70" height="70" data-src="/content/images/ssl_cert.png" title="SSL Zertifikat" alt="SSL Zertifikat"></div>
<div class="col-sm-2 col-xs-12 fairc" style="top:15px;"><img class="lazyload fair_commerce" alt="Fair Commerce" width="170" height="65" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/content/images/fc_logo.png" title="Fair Commerce Händlerbund" alt="Fair Commerce Händlerbund"/></div>
</div></div></div><script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Corporation",
"name": "deutsche-buchhandlung.de",
"alternateName": "KAUFsave Handelsgesellschaft mbH",
"url": "https://www.deutsche-buchhandlung.de/",
"logo": "https://www.deutsche-buchhandlung.de/Content/images/shop-logo.jpg",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+49(0)511 - 982 684 41",
"contactType": "customer service",
"contactOption": "HearingImpairedSupported",
"areaServed": "DE",
"availableLanguage": "German"
},
"sameAs": [
"https://www.facebook.com/DeutscheBuchhandlungde/"
]
}
</script></footer>
</div><script src="/scripts/shop.20240517080113.js"></script><script >
</script>
<script type="text/javascript">
$(document).ready(function() {
// check for cookie on load
function sListCheck(checkedall){
var sList = "";
$('input[type=checkbox]').each(function (e) {
var sThisVal = (this.checked ? "1" : "0");
if(checkedall==="1"){
//all selected all cookies true
setCookie($(this)[0].id,true, 365);
}
else{
if(sThisVal==="1"){
// only slected cooke true
setCookie($(this)[0].id,true, 365)
}else{
setCookie($(this)[0].id,false, 365)
}
}
});
}
//console.log (sList);
$("#cookie-all").click(function(){
sListCheck("1");
loadJS( "https://www.googletagmanager.com/gtag/js?id=UA-131130848-2", true );
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-131130848-2');
var string = "<script src=\"https://s.provenexpert.net/seals/proseal.js\" ><\/script> <script type=\"text\/javascript\" id =\"proSeal\" > ";
string += "function proSeal(){setTimeout( function(event) {";
string += "window.provenExpert.proSeal({ widgetId: '06b795cf-e23f-4f91-a876-4a6ebddf78ea', language:'de-DE', bannerColor: '#0DB1CD', textColor: '#FFFFFF', showReviews: true, hideDate: false, hideName: false, bottom: '130px', stickyToSide: 'right', googleStars: true, zIndex: '9999',})}, 1000);}";
string += "<\/script>";
$("body").append(string);
proSeal();
$("#bg").fadeOut(200);
});
$("#cookie-edit").click(function(){
$("#bg").show();
var slectedOptions=[]
//Get a list of all cookies as a semicolon+space-separated string
document.cookie.split(';')
//Filter determines if an element should remain in the array. Here we check if a search string appears at the beginning of the string
.filter(function(c) {
return c.trim().indexOf('i_') === 0;
})
//Map applies a modifier to all elements in an array, here we trim spaces on both sides of the string
.map(function(c) {
slectedOptions.push(c.trim());
return c.trim();
});
console.log(slectedOptions);
var sList = "";
$(slectedOptions).each(function (e) {
var cb = $("#" + slectedOptions[e].split("=")[0]);
var isChecked = slectedOptions[e].split("=")[1]
if(isChecked ==="true"){
cb.prop('checked', true)
}
});
});
$("#cookie-selected").click(function() {
sListCheck();
if (getCookie('i_sc_a')=== "true") {
loadJS( "https://www.googletagmanager.com/gtag/js?id=UA-131130848-2", true );
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-131130848-2');
}
if(getCookie('i_cm_a')=== "true"){
var string = "<script src=\"https://s.provenexpert.net/seals/proseal.js\" ><\/script> <script type=\"text\/javascript\" id =\"proSeal\" > ";
string += "function proSeal(){setTimeout( function(event) {";
string += "window.provenExpert.proSeal({ widgetId: '06b795cf-e23f-4f91-a876-4a6ebddf78ea', language:'de-DE', bannerColor: '#0DB1CD', textColor: '#FFFFFF', showReviews: true, hideDate: false, hideName: false, bottom: '130px', stickyToSide: 'right', googleStars: true, zIndex: '9999',})}, 1000);}";
string += "<\/script>";
$("body").append(string);
proSeal();
}
$("#bg").fadeOut(200);
});
setTimeout(function () {
if (getCookie('i_c_a')=== "" || 'i_c_a'=== undefined) {
$("#bg").fadeIn(200);
}
}, 1000);
$("#datenschutzerklarung").click(function() {
location.href ="/datenschutz.html#cookie-edit"
});
$(".option-heading").on('click', function() {
debugger;
$(this).closest(".switchParent").find(".option-content").stop().slideToggle(500);
//switchParent
});
});
require(["/pmscdn/src/common_default_main.20240517080113.js"],function(e){require(["/pmscdn/src/main.20240517080113.js"])})
</script> <script language="javascript" type="text/javascript"> Config.pageHasPrePopulatedBreadCrumb(true);</script>
<noscript>
<a href="https://www.provenexpert.com/de-de/www-deutsche-buchhandlung-de?utm_source=seals&utm_campaign=proseal&utm_medium=profile&utm_content=06b795cf-e23f-4f91-a876-4a6ebddf78ea" target="_blank" title="Kundenbewertungen & Erfahrungen zu www.deutsche-buchhandlung.de. " class="pe-pro-seal-more-infos" >Mehr Infos</a>
</noscript>
<script>
if(getCookie('i_cm_a')=== "true"){
var string = "<script src=\"https://s.provenexpert.net/seals/proseal.js\" ><\/script> <script type=\"text\/javascript\" id =\"proSeal\" > ";
string += "function proSeal(){debugger; window.addEventListener('load', function(event) {";
string += "window.provenExpert.proSeal({ widgetId: '06b795cf-e23f-4f91-a876-4a6ebddf78ea', language:'de-DE', bannerColor: '#0DB1CD', textColor: '#FFFFFF', showReviews: true, hideDate: false, hideName: false, bottom: '130px', stickyToSide: 'right', googleStars: true, zIndex: '9999',})});}";
string += "<\/script>";
$("body").append(string);
proSeal();
}
</script>
</body></html>
