22
BROWSER COMPATIBILITY, DOMAINS & HOSTING ART340

Browser compatibility, DOMAINS & hosting

  • Upload
    aira

  • View
    46

  • Download
    1

Embed Size (px)

DESCRIPTION

Browser compatibility, DOMAINS & hosting. ART340. BROWSER COMPATIBILITY. Why Browser Test?. Firstly, your site will be seen in a wide range of browsing environments. It is necessary to ensure your site works under as many conditions as possible. - PowerPoint PPT Presentation

Citation preview

Page 1: Browser compatibility, DOMAINS & hosting

BROWSER COMPATIBILITY, DOMAINS & HOSTINGART340

Page 2: Browser compatibility, DOMAINS & hosting

BROWSER COMPATIBILITY

Page 3: Browser compatibility, DOMAINS & hosting

Why Browser Test? Firstly, your site will be seen in a wide range of

browsing environments. It is necessary to ensure your site works under as

many conditions as possible. CSS Incompatibility – browsers are known for the

inconsistencies.

Page 4: Browser compatibility, DOMAINS & hosting

Browsers to Check Internet Explorer 8 & 9 Firefox 15+ Chrome 22+ Safari 5 & 6 Opera 12

(Check Windows & Mac Versions.)

Page 5: Browser compatibility, DOMAINS & hosting

Browser Testing in DW Once your site is completely built, Dreamweaver has

a tool on the document toolbar that allows you to check for Browser Compatibility.

Page 6: Browser compatibility, DOMAINS & hosting

Avoiding Browser Issues HTML Errors are one of the largest browser issues.

Validate your HTML on each page of your site: http://validator.w3.org/

CSS Errors http://jigsaw.w3.org/css-validator/

CSS Reset resets any of the margin/padding issues you may encounter in different browsers. http://meyerweb.com/eric/tools/css/reset/

Page 7: Browser compatibility, DOMAINS & hosting

Questions to Ask How does the page look? How does the site function? What happens when the page is resized? Is the site usable when graphics are turned off? How does your site look on dial up?

Page 8: Browser compatibility, DOMAINS & hosting

Compatibility Limitations If you are curious whether or not you can use

something, visit: http://caniuse.com/

If you are noticing browser inconsistence with a specific CSS property, you can also check this site for compatibility limitations: http://reference.sitepoint.com/css

Page 9: Browser compatibility, DOMAINS & hosting

Browsershots.org Allows your to enter your site URL and the browsers

you want to check your site in.

Page 10: Browser compatibility, DOMAINS & hosting

Adobe Browser Lab A free, cross-browser compatibility tool that lets

your test your site in different browsers.

Page 11: Browser compatibility, DOMAINS & hosting

To put your site on the web, you will need a domain name and a web hosting service.

DOMAINS & HOSTING

Page 12: Browser compatibility, DOMAINS & hosting

Domain Names Your domain name is the name that points to

your site. Associated with a numeric IP address (74.220.195.31). Ex. cassreese.com

To register this name, you must find a registrar, and typically pay an annual fee.

As millions of names have already been registered, you have to check if the name you want is available.

Page 13: Browser compatibility, DOMAINS & hosting

Web Hosting Many sites that offer domain registration, also

offer hosting. Web hosting companies own servers that you

can purchase space from. In addition to space, you are also provided with

an IP address. Most companies purchase space from a large

hosting company, as it is cheaper and more reliable.

Page 14: Browser compatibility, DOMAINS & hosting

Disk Space The total size of your everything on your site.

+ +

Page 15: Browser compatibility, DOMAINS & hosting

Bandwidth The amount of data requested by the visitors of

your site. If 6 people visit your site, the bandwidth would be 6

times your used disk space.

14 ft.

Page 16: Browser compatibility, DOMAINS & hosting

Backups The storing of your site on another backup server. Each company handles this differently:

Some allow you access to former site backups (in the case you break your site).

Some only create backups in the case that their server breaks.

E A C H C O M PA N Y H A S YO U R B A C K I N A D I F F E R E N T WAY.

Page 17: Browser compatibility, DOMAINS & hosting

Email Accounts Most hosting companies offer an email server with

your package. The mailbox size and number may vary. Example: [email protected]

Page 18: Browser compatibility, DOMAINS & hosting

Server-Side Languages/Databases

The important thing to keep in mind here, is will you be using a CMS (Content Management System).

For example, Wordpress is run on a PHP server with a MySQL database.

Page 19: Browser compatibility, DOMAINS & hosting

The Process1. Buy the domain name.2. Find a host. I recommend using the same company

as your registrar. In the case that you do not, you will have to manage the DNS (Domain Name System). Here is an article that helps this process: http://coding.smashingmagazine.com/2011/05/25/introduction-to-dns-explaining-the-dreaded-dns-delay/

Page 20: Browser compatibility, DOMAINS & hosting

Registrars/Hosting Companies There are companies that will provide a free domain name

if you buy their hosting. GoDaddy is a great option, as it is known for its incredible

pricing. $46.23 for I year hosting + 1 year domain registration.

Network Solutions was the original registrar. They allow free domain registration and monthly billing. Total: $12.94

BlueHost is what I have been using. Justhost.com iPage.com

Page 21: Browser compatibility, DOMAINS & hosting

The Process, Cont.3. Login to FTP. Enter the server name, login, and

password.4. Navigate your folders. Find the root folder on your

server. 5. Upload Site.6. Browser Check. Open your site in a browser. Voila!

Page 22: Browser compatibility, DOMAINS & hosting

ReferencesDuckett, Jon. HTML & CSS: Design and Build

Websites. Indianapolis, IN : Chichester: Wiley, 2011. Print.Niederst Robbins, Jennifer. Learning Web Design: A Beginner's

Guide to (X)HTML, Style Sheets and Web Graphics. 3rd ed. Beijing ; Sebastopol, CA: O'Reilly, 2007. Print.