M A K E Rs As Innovators Century Skills INNOVATION LIBRARY More Web Design with HTML5 tex nav background FFFFFFE border 5p solid black padding 2 nav a background 0000 FF Color KFFFFFF margin 5 padding 1 border radius 10 text decoration none nava hover background FFFFFF color 000000 le ty head dy 20 in17 nion der hea lcome Home Page Sports Dance Favorite Restaurants hl Kna VD e nav CHERRY LAKE PUBLISHING ANN ARBOR MICHIGAN by Colleen van Lent
Century Skills INNOVATION LIBRARY Contents Chapter 1 Creating a Better Web Page 4 Chapter 2 Navigation Bars Chapter 3 styling Like a Pro 16 Chapter 4 Finishing Touches 28 Glossary 30 Find Out More 31 Index 32 About the Author 32
MAKERS AS INNOVATORS Chapter 1 Creating a Better Web Page o you've built your first Web page and posted it online It works but it is very basic and you would like to improve it You have learned about different kinds of tags and their syntax but you suspect that there is more to learn about Web design You're right The next step is to learn good design practice To accomplish this we are going to create a navi gation bar Navigation bars are a common way to link a series of pages together on a Web site Sometimes they are located along the top of a site Other times they are along the side However they all have the same purpose to help people find information on your site A good navigation bar is styled accessible fluid and interactive But what do these terms
MORE WEB DESIGN WITH HTML5 e O O Colisees C file II index html Welcome Home Page Sports Dance Favorite Restaurants Rile users collem Desktop dance heml Web pages almost always have a navigation bar across the top of the page as shown here or down the left side They help readers quickly find the information they are looking for Styled Proper styling is handled using cascading style sheets CSS When using CSS you don't need to style each individual tag of your page Instead you can write rules that apply to the whole page In this book you will learn the first steps of styling pages with
