TAILIEUCHUNG - Learning Web Design Third Edition- P9

Learning Web Design Third Edition- P9:Everything you need to know to create professional web sites is right here. Learning Web Design starts from the beginning defining how the Web and web pages work and builds from there. By the end of the book, you'll have the skills to create multi-column CSS layouts with optimized graphic files, and you'll know how to get your pages up on the Web. | Step 5 Change the Look with a Style Sheet Step 5 Change the Look with a Style Sheet Depending on the content and purpose of your web site you may decide that the browser s default rendering of your document is perfectly adequate. However I think I d like to pretty up the Black Goose Bistro home page a bit to make a good first impression on potential patrons. Prettying up is just my way of saying that I d like to change its presentation which is the job of Cascading Style Sheets CSS . In Exercise 4-5 we ll change the appearance of the text elements and the page background using some simple style sheet rules. Don t worry about understanding them all right now we ll get into CSS in more detail in Part III. But I want to at least give you a taste of what it means to add a layer of presentation onto the structure we ve created with our XHTML markup. exercise 4-5 Adding a style sheet 1. Open if it isn t open already. 2. We re going to use the style element to apply an embedded style sheet to the page. This is just one of the ways to add a style sheet the others are covered in Chapter 11 Style Sheet Orientation. The style element is placed inside the head of the document. It uses the required type attribute to tell the browser the type of information in the element text css is currently the only option . Start by adding the style element to the document as shown here Figure 4-14. The Black Goose Bistro page after CSS style rules have been applied. head title Black Goose Bistro title style type text css style head 3. Now type the following style rules within the style element just as you see them here. Don t worry if you don t know exactly what is going on. you ll learn all about style rules in Part III. style type text css body background-color C2A7F2 font-family sans-serif hl color 2A1959 border-bottom 2px solid 2A1959 h2 color 474B94 font-size h2 p margin-left 120px style 4. Now it s time to save the file and take a look at it in the browser. It should

• Đồ họa - Thiết kế - Flash
• thiết kế web
• vẽ layout
• giáo trình css
• kĩ thuật cắt html
• giáo trình photoshop
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động