Đang chuẩn bị liên kết để tải về tài liệu:
idg books great web architecture phần 9

, với các yếu tố điều hướng trong một khung hình và nội dung khác. Điều này làm cho nó dễ dàng cập nhật nội dung ví dụ, thông tin về phía logo của trang này mà không cần thay đổi các menu là gì. Oh, nhưng nó không thực sự xây dựng một khung đơn giản, nó chỉ trông giống như một. | Figure 9.2 1997 Adjacency Inc. www.adjacency.com This divided page looks like other standard two-frame arrangements we ve examined in this book with navigational elements in one frame and content in the other. This makes it easy to update the content for instance the What s New information on the logo side of this page without changing the menus. Oh but it s not really a simple two-frame construction it just looks like one. That vertical stripe down the middle is actually two more frames each containing nothing more than a background color and a 6-pixel width specification. The page layout of four vertical frames is shown here in Adobe GoLive 9.3 . Nothing is left to chance or the vagaries of browser versions and platform differences. Doing it this way ensures perfect alignment every time. Figure 9.3 1997 Adjacency Inc. www.adjacency.com The left navigational frame uses animated JavaScript rollovers that are especially nice 9.4 . Instead of being either up or down the buttons appear to depress as you roll over them as if there were a movie attached to the action. Even the shadow depth changes. It s not exactly ultra-realism but there s a hint of life in the animation. - 178 - Figure 9.4 1997 Adjacency Inc. www.adjacency.com More important Adjacency has chosen to emphasize its clients rather than itself. It s easy to make a strong statement with a red background. But the real identity of a design firm is the work they ve done and for whom and Adjacency has made this evident through the design of their top-level page and site division Clients. And what a client list all with national or inter-national brand recognition. Unlike many other self-promotional sites Adjacency links each corporate logo directly to the Adjacency-designed site for that business. Notice in this screen shot how as we pass the cursor over the link the URL for JBL is shown in the links field at the bottom of the browser window 9.5 . There are no intermediate explanatory or self-congratulatory .