Images

Controlling sizes of the images in CSS

You can control the size of an image using the width and height properties in CSS, just like you can for any other box

Aligning Images Using CSS

1: The float property is added to the class that was created to represent the size of the image (such as the small class in our example).

2: New classes are created with names such as align-left or align-right to align the images to the left or right of the page. These class names are used in addition to classes that indicate the size of the image.

Centering Images using css

1: On the containing element, you can use the text-align property with a value of center.

2: On the image itself, you can use the use the margin property and set the values of the left and right margins to auto.

Background Images

background-image

The background-image property allows you to place an image behind any HTML element. This could be the entire page or just part of the page. By default, a background image will repeat to fill the entire box

Repeating Images

Background-repeat

Background-attachment

repeat

The background image is repeated both horizontally and vertically (the default way it is shown if the backgroundrepeat property isn’t used).

repeat-x

The image is repeated horizontally only (as shown in the first example on the left). repeat-y The image is repeated vertically only.

no-repeat

The image is only shown once. The background-attachment property specifies whether a background image should stay in one position or move as the user scrolls up and down the page. It can have one of two values:

fixed

The background image stays in the same position on the page.

scroll

The background image moves up and down as the user scrolls up and down the page

---

SEO

Searching Engine Optimization

SEO is a huge topic and several books have been written on the subject. The following pages will help you understand the key concepts so you can improve your website’s visibility onsearch engines

ON-PAGE SEO

In every page of your website there are seven key places where keywords (the words people might search on to find your site) can appear in order to improve its findability

How to Identify Keywords and Phrases

Determining which keywords to use on your site can be one of the hardest tasks when you start to think about SEO. Here are six steps that will help you identify the right keywords and phrases for your site.

Analytics: Learning about your Visitors

As soon as people start coming to your site, you can start analyzing how they found it, what they were looking at and at what point they are leaving. One of the best tools for doing this is a free service offered by Google called Google Analytics.

How Many People Are Coming to Your Site

The overview page gives you a snapshot of the key information you are likely to want to know. In particular, it tells you how many people are coming to your site.

What Are Your Visitors Looking At

The content link on the left-hand side allows you to learn more about what the visitors are looking at when they come to your site