Introduction to Web Interaction Design With HTML and CSS Introduction to Web Interaction Design With HTML and CSS Michael Macaulay CRC Press Taylor & Francis Group 6000 Broken Sound Parkway NW, Suite 300 Boca Raton, FL 33487-2742 © 2018 by Taylor & Francis Group, LLC CRC Press is an imprint of Taylor & Francis Group, an Informa business No claim to original U.S. Government works Printed on acid-free paper Version Date: 20170407 International Standard Book Number-13: 978-1-1389-1185-7 (Paperback) This book contains information obtained from authentic and highly regarded sources. Reasonable efforts have been made to publish reliable data and information, but the author and publisher cannot assume responsibility for the validity of all materials or the consequences of their use. The authors and publishers have attempted to trace the copyright holders of all material reproduced in this publication and apologize to copyright holders if permission to publish in this form has not been obtained. If any copyright material has not been acknowledged please write and let us know so we may rectify in any future reprint. Except as permitted under U.S. Copyright Law, no part of this book may be reprinted, reproduced, transmitted, or utilized in any form by any electronic, mechanical, or other means, now known or hereafter invented, including photocopying, microfilming, and recording, or in any information storage or retrieval system, without written permission from the publishers. For permission to photocopy or use material electronically from this work, please access www.copyright.com (http://www.copyright.com/) or contact the Copyright Clearance Center, Inc. (CCC), 222 Rosewood Drive, Danvers, MA 01923, 978-750-8400. CCC is a not-for-profit organization that provides licenses and registration for a variety of users. For organizations that have been granted a photocopy license by the CCC, a separate system of payment has been arranged. Trademark Notice: Registered trademark of products or corporate names are used only for explanation and identification without intent to infringe. Library of Congress Cataloging.in.Publication Data Names: Macaulay, Michael, author. Title: Introduction to Web interaction design : with HTML and CSS / Michael Macaulay. Description: Boca Raton, FL : CRC Press, [2017] | Includes bibliographical references. Identifiers: LCCN 2016031177| ISBN 9781138911857 (pbk. : acid-free paper) | ISBN 9781317432814 (web pdf) | ISBN 9781317432807 (epub) | ISBN 9781317432791 (mobipocket/Kindle) | ISBN 9781315692333 (master) Subjects: LCSH: Web sites--Design. | Web site development. | Human-computer interaction. | Computer software--Human factors. Classification: LCC TK5105.888 .M25 2017 | DDC 006.7--dc23 LC record available at https://lccn.loc.gov/2016031177 Visit the Taylor & Francis Web site at http://www.taylorandfrancis.com and the CRC Press Web site at http://www.crcpress.com Contents Preface Author 1. The Internet and the Web 1.1 Introduction 1.2 Learning Outcomes 1.3 Fundamentals of the Internet and the Web 1.4 How the Web Works 1.5 Requirements for Creating Websites 1.6 Useful Info 1.6.1 Web Links 1.6.2 Free Software Part I HTML 2. Introduction to HTML 2.1 Introduction 2.2 Learning Outcomes 2.3 About HTML 2.3.1 The Structure of an HTML Document 2.3.1.1 The Contents of the Head Section 2.3.1.2 The Contents of the Body Section 2.3.2 Creating a Web Page 2.3.2.1 Creating a Web Page with a Text Editor 2.4 Useful Info 2.4.1 Web Links 3. Text 3.1 Introduction 3.2 Learning Outcomes 3.3 Headings 3.3.1 Headings in Design 3.4 Paragraphs 3.4.1 Paragraphs in Design 3.5 Line Breaks, Thematic Breaks, and Comments 3.5.1 Specifying Word-Break Opportunities 3.6 Superscript and Subscript 3.7 Importance, Emphasis, and Relevance 3.8 Quotations and Citations 3.9 Definitions and Abbreviations 3.10 Small Text 3.11 Text Edit 3.12 Displaying Computer Code and Output 3.13 Displaying Preformatted Text 3.14 Authors’ Details and Publication Dates 3.15 Providing Hidden Additional Information 3.16 Displaying a Dialog Box 3.17 Menu Bar and Drop-Down Menus 3.18 Displaying Special Characters 3.18.1Non-Breaking Spaces 3.19 Language Information and Text Directionality 3.19.1lang 3.19.1.1Benefits of Using the lang Attribute 3.19.2dir 3.20 Ruby Text 3.20.1, , , and 3.20.2 and 3.21 Acquiring Text for Use 3.22 Useful Info 3.22.1Web Links 4. Lists, Tables, and Links 4.1 Introduction 4.2 Learning Outcomes 4.3 Lists 4.3.1 Common List Attributes 4.3.2 Nested Lists 4.4 Tables 4.4.1 Basic Tables 4.4.1.1 , , and , , and 4.4.4 Tables and Accessibility 4.4.4.1 The scope Attribute and Accessibility 4.4.4.2 The id and headers Attributes and Accessibility 4.5 Links 4.5.1 Linking to Another Website 4.5.2 Linking to Another Page on the Same Website 4.5.3 Linking to Another Part on the Same Page 4.5.3.1 Using the id Attribute 4.5.3.2 Using the name Attribute 4.5.3.3 Within-Page Links in Web Design 4.5.4 Linking to a Specific Part on Another Page 4.5.5 Linking to an E-Mail Program 4.6 Useful Info 4.6.1 Web Links 5. Forms 5.1 Introduction 5.2 Learning Outcomes 5.3 Form Element 5.4 Form Controls 5.4.1 5.4.1.1 Input Types for Collecting Text 5.4.1.2 Input Types for Offering Options 5.4.1.3 Input Types for Starting an Action 5.4.2 Multipurpose Button 5.4.2.1 5.4.3 Multiple Lines Text Input 5.4.3.1 5.4.4 Drop-Down List 5.4.4.1 5.4.4.2 ... 5.4.5 Showing Task Progress 5.4.5.1 ... 5.4.6 Displaying Measurement 5.4.6.1 ... 5.4.7 Outputting Calculation Result 5.4.7.1 ... 5.4.8 Labeling Form Controls 5.4.8.1 ... 5.4.8.2 Labeling and Accessibility 5.4.9 Grouping Form Controls 5.4.9.1

...

/... 5.4.10An Example Form 5.5 Form Design Guidelines 5.6 Useful Info 5.6.1 Web Links 6. Images 6.1 Introduction 6.2 Learning Outcomes 6.3 Adding Images with HTML 6.3.1 , , and

,
,
4.4.1.2 Columns’ Grouping 4.4.2 Table Cells’ Merging 4.4.2.1 and 4.4.3 Long Tables 4.4.3.1

Introduction to Web Interaction Design With HTML and CSS

Similar Introduction to Web Interaction Design With HTML and CSS