Website Design and Development with HTML5 and CSS3

Combining theory and practice, Website Design and Development with HTML5 and CSS3 is aimed at both beginners who want to design their first website, and experienced developers who want to consolidate their technical skills.

This book addresses the theoretical aspects of HTML5 and CSS3, including: HTML elements, semantic containers, semantic text formatting, multimedia elements, forms, tables, definition and integration of CSS styles, text formatting, and container and box styles. It also encompasses a practical section which presents the process of creating a website, as well as the key rules to apply in order to not only achieve project success, but also to meet user needs. Illustrated by numerous examples, this book includes corrected practical work, structured according to an evolutionary logic ranging from the design of a simple HTML5 page to the creation of a professional website.

Autorentext
Hassen Ben Rebah is Professor at the Higher Institute of Technological Studies of Mahdia, Tunisia, specializing in web programming and computer security.

Hafedh Boukthir is Professor at the Higher Institute of Technological Studies of Mahdia, Tunisia, and a webmaster and web developer. He specializes in SEO and natural referencing.

Antoine Chedebois, an engineer by training, has been developing websites for nearly twenty years. He is a specialist in HTML, CSS, JavaScript, PHP and Python, and is currently the lead developer of an international team of developers at GAFA

Zusammenfassung
Combining theory and practice, Website Design and Development with HTML5 and CSS3 is aimed at both beginners who want to design their first website, and experienced developers who want to consolidate their technical skills.

This book addresses the theoretical aspects of HTML5 and CSS3, including: HTML elements, semantic containers, semantic text formatting, multimedia elements, forms, tables, definition and integration of CSS styles, text formatting, and container and box styles. It also encompasses a practical section which presents the process of creating a website, as well as the key rules to apply in order to not only achieve project success, but also to meet user needs. Illustrated by numerous examples, this book includes corrected practical work, structured according to an evolutionary logic ranging from the design of a simple HTML5 page to the creation of a professional website.

Inhalt

Foreword xi
Teddy PAYET

Preface xiii

Chapter 1. The Web and its Future 1

1.1. Background 1

1.1.1. The 1960s: context of the Cold War 2

1.1.2. The 1970s and 1980s: birth of the TCP/IP protocol 2

1.1.3. The 1980s, 1990s and 2000s: evolution of the Internet to the WWW 2

1.2. Phases of evolution of the Web 3

1.2.1. 19911999: Web 1.0, static or passive? 4

1.2.2. 20002010: Web 2.0, collaborative or social? 4

1.2.3. 20102020: Web 3.0, semantic or smart? 5

1.2.4. Since 2020: Web 4.0, intelligent 5

1.3. Web application architecture 7

1.3.1. The three levels of abstraction of an application 7

1.3.2. One-tier architecture 8

1.3.3. Two-tier architecture 8

1.3.4. Three-tier architecture 9

1.3.5. n-tier architecture 10

Chapter 2. The Language of the Web: HTML5 13

2.1. Overview 13

2.1.1. Origins of HTML5 13

2.1.2. Syntax and lexicon of the HTML5 language 14

2.1.3. Basic rules of HTML5 16

2.1.4. Working environment 17

2.2. Structure of an HTML5 document 18

2.3. Structuring the content of a web page 21

2.3.1. The element 21

2.3.2. The element 23

2.3.3. The new elements of HTML5 23

2.4. Text organization 28

2.4.1. Paragraphs and texts 28

2.4.2. Bulleted lists 47

2.4.3. Titles 51

2.5. Creating hyperlinks 52

2.5.1. Inserting a hyperlink: the tag 52

2.5.2. Types of hyperlinks 54

2.5.3. Adding a tooltip to a link 57

2.6. Inserting images and multimedia objects 58

2.6.1. The image 58

2.6.2. Audio and video media 62

2.7. Tables 65

2.7.1. The tag 65

2.7.2. The tag 66

2.7.3. The tag 66

2.7.4. The tag 66

2.7.5. The tag 66

2.7.6. The tag 68

2.7.7. The tag 68

2.7.8. The tag 69

2.8. Forms 70

2.8.1. Benefit of a form 70

2.8.2. Form construction 71

2.8.3. The form tag and its variants 73

2.8.4. Other form tags 86

2.8.5. Common attributes for form elements 93

2.8.6. Several new attributes added with HTML5 95

Chapter 3. Style Sheets: CSS3 101

3.1. Overview 101

3.1.1. Origins of CSS3 101

3.1.2. Syntax and structure of the CSS3 language 103

3.1.3. Selectors 110

3.1.4. Values and units used 119

3.2. Text formatting 121

3.2.1. Character size 121

3.2.2. Font type 122

3.2.3. Italic text 123

3.2.4. Bold text 124

3.2.5. Text decoration and underlining 124

3.2.6. Small capitals 125

3.2.7. Text coloring 125

3.2.8. Transforming text to lowercase or uppercase 126

3.2.9. Indenting the first line of a paragraph 126

3.2.10. Letter spacing 127

3.2.11. Word spacing 127

3.2.12. Paragraph spacing 127

3.2.13. Horizontal text alignment 128

3.2.14. Vertical text alignment 128

3.2.15. Text direction 129

3.2.16. Text length and height 130

3.2.17. Floating 130

3.3. List formatting 131

3.3.1. Different bullet numbering styles 131

3.3.2. Graphic style of bullets 132

3.3.3. Removing lines from a bullet list 132

3.4. Backgrounds, borders and shadows 133

3.4.1. Backgrounds 133

3.4.2. Borders and shadows 136

3.5. Table formatting 144

3.5.1. Space between cells 144

3.5.2. Borders 145

3.5.3. Empty cells 146

3.5.4. Caption position 147

3.6. Layout of the site 148 3.6.1. Concept of the box...