一本给初学者的HTML+CSS 入门书籍
Preface
What is a Browser?
Who Should Read This Book
What You’ll Learn from This Book
How You’ll Learn to Build Your Website
HTML, Markup, CSS — Welcome to Your First Bits of Jargon!
Building the Example Site
What This Book Won’t Tell You
What’s in This Book
Where to Find Help
The SitePoint Forums
The Book’s Website
The SitePoint Newsletters
The SitePoint Podcast
Your Feedback
Acknowledgements
Conventions Used in This Book
Markup Samples
Tips, Notes, and Warnings
1. Setting Up Shop
The Basic Tools You Need
Windows Basic Tools
Mac OS X Basic Tools
Beyond the Basic Tools
Windows Tools
Mac OS X Tools
Not Just Text, Text, Text
Windows Tools
Mac OS X Tools
Online Tools
Creating a Spot for Your Website
Windows
Mac OS X
Summary
2. Your First Web Pages
Nice to Meet You, HTML
Anatomy of a Web Page
Viewing the Source
Basic Requirements of a Web Page
The Doctype
The html Element
The head Element
The title Element
meta Elements
Other head Elements
The body Element
The Most Basic Web Page in the World
Headings and Document Hierarchy
Paragraphs
For People Who Love Lists
Commenting Your HTML
Symbols
Diving into Our Website
The Home Page: the Starting Point for All Websites
Splitting Up the Page
Linking Between Our New Pages
The blockquote (Who said that?)
The cite Element
strong and em
Taking a Break
Summary
3. Adding Some Style
What is CSS?
Inline Styles
Adding Inline Styles
The span Element
Embedded Styles
Jargon Break
Why Embedded Styles Are Better Than Inline Styles
External stylesheets
Why External Stylesheets Are Better Than Embedded Styles
Creating an External CSS File
Linking CSS to a Web Page
Starting to Build Our Stylesheet
Stylish Headings
A Mixture of New Styles
A New Look in a Flash!
A Beginner’s Palette of Styling Options
Recap: the Style Story so Far
Looking at Elements in Context
Contextual Selectors
Grouping Styles
Which Rule Wins?
Recapping Our Progress
Styling Links
Class Selectors
Styling Partial Text Using span
Summary
4. Shaping Up Using CSS
Block-level Elements versus Inline Elements
Block-level Elements
Inline Elements
Inline Begets Inline
Inline Elements Can Never Contain Block-level Elements
Styling Inline and Block-level Elements
Sizing Up the Blocks
Setting a Width
Setting a Height
Adding Borders to Block-level Elements
Example Borders
Styling Individual Sides of an Element
Shorthand Border Styles
Border Styles You Can Use
Shaping and Sizing Our Diving Site
Adding Padding
Introducing Padding to the Project Site
Margins
The Box Model
Positioning Elements Anywhere You Like!
Showing the Structure
Absolute Positioning
Other Layout Options
More Absolute Positioning
Relative Positioning
Floated Positioning
Styling Lists
Summary
5. Picture This! Using Images on Your Website
Inline Images
Anatomy of the Image Element
Web Accessibility
JPEG versus GIF versus PNG
Transparency
PNG: King of Transparency
Adding an Image Gallery to the Site
Updating the Navigation
Adding the New Gallery Page
Adding the First Image
Formatting the Picture Using CSS
Captioning the Picture
Basic Image Editing
Image Cropping
Special Effects
Resizing Large Images
Other Software
Filling up the Gallery
Sourcing Images for Your Website
Background Images in CSS
Repeated Patterns
Nonrepeating Images
Shorthand Backgrounds
Fixed Heights and Widths
Setting a Background for Our Navigation
Summary
6. Tables: Tools for Organizing Data
What is a Table?
Anatomy of a Table
Styling the Table
Borders, Spacing, and Alignment
Making Your Tables Accessible
Linearization
summary
Captioning Your Table
Adding an Events Table
Stylish Table Cells
Advanced Tables
Merging Table Cells
Advanced Accessibility
Summary
7. Forms: Interacting with Your Audience
Anatomy of a Form
A Simple Form
The Building Blocks of a Form
The form Element
The fieldset and legend Elements
The label Element
The input Element
The select Element
The textarea Element
Submit Buttons
The Default Control Appearance
Building a Contact Page
Editing the Contact Us Page
Adding a form and a fieldset Element
Styling fieldset and legend with CSS
Adding Text Input Controls
Tidying Up label Elements with CSS
Adding a select Element
Adding a textarea Element
Adding Radio Buttons and Checkboxes
Completing the Form: a Submit Button
Processing the Form
Signing Up for Form Processing
Inserting the Form Code
Feedback By Email
Summary
8. Interacting with Social Media
But Facebook is the Internet, right?
Go Where the Audience Is
A Two-pronged Attack: Facebook and Twitter
Setting Up a Facebook Page
Adding a Like Box to Your Site
Let’s Sprinkle on Some Twitter Glitter
Adding Your Twitter Updates to the Site
Getting a Follow Button
Updating from a Twitter Client on Your Smartphone
But the Page Looks Really Messy Now!
Get Twitter to Update Facebook to Update Your Site
Now the Training Wheels Are Off …
Get Smart!
Summary
9. Launching Your Website
The Client—Server Model
Web Hosting Jargon
Hosting Your Website—Finding Server Space
Free Hosting—with a Catch!
Free Hosting—with a Domain Name at Cost
What is Web Forwarding?
The Downsides of Web Forwarding
Paying for Web Hosting
Hosting Essentials
FTP Access to Your Server
Adequate Storage Space
A Reasonable Bandwidth Allowance
Hosting Nice-to-haves
Email Accounts
Server Side Includes (SSIs)
Support for Scripting Languages and Databases
Pre-flight Check: How Do Your Pages Look in Different Browsers?
Uploading Files to Your Server
FTP Settings
Uploading with FileZilla for Windows
Uploading with Cyberduck—Mac OS X
Other Uploading Tools
Where’s Your Site At?
Checking Links
Validating Your Web Pages
Promoting Your Website
Submit Your Website to Search Engines
Tell Your Friends and Colleagues
Craft an Email Signature with Your Website Details
Post on a Related Forum
Link Exchange
Summary
10. Enhancing the Site with HTML5 and CSS3
HTML5: A Brief History
CSS3 —CSS2 —what’s the difference?
CSS3: Not Yet Universally Supported
The Good News on CSS3
Look at All Those Sharp, Pointy Corners!
The Details in the Shadows
From box-shadow to text-shadow
We Don’t Serve Your Type Around Here!
Other CSS3 Features to be Aware of
IE as a Second-class Citizen
Summary
11. Adding Interactivity with jQuery
JavaScript? jQuery? What’s the difference?
Standard JavaScript versus jQuery: A Simple Example
How do I get jQuery and use it?
Hang On a Moment!
jQuery: Primed and Ready For Action
Using jQuery on the Project Site
Setting Up References to jQuery
Adding Default Form Value
Showing the Picture Gallery’s Captions on Hover
Summary
12. What to Do When Things Go Wrong
Prevention
Keep Multiple Browsers Open While Developing
Validate HTML and CSS as You Go
Learn About Known Browser CSS Bugs
Prepare Your Browser for Battle—with Extensions!
Inspecting Problems with Firebug
Web Developer Toolbar
Disable CSS
Disable JavaScript
Outline Elements on the Page
Hide Images or Reveal alt Attributes
View Information about CSS and JavaScript
And So Much More …
How to use XRAY
Summary
13. Pimp My Site: Cool Stuff You Can Add for Free
Getting the Low-down on Your Visitors
Choosing a Statistics Service
Registering a Google Account
Adding the Statistics Code to Your Web Pages
A Search Tool for Your Site
Searching by Genre
Enhancing Search Further with jQuery
Discussion Forums
Summary
14. Where to Now? What You Could Learn Next
Improving Your HTML
The Official Documentation
Other Useful HTML Resources
Advancing Your CSS Knowledge
The Official Documentation
The Ultimate CSS Reference
HTML Dog
CSS3.info
CSS Discussion Lists
The CSS Discuss List’s Companion Site
Learning JavaScript
Becoming a jQuery Guru
Improving Website Performance
Learning Server-side Programming
Scripting Languages in Brief
Learning PHP
Summary
Index
两难境地的明智抉择 内容简介 首先要说的是我深刻感到了中国软件行业的问题严重性,也特别同情中国共享软件作者的境遇。也学很多人会认为做软件的尤其是知名软件的厂商或...
《时尚达人的服饰潮搭与网购指南》内容简介:本书是服饰穿搭与网购的指导手册。本书首先介绍了服装廓形、色彩及流行趋势,然后针对
《模式分类》(原书第2版)的第1版《模式分类与场景分析》出版于1973年,是模式识别和场景分析领域奠基性的经曲名著。在第2版中,除
《中国就业战略报告:推动实施更高质量的就业(2020)》内容简介:本报告是中国人民大学研究报告系列中的一本,就现阶段推动实施更
《每个妈妈都是创意家》内容简介:本书从“艺术培养”“母女关系”“哲学思维”“旅行与性格”“职业培养”等方面,展示了作者在20
《写给系统管理员的Python脚本编程指南》内容简介:本书是一本介绍Python编程的进阶图书,包含了大量关于Python脚本设计的主题。本
《MySQL必知必会》MySQL是世界上最受欢迎的数据库管理系统之一。书中从介绍简单的数据检索开始,逐步深入一些复杂的内容,包括联
本书是一部讲述现代web标准的优秀教程,彻底摒弃了过时的内容,始终贯彻三层分离的思想。书中结合实例讲述如何使用html、css设计
专门用途英语系列教材是教育部规划的高等学校(包括高等专科院校和高等职业院校)专业英语阶段的英语教材,也可供电大、各类成人
本书由Scala之父作序推荐,深入探讨了Scala里几个较为复杂的领域,包括类型系统的高阶内容、隐式转换、特质的组合技巧、集合、Ac
《智慧社会》内容简介:●如果要在大数据领域推举出一个代表性的科学家,阿莱克斯·彭特兰是一个无法令人忽略的名字。经过数年极具
《研发绩效管理手册(第2版)》内容简介:本书从中国企业目前的研发绩效管理现状入手,结合作者多年的实践经验,详细介绍了研发绩效
本书是作者多年的创作手记结集,集中呈现作者几十年的创作理念、方法、作品、哲思等,文字或灵动,或犀利,既能从中透视当代中国
LTE语音业务及VOLTE技术详解 本书特色 本书讲解了各种可能的lte语音业务技术解决方案,同时也介绍了lte**演进技术,即所谓的5g可能采用的先进技术和演...
本书由“java之父”JameGosling以及另外三位顶级大师撰写而成,无论是对java语言的初学者还是专业程序员都具有极高的价值,是关于
《JavaScript框架设计(第2版)》内容简介:本书全面讲解了JavaScript框架设计及相关的知识,主要内容包括种子模块、语言模块、浏览
数据科学 本书特色 数据科学是一门新兴的热门科学,国外一流大学纷纷设立同名课程,相应的专业、课程及书籍也深受欢迎。本书是国内**部系统阐述数据科学的重要专著,填...
版本控制之道:使用Subversion,(第2版) 本书特色 《程序员修炼三部曲》丛书包含了三个部分,旨在帮助程序员解决在日常工作中遇到的一些具体问题,内容覆盖...
网络公关 本书特色 在中国公共关系走过二十年的历程后,我非常高兴地看到首套公共关系译丛的出版。此套丛书汲取了国际上先进的公共关系理论和案例研究,堪为经典公共关系...
《经济转型背景下的财富管理与资产配置》内容简介:当前,国际国内经济金融形势复杂多变,投资单一市场、单一资产的不确定性不断加