Introduction to
Web Design and Development:
HTML, CSS, JavaScript
Fourth Edition: Download the book:
iwdd4.pdf
(2015) 9MB
The fourth edition is under active development.
Third Edition: Download the book: iwdd3.pdf (March 2015) 9MB
Second Edition: Download the book: iwdd2.pdf (Aug 2014) 9MB
First Edition: Download the Book: iwdd.pdf (Aug 2013) 9MB
Author: Don Colton Prof Colton Course: IT 240 Free PDF Reader
Download the Current Study Guide: sguide.pdf (For Jul-Aug 2013)
About the Book
This free book is for people who are new to website design. It is pretty basic, but it also covers a lot of ground and introduces other resources. It has been designed as a text book suitable for an introductory one-semester course that meets for about forty hours.
Quick Start: We make a simple web page, about five lines long, right on the computer you are using. Then we talk about domain names and web hosting. We follow that with control panels, to get your website up, and copyright, to avoid getting your website taken down. Finally, we publish.
Web Development Tools: Face it: you do not always have to reinvent the wheel. Many websites are built using cookie-cutter technologies. In minutes you can have your idea up and running. We focus on WordPress, the leading CMS in the world.
Media: Text is great, but what is a web page without pictures? We give you basic image editing skills. And we look into audio and video.
Content: HTML: Here we pop open the hood and look at the engine that runs the web: HTML. Good news: it is a pretty simple language.
Presentation: CSS Style: This is where the real power lies. Adding CSS to HTML is like turning a typewriter into a word processor.
Action: JavaScript: You learn what it takes to put JavaScript into a web page, and why you might want to.
Appendix: Sometimes we go deep on things, like browsers, text editors, passwords, and more. For those that want deep, enjoy!
Selected Links Mentioned in the Book
- Preface
- Unit I: Running Start
- Unit II: HTML and Content
- Unit III: CSS for Presentation Style
- Unit IV: JavaScript for Action
- Unit V: Quick Start
- Unit V: Fundamentals
- Leo on Finding a Good Web Host
- W3S: About Web Hosting
- Wik: Web Hosting
- Web Hosting by 1 and 1
- Web Hosting by Bluehost
- Web Hosting by Hostgator
- Web Hosting by FatCow
- WordPress
- Drupal
- Wik: Domain Registration
- Wik: Top Level Domains
- Wik: Public Suffixes
- dot.tk Free Domain Registration
- Wik: Captcha
- Wik: Copyright in general
- Wik: Plagiarism
- Wik: Cover Version (music)
- Wik: Derivative Work
- Wik: DMCA
- W3C.org
- W3 HTML Validator
- W3: Tutorials
- Wik: Wikipedia on W3Schools
- W3Schools Home Page
- Unit V: Web Development Tools
- Unit V: Media: Images, Audio, Video
- Unit V: Content: HTML Markup
- Unit V: Presentation: CSS Style
- W3: CSS 2.1 Specification
- W3: CSS History
- W3: Color Theory
- W3S: Colors
- W3S: Background Image URL
- W3S: Background Image Position
- W3S: Box Model
- W3S: Border
- W3S: Margin
- W3S: Units of Length
- Wik: Font
- Wik: Font family
- Wik: Serif Typefaces
- Wik: Sans Serif Typefaces
- CSS Font Stack
- Windows and Mac Equivalent Fonts
- W3S Websafe Fonts
- Kyrnin: Font Families
- Google-provided Fonts
- Fonts.com Web Fonts
- Vertical Centering
- W3: CSS Transitions
- Mozilla: Animated Properties
- Unit V: Action: JavaScript Programs
- IPUP Textbook
- W3: CSS specification
- W3: CSS Full Property Table
- Wik: Lorem Ipsum
- Lorem Ipsum generator
- Project Gutenberg homepage
- Wik: Creative Commons
- Google Search Engine
- Yahoo Search Engine
- Microsoft Bing Search Engine
- Google Chrome web browser
- Mozilla Firefox web browser
- Opera web browser
- Apple Safari web browser
- Wik: Search Engine Optimization
- Robots.txt
- Wik: HTTP Status Code List
- Password Protection
- Wik: Rsync
- About DeltaCopy
- XKCD: Passwords
- Wik: Password Cracking
- Bad Password Choices (eset)
- Bad Password Choices (mashable)
- Lastpass Tool
- W3S: Input Patterns
- WP: Codex
- WP: Develop Your Own Themes
- WP: The Loop
- WP: Write Your Own PlugIn
- Appendix
Validate