Customizing a liquid layout


show more Customizing a liquid layout provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Customizing a liquid layout

>> As we saw in the last movie, liquid width designs can improve accessibility by offering web users an even greater range of control over the page to suit their needs. We're going to use the page saved in the last movie name liquid.html as the start of an example site to build. If you're following along with the exercise files and do not already have liquid.html open in Dreamweaver from the last movie, it's located in a folder named 03_06 in the chapter three folder of your exercise files. We'll begin our customization of this page by changing some width values to better suit a wider variety of designs and make it a little more robust.

Right now, both of the columns have liquid width. Let's preview the page in Firefox to see that again. Click on the globe icon in the document tool bar and choose preview in Firefox. Narrow your browser window as you did before. You can see that both columns change in size and the sidebar gets very narrow when the window is narrow. Long w...

Customizing a liquid layout
Video duration: 7m 15s 6h 9m Appropriate for all

Viewers:

Customizing a liquid layout provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...