从零开始：HTML与CSS打造专业网站

需积分: 9 34 浏览量更新于2024-07-25 收藏 23.14MB PDF 举报

"《Build Your Own Website The Right Way Using HTML & CSS》(第二版)是一本全面介绍网页开发的实用指南，旨在让完全没有HTML、CSS或网络开发经验的读者从零开始构建功能齐全的网站。作者以循序渐进的方式引导读者学习这两种核心技术，特别强调了现代的最佳实践，确保初次学习就能掌握正确的技术。本书结构包括以下几个关键部分： 1. **设置基础**：第1章介绍如何准备开发环境，让你了解创建网站的基本步骤。 2. **入门HTML**：第2章通过实例教授HTML基础知识，让你构建简单的网页布局。 3. **添加样式**：第3章深入CSS，讲解如何运用CSS规则来美化网页，提升用户体验。 4. **图片处理**：第4章讨论如何在网页中恰当地使用图片，以及优化图片以适应不同浏览器和设备。 5. **表格应用**：第5章探讨表格作为数据组织工具的使用，以及响应式设计中的注意事项。 6. **互动与用户输入**：第6章涉及表单的设计，帮助你理解如何收集和处理用户数据。 7. **上线与部署**：第7章指导你将网站发布到互联网，确保跨浏览器兼容性和性能。 8. **添加博客功能**：第8章介绍如何为你的网站增添动态内容，如博客系统。 9. **高级定制**：第9章提供了一些免费资源，让你的网站更酷炫，更具吸引力。 10. **未来方向**：第10章概述了后续可能的学习路径，帮助你进一步提升技能。此外，书中还提供了XHTML参考和详细的索引，方便查阅。版权信息表明，这本书由Ian Lloyd撰写，SitePoint Pty Ltd出版，于2006年首次发行，并在2007年进行了更新。专家评审员Marc AGarrett、编辑Georgina Laidlaw等专业人员共同参与了本书的制作，确保内容的专业性和实用性。《Build Your Own Website The Right Way Using HTML & CSS》不仅适合初学者建立个人网站，也为希望成为专业web开发者的人提供了扎实的基础。同时，它强调了网页设计的可访问性、标准遵循和跨平台兼容性，使读者能够创建出既美观又实用的网站，满足不同用户需求。"

Build Your Own Web Site The Right Way Using HTML & CSS

body ........................................................................................ 426

br ............................................................................................ 427

button ..................................................................................... 428

caption ................................................................................... 429

cite ........................................................................................ 430

code ........................................................................................ 430

col .......................................................................................... 431

colgroup ................................................................................. 432

dd ............................................................................................ 433

del .......................................................................................... 434

dfn .......................................................................................... 434

div .......................................................................................... 435

dl ............................................................................................ 436

dt ............................................................................................ 437

em ............................................................................................ 438

fieldset ................................................................................. 439

form ........................................................................................ 440

h1 to h6 ................................................................................... 441

head ........................................................................................ 441

hr ............................................................................................ 442

html ........................................................................................ 443

iframe ..................................................................................... 444

img .......................................................................................... 445

input ....................................................................................... 446

ins .......................................................................................... 447

kbd .......................................................................................... 448

label ....................................................................................... 448

legend ..................................................................................... 450

li ............................................................................................ 450

link ........................................................................................ 451

map .......................................................................................... 452

meta ........................................................................................ 453

noscript ................................................................................. 453

object ..................................................................................... 454

ol ............................................................................................ 455

optgroup ................................................................................. 455

option ..................................................................................... 456

p .............................................................................................. 457

param ....................................................................................... 458

pre .......................................................................................... 458

q .............................................................................................. 459

samp ........................................................................................ 460

Licensed to siowchen@darke.biz

Preface

Congratulations on buying this book. Oh, wait a minute—perhaps you haven’t

yet. Perhaps you’ve just picked up the book in your local bookshop, and are trying

to decide whether it’s right for you. Why should this be the book that makes it

into your shopping basket? The answer can be found in the title of the book: it’s

all about getting things right the first time, not learning bad habits—bad habits

that you have to un-learn at a later date—for the purposes of getting a quick

result.

Let’s take a step back for a moment, and look at another skill that many people

learn at some point in their lives: learning to drive. Apologies if that particular

experience is also new to you, but stick with me. For many people, first driving

lessons can be very confusing—you’ve got to figure out which pedals to press, in

what order, and manage to get out of the driving school car park without hitting

the other students. Meanwhile, other more experienced people just get into their

cars, start the engine, and drive from A to B without even really thinking about

what they’re doing. These drivers may have picked up a few bad habits along the

way, but if they learned with a proper driving instructor, the chances are that

they were taught properly from the beginning, following a strict set of rules and

guidelines to ensure they stay safe.

The driving instructor tells you to check your mirrors diligently, observe speed

limits, and avoid cutting corners (literally as well as metaphorically!). Imagine,

though, if the instructor told you not to worry about the speed limit signs, to

“put your foot down” because the road is clear, or told you that the one-way sign

“wasn’t all that important at that time of night.” It’d be a miracle if you passed

your driving test, and the chances are that those bad habits would stay with you

(so long as you could manage to keep your license).

Learning to build web pages can be a bit like that.

I’ve been designing and building web sites for around eight years now, but I can

clearly remember the joy of creating my first site. Admittedly, in hindsight, it

was a pretty nasty-looking web site, but it achieved the goal at the time—I had

published something, and I was able to create it with the bare minimum of tools.

It gave me an enormous sense of achievement, and made me want to learn more

and create even better web sites.

At the time, there weren’t that many books that really seemed to what I wanted,

but I lapped up everything I could find, learning some tricks from books, and

Licensed to siowchen@darke.biz

Preface

getting other ideas from visiting web sites. But then I discovered that I’d been

doing it all wrong. The books I had learned from had given me what later turned

out to be poor advice, and the web sites I’d visited had themselves learnt from

the same sources and made use of similar bad techniques. So, what had gone

wrong?

In the early days of the web, when people first started properly to embrace the

technology, to publish homepages, and to develop online corporate presences for

their companies, they all realized fairly quickly that the medium was quite limiting.

Necessity is the mother of invention, though. People began to coax out of their

web pages tricks and displays that were never intended by the technologies they

used, and the browsers helped them along the way by adding features that offered

even more opportunities for this kind of behavior.

Numerous books have been written on the topics of web design and programming,

as have many free tutorials that you can read on the ’Net. Many of them were

written during those heady years, and were based on what seemed like best

practices back then, but their authors were constrained by browsers that often

rendered the same well-designed pages in vastly different ways. This meant that

the tutorials’ authors needed to resort to abusing various features of those

browsers, such as using data tables to lay out pages. This certainly got many

people building their first web pages, but it ensured that bad habits were ingrained

at an early stage, and many people are still using these bad practices years later.

Web developers the world over have learnt bad habits (myself included) and

must now try to un-learn them all. There’s no longer a need for these prac-

tices—they often produce pages that are inflexible, slow to download, and difficult

to maintain, but like the badly taught driver who insists on flouting the rules

because it’s worked for him so far, many developers find those outdated habits

difficult to break.

I saw the light many years ago, and have tried to educate as many people as

possible since. But for the eager beginner, those same old books are still peddling

the same bad old ideas. This just has to stop. And it stops now.

You’re not going to learn any bad habits in this book. Not one.

In this book, you’ll learn the right way to do things. If there’s a wrong way to do

things—a way that cuts corners to save time but encourages bad techniques—we

won’t even tell you about it. Not even as a “by the way, you might try this…”

You won’t need to avert your eyes—we’ll take care of that for you!

xiv

Licensed to siowchen@darke.biz

剩余519页未读，继续阅读

cyyjm

粉丝: 3
资源: 16

从零开始：HTML与CSS打造专业网站

最新资源