reading-notes

# Audio, Video, Images

Images

Controlling sizes of 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. img.large { width: 500px; height: 500px;}.

• Aligning images using CSS
  1. The float property is added to the class that was created to represent the size of the image
  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.

• The background-image property allows you to place an image behind any HTML element. body { background-image: url("images/pattern.gif");}

• Repeating Images background-repeat background-attachment

• Background Position background-position shorthand background

• Gradient background-image

Video and Audio APIs

The /<video>/ and /<audio>/ elements allow us to embed video and audio into web pages. As we showed in Video and audio content

---

## Practical Information

Search Engine Optimization (SEO ) 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 on search engines. 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.

1. Page Title
2. URL / Web Address
3. Headings
4. Text

• 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.
  1. Brainstorm
  2. Organize
  3. Research
  4. Organize
  5. Refine
  6. Map

### 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.

### 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.

Where Are Your

Visitors Coming From? The traffic sources link on the left hand side allows you to learn where your visitors are coming from.

### Domain Names & Hosting In order to put your site on the web you will need a domain name and web hosting.

### FT P & Third Party Tools To transfer your code and images from your computer to your hosting company, you use something known as File Transfer Protocol. __

Sources: 1.HTML Ducket book 2.audio and video elements