Upload File

contents · a01_felk4338_04_se_fm.indd 10 11/21/16 2:47 pm. contents xi check box and radio button...

  • Home
  • Documents
  • CONTENTS · A01_FELK4338_04_SE_FM.indd 10 11/21/16 2:47 PM. Contents xi Check Box and Radio Button 318 Hidden Field and Password Box 320 Textarea Element 322 Select Element and Option
3
Contents ix CONTENTS CHAPTER 1 Internet and Web Basics 1 The Internet and the Web 2 Web Standards and Accessibility 4 Web Browsers and Web Servers 6 Internet Protocols 8 Uniform Resource Identifiers and Domain Names 10 Information on the Web 14 HTML Overview 16 Under the Hood of a Web Page 18 Your First Web Page 20 Review and Apply 24 CHAPTER 2 HTML Basics 27 Heading Element 28 Paragraph Element 30 Line Break and Horizontal Rule 32 Blockquote Element 34 Phrase Elements 36 Ordered List 38 Unordered List 40 Description List 42 Special Entity Characters 44 HTML Syntax Validation 46 Structural Elements 48 Practice with Structural Elements 50 Anchor Element 52 Practice with Hyperlinks 54 E-Mail Hyperlinks 58 Review and Apply 60 CHAPTER 3 Web Design Basics 69 Your Target Audience 70 Website Organization 72 Principles of Visual Design 74 Design to Provide for Accessibility 76 Use of Text 78 Web Color Palette 80 Design for Your Target Audience 82 Choosing a Color Scheme 84 Use of Graphics and Multimedia 88 More Design Considerations 90 Navigation Design 92 Wireframes and Page Layout 94 Fixed and Fluid Layouts 96 Design for the Mobile Web 98 Responsive Web Design 100 Web Design Best Practices Checklist 102 Review and Apply 104 CHAPTER 4 Cascading Style Sheets Basics 109 Cascading Style Sheets Overview 110 CSS Selectors and Declarations 112 CSS Syntax for Color Values 114 Configure Inline CSS 116 Configure Embedded CSS 118 Configure External CSS 120 CSS Selectors: Class, Id, and Descendant 122 Span Element 124 Practice with CSS 126 The Cascade 128 Practice with the Cascade 130 CSS Syntax Validation 132 Review and Apply 134 CHAPTER 5 Graphics & Text Styling Basics 141 Web Graphics 142 Image Element 144 Image Hyperlinks 146 A01_FELK4338_04_SE_FM.indd 9 11/21/16 2:47 PM Basics of Web Design: HTML5 & CSS3, 4th Edition Sample Table of Contents http://webdevbascis.net

Upload: others

Post on 05-Aug-2020

0 views

Category:

Documents


0 download

Report

TRANSCRIPT

Page 1: CONTENTS · A01_FELK4338_04_SE_FM.indd 10 11/21/16 2:47 PM. Contents xi Check Box and Radio Button 318 Hidden Field and Password Box 320 Textarea Element 322 Select Element and Option

Contents ix

CONTENTS

CHAPTEr 1

Internet and Web Basics 1The Internet and the Web 2Web Standards and Accessibility 4Web Browsers and Web Servers 6Internet Protocols 8Uniform Resource Identifiers and Domain Names 10Information on the Web 14HTML Overview 16Under the Hood of a Web Page 18Your First Web Page 20

Review and Apply 24

CHAPTEr 2

HTML Basics 27Heading Element 28Paragraph Element 30Line Break and Horizontal Rule 32Blockquote Element 34Phrase Elements 36Ordered List 38Unordered List 40Description List 42Special Entity Characters 44HTML Syntax Validation 46Structural Elements 48Practice with Structural Elements 50Anchor Element 52Practice with Hyperlinks 54E-Mail Hyperlinks 58

Review and Apply 60

CHAPTEr 3

Web Design Basics 69Your Target Audience 70Website Organization 72

Principles of Visual Design 74Design to Provide for Accessibility 76Use of Text 78Web Color Palette 80Design for Your Target Audience 82Choosing a Color Scheme 84Use of Graphics and Multimedia 88More Design Considerations 90Navigation Design 92Wireframes and Page Layout 94Fixed and Fluid Layouts 96Design for the Mobile Web 98Responsive Web Design 100Web Design Best Practices Checklist 102

Review and Apply 104

CHAPTEr 4

Cascading Style Sheets Basics 109Cascading Style Sheets Overview 110CSS Selectors and Declarations 112CSS Syntax for Color Values 114Configure Inline CSS 116Configure Embedded CSS 118Configure External CSS 120CSS Selectors: Class, Id, and Descendant 122Span Element 124Practice with CSS 126The Cascade 128Practice with the Cascade 130CSS Syntax Validation 132

Review and Apply 134

CHAPTEr 5

Graphics & Text Styling Basics 141Web Graphics 142Image Element 144Image Hyperlinks 146

A01_FELK4338_04_SE_FM.indd 9 11/21/16 2:47 PM

Basics of Web Design: HTML5 & CSS3, 4th EditionSample Table of Contents http://webdevbascis.net

Terry
Copyright
Page 2: CONTENTS · A01_FELK4338_04_SE_FM.indd 10 11/21/16 2:47 PM. Contents xi Check Box and Radio Button 318 Hidden Field and Password Box 320 Textarea Element 322 Select Element and Option

x Contents

Configure Background Images 148Position Background Images 150CSS3 Multiple Background Images 152Fonts with CSS 154CSS Text Properties 156Practice with Graphics and Text 158Configure List Markers with CSS 160The Favorites Icon 162Image Maps 164

Review and Apply 166

CHAPTEr 6

More CSS Basics 175Width and Height with CSS 176The Box Model 178Margin and Padding with CSS 180Borders with CSS 182CSS3 Rounded Corners 184Center Page Content with CSS 186CSS3 Box Shadow and Text Shadow 188CSS3 Background Clip and Origin 190CSS3 Background Resize and Scale 192Practice with CSS3 Properties 194CSS3 Opacity 196CSS3 RGBA Color 198CSS3 HSLA Color 200CSS3 Gradients 202

Review and Apply 204

CHAPTEr 7

Page Layout Basics 213Normal Flow 214Float 216Clear a Float 218Overflow 220CSS Box Sizing 222Basic Two-Column Layout 224Vertical Navigation with an Unordered List 228Horizontal Navigation with an Unordered List 230CSS Interactivity with Pseudo-Classes 232Practice with CSS Two-Column Layout 234

Positioning with CSS 236Practice with Positioning 238CSS Sprites 240

Review and Apply 242

CHAPTEr 8

More on Links, Layout, and Mobile 247

More on Relative Linking 248Fragment Identifiers 250Figure and Figcaption Elements 252Practice with Floating Figures 254More HTML5 Elements 256HTML5 Compatibility with Older Browsers 258CSS for Print 260Mobile Web Design 262Viewport Meta Tag 264CSS3 Media Queries 266Practice with Media Queries 268Flexible Images with CSS 272Picture Element 274Responsive Img Element Attributes 276Testing Mobile Display 278

Review and Apply 280

CHAPTEr 9

Table Basics 291Table Overview 292Table Rows, Cells, and Headers 294Span Rows and Columns 296Configure an Accessible Table 298Style a Table with CSS 300CSS3 Structural Pseudo-classes 302Configure Table Sections 304

Review and Apply 306

CHAPTEr 10

Form Basics 311Form Overview 312Text Box 314Submit Button and Reset Button 316

A01_FELK4338_04_SE_FM.indd 10 11/21/16 2:47 PM

Terry
Copyright
Page 3: CONTENTS · A01_FELK4338_04_SE_FM.indd 10 11/21/16 2:47 PM. Contents xi Check Box and Radio Button 318 Hidden Field and Password Box 320 Textarea Element 322 Select Element and Option

Contents xi

Check Box and Radio Button 318Hidden Field and Password Box 320Textarea Element 322Select Element and Option Element 324Label Element 326Fieldset Element and Legend Element 328Style a Form with CSS 330Server-Side Processing 332Practice with a Form 334HTML5 Text Form Controls 336HTML5 Datalist Element 338HTML5 Slider and Spinner Controls 340HTML5 Calendar and Color-Well Controls 342Practice with an HTML5 Form 344

Review and Apply 346

CHAPTEr 11

Media and Interactivity Basics 355Plug-ins, Containers, and Codecs 356Configure Audio and Video 358Flash and the HTML5 Embed Element 360HTML5 Audio and Source Elements 362HTML5 Video and Source Elements 364Practice with HTML5 Video 366Iframe Element 368CSS3 Transform Property 370CSS Transition Property 372Practice with Transitions 374CSS Drop Down Menu 376

HTML5 Details and Summary Elements 378JavaScript & jQuery 380HTML5 APIs 382

Review and Apply 384

CHAPTEr 12

Web Publishing Basics 391Register a Domain Name 392Choose a Web Host 394Publish with File Transfer Protocol 396Search Engine Submission 398Search Engine Optimization 400Accessibility Testing 402Usability Testing 404

Review and Apply 406

APPENDixAnswers to Review Questions 409HTML5 Cheat Sheet 410CSS Cheat Sheet 415Comparison of XHTML and HTML5 422WCAG 2.0 Quick Reference 428Landmark Roles with ARIA 430CSS Flexible Box Layout 432

Index 000Credits 000Web Safe Color Palette 000

A01_FELK4338_04_SE_FM.indd 11 11/21/16 2:47 PM

Terry
Copyright

COMSC-032 Web Site Development- Part 3CSS Box Model Each element in a document is considered to be rectangle box. As shown below, this box consists of a content area surrounded by

quick steps guide Element DC5X Veterinary Chemistry Analyzer · 8/18/2019  · CAT 6330-AST AST (GOT) 24/box CAT 6330-BUN BUN 24/box CAT 6330-CA Calcium 24/box CAT 6330-CHOL Total

UNITED STATES MARINE CORPS COMMAND ELEMENT PSC BOX …

chavanpragatip.files.wordpress.com file · Web viewIt is one of Java’s largest packages. ... Contains the colors of GUI widgets such as windows, scroll bars, text, and others. TextArea

12-Jul-15 Components. 2 Types of Components Button Canvas Checkbox Choice Label List Scrollbar TextComponent TextArea TextField

Text field and textarea

LAB 6: Forms - Web viewThere are various form elements available like text fields, textarea fields, drop-down menus, ... Index.html. contentBasic.html. bannerBasic.html. The

CaseStudy element of Box Hill Institute’s CCNA and CCNP · 2005-12-01 · seeking CCNA and CCNP certifications,” said Jose Straube, Cisco Networking Academy Instructor, Box Hill

INFORMATICS PRACTICES - Studiestoday · d) Jaina is creating a form for her practical file. Help her to choose most appropriate controls from List Box, Combo Box, TextField, TextArea,

FRACTURE MECHANICS ANALYSISsopromat.org.ua/ABS_files/TASK.pdfAll KPs • Element Size at All Keypoints dialog box appears; enter 5/3 for SIZE Element edge length, click on OK. •

HTML: Tables and Forms. Objectives Use tables to structure a webpage Use forms to collect user input –Method:Get, Post –Input –Select –Textarea

TL16C550A ASYNCHRONOUS COMMUNICATIONS ELEMENT · tl16c550a asynchronous communications element slls057d – august 1989 – revised march 1996 2 post office box 655303 • dallas,

Experimental Validation of Boundary Element … Validation of Boundary Element Methods ... the vibration and noise of a rectangular box excited by a ... Experimental Validation of

GUI Elements Session 17. Memory Upload Layout Components Button TextField TextArea Label Choice Containers Panels The applet itself

TL16C450 ASYNCHRONOUS COMMUNICATIONS ELEMENT · TL16C450 ASYNCHRONOUS COMMUNICATIONS ELEMENT SLLS037B – MARCH 1988 – REVISED MARCH 1996 POST OFFICE BOX 655303 • DALLAS, TEXAS

Mr. Miller - Table of Contents · 2018-11-01 · Each element box on the periodic table contains useful information. In the Elements Handbook, each element box has an element name,

AWT Components. 2 Using AWT Components 4 Component –Canvas –Scrollbar –Button –Checkbox –Label –List –Choice –TextComponent –TextArea –TextField 4 Component

Element 3 Element 4 Element 5 Element 6 Element 7 Element

Combinations of Atoms Chapter 4.2 Page 87 Organization of the Periodic TablePeriodic Table Each Box gives information about one element Name of element

SAS Studio 3...Dependencies The Dependencies element describes any dependencies that options might have on one another. For example, selecting a check box could enable a text box

More CSS - cs.wellesley.educs.wellesley.edu/~cs115/slides/W02-02-MoreCSS.pdf• CSS box model à box around an HTML element with the following components: margin, border, padding,

CSS - Meetupfiles.meetup.com/271834/css-boxmodel.pdf · The CSS box model describes the rectangular boxes that are created for every element in the ... block box model inline box

Exploring the Black Box that is Finite Element Analysis (FEA) in

FINITE ELEMENT ANALYSIS OF BOX GIRDER BY USING ANSYS

SAP Master Data Governance - All Questions...SAP Master Data Governance Capabilities – Element 1 Deliver Out-of-the-box Out-of-the box data replication mechanisms, using stable mechanisms

Introduction to HTML & CSS · THE CSS BOX MODEL. CSS BOX MODEL. MARGIN vs. padding Use marginto separate the element from the things that are around it. Use paddingto move the element

FINITE ELEMENT ANALYSIS OF POST-TENSIONED CONCRETE BOX GIRDERS

6 Programming with Video - LMU Medieninformatik · 2020-04-11 · ScrollPane, Slider, TextArea, TextInput, ... 12. Ludwig-Maximilians-Universität München! Prof. Hußmann! Multimedia-Programmierung

Element 3 Element 4 Element 5 Element 6 Element 7 Element 8 Element 9 · 2015-05-28 · Element 3 Element 4 Element 5 Element 6 Element 7 Element 8 Element 9; General requirements;

LAF TextArea PJC - public properties - Freefdtool.free.fr/LAF/doc/pdf/LAF_TextArea_properties.pdfLAF TextArea PJC - public properties These properties can be set or read from any multi-line

The Human Element of Quality in Manufacturing - …...The Box Checkers The first group we call the “The Box-Checkers”. Box Checkers are safety managers that always do the least

Flash - guardfilter.com · NBR (Buna-N@) (standard) FPM (Viton©) Quantity One piece filter element Box with 15 pieces filter element Single Length Single housing Twin housing

Gebrauchsinformation: Information für Anwender ULOTKA PIL … · 2020-07-17 · Textarea 100 x 250 Textarea 100 x 250 Art.-No./Print-No. 10 100 10 120 10 10 270 250 10 10 270 250

HTML CHEAT SHEET · body element br element button element canvas element caption element cite element code element col element colgroup ... Semantic HTML Elements Table HTML Table

Forms and Java script. Forms The graphical user interface -textbox, radio, button, textarea, checkbox… The processing script –CGI scripts, Perl script,