Learning web design : a beginner's guide to HTML, CSS, Javascript, and web graphics /

Mostrar otras versiones (2)
Detalles Bibliográficos
Autor principal: Niederst Robbins, Jennifer (autor)
Formato: Libro
Lenguaje:English
Publicado: Sebastopol, CA : O'Reilly, 2012.
Edición:4th ed.
Materias:
Sitios Web > Diseño > Manuales, etc.
HTML (Lenguaje de marcado de documentos) > Manuales, etc.
XHTML (Lenguaje de marcado de documentos) > Manuales, etc.
Sitios Web > Creación de programas > Manuales, etc.
JavaScript (Lenguaje de programación) > Manuales, etc.
Gráficas por computadora > Manuales, etc.
Tabla de Contenidos:
  • Preface
  • Part 1: Getting Started:
  • Where do I start?:
  • Where do I start?
  • What does a web designer do?
  • What languages do I need to learn?
  • What do I need to buy?
  • What you've learned
  • Test yourself
  • How the web works:
  • Internet versus the web
  • Serving up your information
  • Word about browsers
  • Web page addresses (URLs)
  • Anatomy of a web page
  • Putting it all together
  • Test yourself
  • Some big concepts you need to know:
  • Dizzying multitude of devices
  • Sticking with the standards
  • Progressive enhancement
  • Responsive web design
  • One web for all (accessibility)
  • Need for speed (site performance)
  • Test yourself
  • Part 2: HTML Markup For Structure:
  • Creating a simple page:
  • Web page, step by step
  • Before we begin, launch a text editor
  • Step 1: Start with content
  • Step 2: Give the document structure
  • Step 3: Identify text elements
  • Step 4: Add an image
  • Step 5: Change the look with a style sheet
  • When good pages go bad
  • Validating your documents
  • Test yourself
  • Element review: Document structure
  • Marking up text:
  • Paragraphs
  • Headings
  • Lists
  • More content elements
  • Organizing page content
  • Inline element roundup
  • Generic elements (div and span)
  • Some special characters
  • Putting it all together
  • Test yourself
  • Element review: Text
  • Adding links:
  • Href attribute
  • Linking to pages on the web
  • Linking within you own site
  • Targeting a new browser window
  • Mail links
  • Telephone links
  • Test yourself
  • Element review: Links
  • Adding images:
  • First, a word on image formats
  • Img element
  • Window in a window
  • Test yourself
  • Element review: Images
  • Table markup:
  • How tables are used
  • Minimal table structure
  • Spanning cells
  • Table accessibility
  • Wrapping up tables
  • Test yourself
  • Element review: Tables
  • Forms:
  • How forms work
  • Form element
  • Variables and content
  • Great form control roundup
  • Form accessibility features
  • Form layout and design
  • Test yourself
  • Element review: Forms
  • What's up, HTML5?:
  • Funny thing happened on the way to XHTML2
  • In the markup department
  • Meet the APIs
  • Video and audio
  • Canvas
  • Final word
  • Test yourself
  • Part 3: CSS For Presentation:
  • Cascading style sheets orientation:
  • Benefits of CSS
  • How style sheets work
  • Big concepts
  • Moving forward with CSS
  • Test yourself
  • Formatting text:
  • Font properties
  • Changing text color
  • Few more selector types
  • Text line adjustments
  • Underlines and other decorations
  • Changing capitalization
  • Spaced out
  • Text shadow-- Changing list bullets and numbers
  • Test yourself
  • CSS Review: Font and text properties
  • Colors and backgrounds:
  • Specifying color values
  • Foreground color
  • Background color
  • Playing with opacity
  • Introducing-pseudo-class selectors
  • Pseudo-element selectors
  • Attribute selectors
  • Background images
  • Shorthand background property
  • Like a rainbow (gradients)
  • Finally, external style sheets
  • Test yourself
  • CSS Review: Color and background properties
  • Thinking inside the box:
  • Element box
  • Specifying box dimensions
  • Padding
  • Borders
  • Margins
  • Assigning display roles
  • Adding drop shadows to boxes
  • Test yourself
  • CSS Review: Basic box properties
  • Floating and positioning:
  • Normal flow
  • Floating
  • Positioning basics
  • Relative positioning
  • Absolute positioning
  • Fixed positioning
  • Test yourself
  • CSS Review: Floating and positioning properties
  • Page layout with CSS:
  • Page layout strategies
  • Page layout techniques
  • Multicolumn layouts using floats
  • Positioned layout
  • Top-to-bottom column backgrounds
  • Test yourself
  • Transitions, transforms, and animation:
  • Ease-y does it (CSS transitions)
  • CSS transforms
  • Keyframe animation
  • Test yourself
  • CSS Review: Transitions, transforms, and animation
  • CSS techniques:
  • Clean slate (CSS reset)
  • Image replacement techniques
  • CSS sprites
  • Styling forms
  • Styling tables
  • Basic responsive web design
  • Wrapping up style sheets
  • Test yourself
  • CSS Review: Table properties
  • Part 4: JavaScript For Behaviors:
  • Introduction to JavaScript:
  • What is JavaScript?
  • Adding JavaScript to a page
  • Anatomy of a script
  • Browser object
  • Events
  • Putting it all together
  • Test yourself
  • Using JavaScript:
  • Meet the DOM
  • Polyfills
  • JavaScript libraries
  • Big finish
  • Test yourself
  • Part 5: Creating Web Graphics:
  • Web graphics basics:
  • Image sources
  • Meet the formats
  • Image size and resolution
  • Working with transparency
  • Introduction to SVG
  • Summing up images
  • Test yourself
  • Lean and mean web graphics:
  • General image optimization strategies
  • Optimizing GIFs
  • Optimizing JPEGs
  • Optimizing PNGs
  • Optimize to file size
  • Optimization in review
  • Test yourself
  • Appendix A: Answers
  • Appendix B: CSS3 selectors
  • Index.

Ejemplares similares