کتاب HTML And CSS Design And Build Websites.pdf

کتاب HTML and CSS Design and Build Websites.pdf

 

دانلود رایگان کتاب HTML and CSS.pdf

Design and Build Websites

Jon Duckett

©2011 by John Wiley & Sons, Inc.,

لینک دانلود کتاب HTML and CSS; Design and Build Websites.pdf

 

Contents

IntroductionChapter 1: StructureChapter 2: TextChapter 3: ListsChapter 4: LinksChapter 5: ImagesChapter 6: TablesChapter 7: FormsChapter 8: Extra MarkupChapter 9: Flash, Video & AudioChapter 10: Introducing CSSChapter 11: ColorChapter 12: TextChapter 13: BoxesChapter 14: Lists, Tables & FormsChapter 15: LayoutChapter 16: ImagesChapter 17: HTML5 LayoutChapter 18: Process & DesignChapter 19: Practical InformationIndex

 

 

The Structure of This Book

In order to teach you about creating web pages, this book is divided into three sections:

 

1: HTML

We will spend the first chapter looking at how HTML is used to create web pages. You will see that you start by writing down the words you want to appear on your page. You then add tags or elements to the words so that the browser knows what is a heading, where a paragraph begins and ends, and so on.The rest of this section introduces the tags you have at your disposal to create web pages, grouped into chapters on: text, lists, links, images, tables, forms, video audio and flash, and miscellaneous elements.I should warn you that the examples in the first nine chapters are not exciting to look at, yet they are the foundation of every web page. The following chapters on CSS will show you how to make your pages look a lot more interesting.

 

2: CSS

We start this section with a chapter that explains how CSS uses rules to enable you to control the styling and layout of web pages. We then go on to look at the wide variety of CSS properties you can use in your CSS rules. These properties generally fall into one of two categories:Presentation: How to control things like the color of text, the fonts you want to use and the size of those fonts, how to add background colors to pages (or parts of a page), and how to add background images.Layout: How to control where the different elements are positioned on the screen. You will also learn several techniques that professionals use to make their pages more attractive.

 

3: Practical

We end up with some helpful information that will assist you in building better websites. We look at some new tags that will be introduced in HTML5 to help describe the structure of your pages. HTML5 is the latest version of HTML (still under development at the time of writing). Before learning about these elements, you need a good grasp of how CSS is used to control the design of web pages. There is a chapter that talks you through a design process that you might like to follow when creating a new website.Finally, we end up looking at topics that will help you once you have built your site, such as putting it on the web, search engine optimisation (SEO) and using analytics software to track who comes to your site and what they are looking at.

 

How People Access the Web

Before we look at the code used to build websites it is important to consider the different ways in which people access the web and clarify some terminology.

 

- BrowsersPeople access websites using software called a web browser. Popular examples include Firefox, Internet Explorer, Safari, Chrome, and Opera.In order to view a web page, users might type a web address into their browser, follow a link from another site, or use a bookmark.Software manufacturers regularly release new versions of browsers with new features and supporting new additions to languages. It is important, however, to remember that many computer owners will not be running the latest versions of these browsers. Therefore you cannot rely on all visitors to your site being able to use the latest functionality offered in all browsers. You will learn how to tell which browsers visitors use to access your website in Chapter 19.

 

- Web ServersWhen you ask your browser for a web page, the request is sent across the Internet to a special computer known as a web server which hosts the website.Web servers are special computers that are constantly connected to the Internet, and are optimized to end web pages out to people who request them.Some big companies run their own web servers, but it is more common to use the services of a web hosting company who charge a fee to host your site.

 

- DevicesPeople are accessing websites on an increasing range of devices including desktop computers, laptops, tablets, and mobile phones. It is important to remember that various devices have different screen sizes and some have faster connections to the web than others.

 

 

- Screen readersScreen readers are programs that read out the contents of a computer screen to a user. They are commonly used by people with visual impairments.In the same way that many countries have legislations that require public buildings to be accessible to those with disabilities, many laws have also been passed that require websites be accessible to those with disabilities.Throughout this book you will see several references to screen readers. These notes will help ensure that the sites you create are accessible to people who use such software.It is interesting to note that technologies similar to those employed by screen readers are also being used in other areas where people are unable read a screen, such as when they are driving or jogging.

 

How Websites Are Created

All websites use HTML and CSS, but content management systems, blogging software, and e-commerce platforms often add a few more technologies into the mix.

 

What you seeWhen you are looking at a website, it is most likely that your browser will be receiving HTML and CSS from the web server that hosts the site. The web browser interprets the HTML and CSS code to create the page that you see.Most web pages also include extra content such as images, audio, video, or animations and this book will teach you how to prepare them for use on the web and then how to insert them into your web pages.Some sites also send JavaScript or Flash to your browser, and you will see how to add JavaScript and Flash in your web pages. Both of these technologies are advanced topics that you can go on to learn more about once you have mastered HTML and CSS, if you want to.

 

How it is CreatedSmall websites are often written just using HTML and CSS.Larger websites — in particular those that are updated regularly and use a content management system (CMS), blogging tools, or e-commerce software — often make use of more complex technologies on the web server, but these technologies are actually used to produce HTML and CSS that is then sent to the browser. So, if your site uses these technologies, you will be able to use your new HTML and CSS knowledge to take more control over how your site looks.Larger, more complex sites like these may use a database to store data, and programming languages such as PHP, ASP.Net, Java, or Ruby on the web server, but you do not need to know these technologies to improve what the user sees. The skills you'll learn in this book should be enough to help you on that road.

 

 

HTML5 & CSS 3Since the web was first created there have been several versions of HTML and CSS — each intended to be an improvement on the previous version.At the time of writing this book, HTML5 & CSS3 were still being developed. Although they had not been finalized, many browsers were already supporting some features of these languages and a lot of people were using the latest code on their websites. I have therefore chosen to teach you these latest versions.Because HTML5 and CSS3 build on previous versions of these languages, learning these means you will also be able to understand the earlier versions of them. I have added clear notes when the code is new and also when it might not work in older browsers.

 

How the Web Works

When you visit a website, the web server hosting that site could be anywhere in the world. In order for you to find the location of the web server, your browser will first connect to a Domain Name System (DNS) server.

 

We come across all kinds of documents every day of our lives. Newspapers, insurance forms, shop catalogues... the list goes on.Many web pages act like electronic versions of these documents. For example, newspapers show the same stories in print as they do on websites; you can apply for insurance over the web; and stores have online catalogs and e-commerce facilities.In all kinds of documents, structure is very important in helping readers to understand the messages you are trying to convey and to navigate around the document. So, in order to learn how to write web pages, it is very important to understand how to structure documents. In this chapter you will:●● See how HTML describes the structure of a web page●● Learn how tags or elements are added to your document●● Write your first web page

 

 

لینک دانلود کتاب HTML and CSS; Design and Build Websites.pdf