Web Design with HTML and CSS

210

Self study

Web Design with HTML and CSS Digital Classroom

Self study

1 Evaluate the diff erent browser-testing options outlined in the lesson. Depending on

your platform (Mac/PC), begin testing sample websites or lesson fi les that you may have

worked on.

2 For the CSS3 portion of this lesson, experiment with some of the more supported

features, such as text-shadow and RGBA properties. Perform a research online for

recently published articles on the web.

Review

Questions

1 What are three ways you can test how your web page will appear on browsers that are

not on your platform?

2 What are conditional comments and when would you use one?

3 What are the strengths and weaknesses of using a feature such as border-radius that is

currently part of the CSS3 specifi cation and therefore not supported in older browsers?

Answers

1 Three ways you can test your web design on other browsers and platforms are: a) Using

a separate computer with an alternative operating system installed. b) Using a “virtual

machine” that allows you to install an operating system on your current computer

and c) Using a web service or a standalone application such as Adobe BrowserLab or

Expression SuperPreview to test pages.

2 Conditional comments are comments that target only specifi c versions of Internet

Explorer web browsers. Conditional comment allows you to create separate external

style sheets commonly used to create styles that fi x problems with older browsers, such as

Internet Explorer 6.

3 CSS3 properties allow designers to add interesting eff ects, such as border-radius

or drop shadows. However, they often require special vendor-specifi c code that will

only work in certain browsers. Additionally, web browsers that don’t support the CSS3

features will not display them. This requires the designer to be careful when using these

properties as central design elements.