tailieunhanh - Wrox Professional CSS Cascading Style Sheets for Web Design phần 2

Đọc cho dù bảng điều khiển nổi hiện đang được hiển thị và frontmost (đúng) hoặc ẩn (sai) Theo các đặc điểm kỹ thuật CSS ( # quan trọng, quy tắc), các quy tắc quan trọng! "Tạo ra một sự cân bằng quyền lực giữa tác giả và tờ phong cách người dùng." | The Planning and Development of Your Site Global navigation links. From our site map these are Contact Us Subscribe Accessibility Statement and Copyright. Primary navigation. These are links to the Learn About and Contribute sections which we defined in our site map. Secondary navigation. These are the navigation options within each section. If we were in the About section of our site map the subnav options would be Our Site Our Authors Colophon and Advertising. Author s name. This should link to the article s author profile. Category listings. These should list under which content categories the current article has been filed so that users might view additional articles in these categories. Advertising banner. The client tells us it needs to be 280 pixels wide and 120 pixels tall but we don t need to be concerned with layout at this stage. Equipped with this list we should now begin to group these chunks of content into different categories which should speak to how the different content areas relate to each other. For example with the content we ve listed we might create the following content hierarchy Content The article s content Related content The author s name Category listings Related articles Branding The WebMag 5000 logo Navigation Primary navigation Secondary navigation Global navigation Advertising The banner advertisement These content groups are broken down largely into conceptual chunks that is to say that ancillary bits of information have been dumped into Related Content the banner advertising has been oh-so-cleverly labeled Advertising and so on . Were you working on a page that had a higher degree of interactivity such a complex form that requires the user to enter a sizeable amount of data you might use headers that describe the data contained therein My Personal Information My Company Information Shipping Address and so on . Armed with this high-level list we can turn these content groupings into a rough wireframe that demonstrates how these .