NHÓM TÁC GIẢ EUCOM N H À XUẤT BẢN H À N Ộ I Mã sổ■= DV, - ^ 54 - 449 - 2000 H N -2 0 L Ờ I G IỚ I T H IỆ U W eb phương tiện thông tin lớn ngày nhiểu người sử dụng Với triệu Website ước tính khoảng 100 triệu W ebsite vào năm 2 , người sử dụng có nhiổu lưa chọn hết Vì thế, chẳng có lý mà h ọ lại truy c ậ p site rắc rối, tốc độ chậm không đ p ứhg yêu cẳu họ Chỉ site đơn giản, có tính tiện dụng cao có th ể đứng vữhg cạnh tranh khốc liệt Với m ục đích giúp nhà thiết k ế W eb tạo W ebsite th u ận tiện ch o người sử dụng, nhóm tác giả ELICOM xin trằn trọng giới thiệu c ẩ m n a n g th iế t k ế W ebsite Cuốn sách trình bày khía cạnh thiết k ế W eb n h th iết k ế trang, thiết k ế nội dung thiết k ế toàn cấu trúc site cho phù h ợ p với c ác đ tượng sử dụng Các p h ần trình bày minh h ọ a ví dụ thực tế, nhừhg W ebsite lớn n ổ i tiếng ê n toàn t h ế giới Q ua đó, bạn có th ể rút nhữtig h ọ c từ kinh nghiệm người khác, chẳng c ó lý d o m lại phạm phải lổi m nhiáu người khác đ ã m ắc Nếu tuân th eo nhCỒig ch ỉ dấn sách này, bạn sỗ có đề n W eb n h an h h n đ áp ứng điA^c yêu cầu nhiổu người sử dụng C húc bọn th n h công M Ụ C LỤC GIỚI THIỆU : TẦM QUAN TRỌNG CỦA TÍNH TIỆN DỤNG Nchệ thuật kỹ thuật Tạ người lại thiết k ế không chuẩn Website 11 Chương THIỂT KẾ TRANG Bccục hình 13 Thết kế xuyên .18 Người sử dụng từ đâu đ ế n ? 21 Thiết kế không phụ thuộc vào độ phân giải 22 Sử dụng nội dung không chuẩn 24 Cân nhắc việc cài đặt phiẻn m ới .24 Khi nâng cấp thi an toàn? 26 Tách biệt ý nghĩa trình bày thông tin 28 Thời gian đáp ứhg 33 Thời gian đảp ứng đốn trước 33 Tốc độ tải trang nhanh, tác độ kết nối nhanh 36 Xem lướt mản hình đáu tiôn 39 Sử dụng HTTP 39 Lỉén k ế t 42 Miêu tả liên k ế t 42 Tiồu để liên k ế t 48 Tô màu liên kết 51 Vài điểm lưu ý vể liôn k ế t 51 Liên kết bao quanh 52 Liên kết tới 56 Liên kết tới thuô bao đăng ký 61 Quảng cáo liốn k ế t 62 Trang m ẫu 64 Chuẩn hóa thiết kế qua trang mẫu 64 Đảm bảo trang mẵu đểu hoạt động 66 Khung 67 Có phải lúc nên sử dụng khung? 71 Sự tín nhiệm 74 In ấ n 74 Kết luận 76 Chương THIẾT KẾ NỘI DUNG Viết thông tin cho W eb 78 Nội dung ngắn gọn 78 Hiệu chỉnh copy 79 Đọc lướt 80 Ngôn ngữ đơn giản 85 Tách thông tin thành nhiều trang 86 Tiồu đá trang 97 Viết tiỗu để 97 Dễ đọc 98 Thông tin dẵn trực tuyến 99 Đa phương tiện 103 Thời gian đáp ứhg 105 Hĩnh ảnh ảnh c h ụ p 106 Giảm tỉ lệ hình ảnh 106 Ảnh động 112 Hiển thị nối tiếp chuyển đổi 112 Xác định chiều chuyển đổi 112 Minh họa thay đổỉ theo thời gian 114 Hiển thị nhiều đối tượng 114 Làm phong phú trình bày đồ họa .114 Hiển trị cấu trúc ba chiểu 114 Thu hút ý 115 V ideo 115 Video đổ dán video tải xuống 118 Audio 118 Giúp người tàn tật sử dụng đa phương tiệ n 121 Đồ họa ba chiểu 121 Sử dụng không gian ba chiểu không hợp lý .122 Khi nên sử dụng không gian ba chiểu? .124 Kết luận 125 Chương THIẾT KẾ SITE Trang c h ủ 128 Chiểu rộng thích hợp trang 130 Chiểu rộng trang chủ 130 Màn hình bặt khơng cịn tồn 136 Trang chủ trang bôn 136 Liốn kết sâu 138 Ẩn d ụ Shopping Cart, tiêu chuần giao diện 146 Định hướng 146 Tôi đâu? 146 Tôi đâu? 149 Tơi đến đâu? 149 Cấu trúc site 154 Chiểu rộng chiểu sâu 157 Người sử dụng điểu khiển định hướng 167 Hố trợ người sử dụng quản lý lượng thông ti n 169 Giảm bớt lộn xộn định hướng 173 Site c o n 174 Khả tìm kiếm .175 Tìm kiếm nâng cao 178 Trang kết tìm kiếm 178 Mò tả trang từ 183 Thiết kế đích tìm kiếm .189 Thiết kế địa U RL 195 Địa URL lưu tr ữ 198 Quảng cáo địa URL 199 Hỗ trợ địa URL cù 199 Nội dung người sừ dụng đóng g ó p 203 Định hướng Applet 203 Thao tác chậm 206 Kết luận 206 Chương THIỂT KỂ INTRANET Điểm khác biệt thiết kế intranet vầ thiết kế Internet 207 Thiết kếextranet 209 Cải tiến nhân tố định thông qua suất củanhân viên 211 Cổng vào intranet: sở hạ tầng thông tin công ty 217 Bảo trì intranet 219 Ba thành phần lớn sờ hạ tầng: thư mục, tim kiếm tin tức 219 Tiêu chuẩn thiết kế intranet 220 Các hướng dẵn vổ tiôu chuẩn 221 Thuô thiết kế intranet 222 Quản lý việc truy cập Web nhân vién 223 Các tiêu chuẩn vể phản cứng 223 Các mặc định trình duyệt 224 Mặc định hệ thống tìm kiếm .225 Thử nghiệm người sử dụng intranet 226 Nghiỗn cứu thực t ế 227 Kết luận 229 Chương KHẢ NĂNG TRUY CẬP CỦA NGƯỜI s DỤNG KHUYẾT TẬT Bước khởi đẳu khả truy cập W eb .231 Ngitòi khiếm th ị 233 Các thuộc tính ALT 234 Khuyết tật vể thính giác 238 Khuyết tật diền ngôn 238 Khuyết tật di chuyển .238 Khuyết tật vể nhận th ứ t 239 Kết luận: khả truy cập thực t ế 240 Chương PHỤC VỤ NGƯỜI SỬ DỤNG TỒN CẦU Quốc tế hóa địa phương h ó a 242 Thiết kế cho việc quốc tế h ó a 242 Kiểm tra quốc t ế 245 Các site dịch viết nhiểu ngôn ngữ 246 Lựa chọn ngôn n g ữ 248 Tìm kiếm đa ngơn ngữ 256 Điểm khác biệt giữd vùng .256 Kiểm tra người sử dụng quốc tế 257 Khắc phục khoảng cách vể ngôn ngữ 257 Nên thử nghiệm nước? .258 Cảm ơn người tham gia 258 Phương thức thử nghiệm 259 Tự bạn nước 259 Thử nghiệm người sử dụng từ x a 260 Phịng thí nghiệm tính tiệndụng dành cho thử nghiệm quốc t ế 261 Tự tiến hành thử nghiệm • 262 Kết luận .265 Chương NHỬNG D ự BÁO TƯƠNG LAI: THAYĐổI, BẤT BIỂN DUY NHẤT CỦA WEB Các khuynh hướng lâu dài 266 Các thiết bị thông tin 270 W ebTV 271 Loại bỏ trình duyệt Web .278 Dải thông dần mở rộng 278 Các biểu tượng ẩn dụ vể W eb 280 Điện thoại 280 Truyền hình 284 Cấu trúc lại không gian đa phương tiện:báo chí sỗ khơng cịn 286 Kết luận ! 289 Chương TÍNH ĐƠN GIẢN TRONG THIẾT KẾ WEB Các Website "Home - Run" 290 Thời điểm thích hợp thời điểm khơng thích hợp n h ắ t 298 Chương GIỎI THIỆU : TẦM QUAN TRỌNG CỦA TÍNH TIỆN DỤNG ■ ■ Tính tới tháng Giêng năm 0 , có khoảng mười triệu site Web C on số triệu vào cuối năm sẻ tăng lẽn thành hàng trăm triệu vào năm 0 Như vậy, người sử dụng sỗ có nhiéu lựa chọn hết Vậy h ọ lại thời gian vào thứ phức tạp, khó hiểu, chậm chạp không đáp ứng nhu cầu họ? Nếu người sử dụng Web khơng tìm cách sử dụng Website vòng m ột phút, họ sẻ cho việc không đáng đ ể phải thời gian từ bỏ ý định Tính tiện dụng tran g W eb khẳng định tầm quan trọ n g ngày tăn g W eb thời đại In tern et Trước đây, khách hàn g tác dụng sản p h ẩm cho đ ến trả tiể n m ua sản p hẩm Ví dụ, sau m ua m ột đẳu video, bạn p h t khó đặt khóa cho cách th u vào băn g chương trìn h m ình ưa thích C ơng nghiệp phần mém thúc đẩy việc nâng cao tính tiện dụng sản phẩm Đối với p h ản mểm, người sử dụng có th ể truy cập tới trung tâm hỗ trợ m họ có th ể gọi g ặp rắc rối Q uản lý gọi hổ trợ đắt tián (ước tính từ $ đến 100$ cho mỏi gọi, tùy thuộc vào độ p h ú t tạp phần mểm) Hơn m ột nửâ s gọi phải th ụ t tính tiện dụng sàn phẩm thấp Đ tiếc chi phí đ ể vận h àn h trung tâm hỗ trợ tính vào m ột tài khoản khác khơng tính vào chi phí để phát triển tính tiện dụng sản phẩm D o đó, n h quản trị phát triển không m uốn đưa giao diện nguời sử dụng lớn W eb đảo ngược tình hình Bây ngitịi sừ dụng biết tính tiện dụng W eb trước sử dụng trước bỏ tiền mua Phương trình đơn giản: • trang thiết kế sản phẩm thiết k ế phần m ểm , khách hàng trả trước kiểm nghiệm tính tiện dụng sản phẩm • Trên W eb, người sử dụng kiểm nghiệm tính tiện dụng trướe trả tiền Đó lý tính tiện dụng lại quan trọng việc thiết k ế Web Nghệ thuột kỹ thuật C ó hai phương pháp c để thiết kế, ý til&ng nghệ thuật để p h át huy tính sáng tạo b ả n thân ý tường kỹ thuật đ ẻ giải rắc rối cho khách hàng Cuốn sách chủ yếu để CẨM NANG THIẾT KẾ WEBSITE cập đến phương p h p kỹ thuật Dù mục đích để án W eb giúp người sử dụng dễ dàng th ự t tác vụ Trong sách bạn tham khảo m ột phương ph áp m ang tính hệ thống để thiết k ế W eb với m ột loạt phương thức m dùng đ ể tìm hiểu nhu cầu người sử dụng khó khăn gặp phải sử dụng site H ã y coi để án vể W eb để án phát triển phần m ềm đ ể dể dàng đáp ứng k ế hoạch đảm bảo chất lượng site Đặc biệt, việc ứhg dụng rộng rã i phương p h p kỹ thuật cho tính tiện dụng to àn đề án Web giúp site phát triển không ngừng Bạn sẻ tim thấy nhiểu quy tắc, dẵn phương p h áp đúc kết qua kinh nghiệm người sử dụng W eb trước Tất nhiên, bạn tuân theo dẳn m ột cách mù quáng Đ ể trờ thành người thiết k ế W eb chuyên nghiệp, bạn cần học cách phải tuân th eo nguyên tắc, có th ể biến đổi vi phạm nguyên tắc Bạn phải biết nguyên tắc ban đầu trước xem xét liệu có th ể cải tiến m ột để án lệch hướng so với m ột vài nguyên tắc hay không Đ ồng thời m ột nguyồn tắc c bàn việc vi phạm quy luật bạn thực điều có lý thực thích đáng M ú t cạnh tra n h cao Trên W e b , m ứ c c n h tra n h cô n g ty b n k h ô n g c h ỉ giới h n với n h ữ n g cô n g ty c ù n g lĩnh vực c ô n g nghiệp Với h n g triệu s ite k h ác , b n phải c n h tran h v é m ứ c đ ộ q u a n l m v thời gian truy c ậ p W e b s ite c ủ a người s d ụ n g Người s d ụ n g hy vọ n g tìm đ ợ c W e b s ite tiện d ụ n g v h ữu hiệu n h ấ t tro n g s ố c c W e b s ite Họ thư n g tự hỏi "Nếu c ó đ ợ c dịch vụ tu y ệ t vời n y b ỏ đô-la m u a m ộ t c u ố n s c h bìâ m ềm , s a o lại k h n g có đ ợ c m ộ t dịch vụ trực tu y ế n tốt khỉ bỏ h n g n g n đô-la c h o anh" Phương p h p kỹ thuật có m ột lợi ích là: b ạn băn khoăn vể việc n ên chọn thiết kế n hã y đưa m ột câu hỏi thực tiễn có th ể giải đ p n h tập hợp liệu khách hàng Người ta tìm thơng tin nhanh nhờ thiết k ế A hay B? Người sử dụng đánh giá thiết k ế A hay B tốt n h ất theo bảng câu hỏi chuẩn vổ ý kiến khách hàng? H ã y chọn thiết k ế có số điểm đánh giá cao thiết k ế m cá nh ân bạn thích Tất nhiơn phương pháp khoa học có th ể giúp bạn tiến xa Thiê't k ế ln địi hỏi cảm hứng sáng tạo Phương pháp kỹ thuật đơn giản dề sử dụng thông báo cho bạn biết người sử dụng gặp trục trặc tìm kiếm site cùa bạn, tất người bỏ qua nút tim kiếm (search button) trang chủ Đẻ có m ột sơ đổ định hướng dẻ hiểu để có vị trí hay hình thCte dá coi cho nút tìm kiếm khơng đơn giản chì tn theo m ột loạt bưàc đơn giản Bạn cịn cần có cảm hứng thiết kế Tuy nhiỗnt cần lưu ý rẳng sáng tạo bao gồm 10% cảm hứng 90% công sứ t lao động C on đường để có sáng tạo thiết k ế phù hợp quan sát người sử dụng, tim hiểu sở thích họ, nhữhg khó khăn thuận lợi đối vert họ Đ ể có nhữĩig ý tường thiết k ế hồn hảo cần th ụ t th eo phương p h p kỹ thuật tìm hiểu phản ứhg người 10 CẨM NANG THIẾT KẾ WEBSITE Q uáng c ã o lỉồn kết Q uảng cáo trường h ợ p đặc biệt liên kết tới, bạn tự điều khiển liên kết trả tiền quảng cáo Nên liên kết trực tiếp tới trang trả tiền thơng điệp quảng cáo thay liên kết trực tiếp tới trang chủ C ác nghiẻn cứu vể quảng cáo W eb cho thấy khoảng 20 30% người sử dụng Web n h ấn vào dải quảng cáo (banner ad) nhận họ kết nối tới trang chủ, sau họ lại nhấn vào nút Back Nếu bạn giữ người sử dụng trang chủ, nên cho họ tự thao tác để tìm thơng tin giá trị Một số nhà tiếp thị Web liên kết dải quảng cáo tới trang chủ nhằm lôi khách hàng tìm hiểu site họ Tuy nhiên trang đích m ang đến thơng tin h ấp dẳn liên quan đến quảng cáo hút người sử dụng truy cập site Dải quảng cáo nẽn thiết k ế dạng liên kết siêu vồn Nghĩa ph ần m đẩu cần có lời lỗ hoa mỹ, hấp dần, mang lại hy vọng cho người sử dụng vé m ột nội dung thú vị, lôi phần cuối, thời trả lời cho lý họ nên quan tâm đến việc trải rộng liên kết y.vv \Af ( onvor (jvn< c p a tn i ( o r Đ n g tiếc, đích liên k ết tran g c h ủ C o n v e r g e n c e P o i n t , tran g kh ô n g liệt k ê "10 lý đ ể m u a DVD" n h đ ã hứa h ẹ n q u ả n g c o Người s dụng Internet s ẽ hoài nghi S a u bị t h t h ứ a, người s dụn g s ẽ c h o site c ủ a b n c h ẳ n g có giá trị v họ s ẽ không tim hiểu n a 62 Ch n g 2: T hiết k ế trang C lic k M e re to v i s i l II « C G iS T if A liO * S o u t h - E a s t A s ia lo s e s it s g r ip ( tV lC V P tin« 'Ă ÜM A íO i i O i l ‘ Í s r-Cb-Ui' Ac i ò )fôucôd l A i u ? s ( ' Ẹ ' S j f z s i t l c t VOỊ cfd rt w H ! t i Lu r« C U R H f.fi » MARKErf LACE ►CLASSIFIEDS[■“ * r > HO M E Communications -~ I SUM MAftlfS • UTTERS T I v s e i J i x i r ; e x & ỉ t ti e !? > o ii< itfiiu c * :Ẽ > iìS i n I th e Ỉ M e t u r i • LEADERS ■ JPeCIAL »Wi« :'8 tN « I SURVEY ẻô? ã UNITS0 STATES tô T H f AMERICAS I ASIA J ffi* I « h !» |«M I W »m Mii2in: ’■\*L'Lui± ỉ j í u Ề ũ t j s Ế k ữ i a a L o t í a £ £ Ằ ¿ s o a D o r r v i f A a te c K v i o ! K D » l c £ ü m i i Q lL r f f t t t i đ o l i a s i A i ỵ !D.teUiưfD*JtUnli!D«JwiOli > r * U f IW “ I V / I V i ‘ t o ’ i f i H W io r H ä y so s n h h dải q u ả n g c o c ù a Citibank, c h y trẽn s ite T h e E co nom ist Q u ả n g c o n o khiên b n th ích thú đ ọ c nhữ ng thô ng tin thú vị v ề kinh t ế t h ế giới? Q u ả n g c o c h u n g ch u n g "Hã y đ ế n với c h ú n g tôi" giúp nh ữ n g người s d ụ n g kh ông đ o n đ ợ c rằ n g Citibank có th ể ràng b u ộ c c h ặ t c h ẽ w w w citibank.com n h m iển c ủ a site Q u ả n g c o có n ă m nút m àu m a n g đ ế n m ột ý tưởng h a y v ề s ố dịch vụ m người s d ụ n g s ẻ tim Đ thời, người s dụ n g có th ể tới tran g c h ủ c h u n g b ằ n g c c h n h ấ n vào logo c ủ a Citibank h o ặ c ch u y ể n trực tiếp tới tran g v ề dịch vụ n o n h n h ấ n vào nút riêng c ủ a 63 CẨM NANG THIẾT KẾ WEBSITE Trang mẫu T rang kiểu xếp tẳng (CSS- Cascading style sheet) hố trợ cho ý tường tách nội dung trình bày W eb hệ thống xuyên cao cấp Nội dung trình bày nhiều thiết bị mà trang có th ể xác định ý nghĩa thơng tin, cịn chi tiết trình bày đ ể dạng kết hợp trang m ẫu site xác định (hoặc trang kiểu xếp tầng) theo sở thích người sử dụng Nếu phần giới thiệu TV W eb làm hỏng trang, bạn giới thiệu thiết k ế trang cách tạo môt file tran g m ẫu, thay sửa đổi hàng ngàn trang nội dung S dụng trang mẫu cho tất trang trèn site bạn (hoặc cho m ột số trang phối hợp bạn có trang với yêu cầu khác nhau: ví dụ tài liệu vể kỹ thuật với trang tiếp thị) Một lợi ích trang mẫu đảm bảo tính liên tục người sử dụng tim kiếm site bạn C ó hai cách thực trang mẫu: • T rang m ẵu nhúng đưa vào phần trang W eb dạng dòng m ã phụ • T n g m ấu liên kết giữ m ột file riêng rẽ, m ỗi trang W eb m uốn dùng tra n g m ấu đểu có liên kết siêu văn tiêu để Tiồu đổ tới tra n g m ẫu H ã y luồn dùng trang mẫu liẽn kết thay cho trang mẫu nhúng Nhờ tham chiếu tới file ngoài, bạn gặp thuận lợi việc cập nhật hình thức tồn site với m ột thay đổi Đ ồng thời n h rút định nghĩa phong cách từ trang, bạn có th ể làm cho chúng nhỏ tải xuống n h an h Nếu bạn dùng m ột trang mẫu đơn lẻ cho to àn site mình, file tải xuống m ột lần cho tất Chuổn hóa th iế t kế qua trang mẫu Đối với m ỗi site, tất trang mẫu có th ể thiết k ế n h nhóm thiết k ế tập trung Có hai lý do: thứ nhất, thiết k ế tập trung cách đ ể đảm bầo phong cách quán đạt lợi ích trang mẫu Thứ hai, đa số nhà viết nội dung W eb khơng có khả thiết k ế viết trang mẩu tốt Việc tìm hiểu hiệu trang mẫu trình tạo m àn hình theo truyền thống dễ dàng mơi trường WYSIWYG (What you see is w hat you get - Bạn nhận bạn thấy), với dạng đẩu tiêu chuẩn Tuy nhiên, W eb môi trường WYSIWYG vỉ có nhiều khác hỗ trợ H ơn nửa, trang Web m ấu xếp tầng, nghĩa mẳu site hòa trộn với trang m ẳu người sử dụng để tạo phần trình bày Những khác biệt khiến cho việc thiết k ế trang W eb m ẫu trờ nên quan trọng Trang W eb mẫu phải chuyên gia thiết kế Những người biết nhiều dạng kết khác với hiển thị hình họ 64 C h n g 2: T h iết k ế trang WYSIWYG Trước giao diện họa cùa người sừ dụng đời, thường thường, việc xử lý từ tiến hành nhờ kết hợp mâ định dạng với văn Ví dụ văn định dạng đậm xác định bòi mă bf Người sử dụng hiệu chỉnh file, khơng nhìn từ định dạng đậm, nhặn từ dứng sau bf đứng trước nbf Người sử dụng khơng nhìn định dạng đà định tài liệu cho đển in Giao diện người sử dụng dằn đến tình trạng có nhiều in lã ng phí người sử dụng phát rẳng họ sử dụng nhầm m Giao diện đổ họa người sử dụng giới thiệu q trình hiệu chỉnh WYSIWYG Nói cách khác tài liệu xuất hình giống in Do người sử dụng không cán in tài liệu mà cán sửa lỗi định dạng Trên Web bạn từ bỏ WYSIWYG trang có hinh thức khác thiết bị khác Màn hình cỡ lớn có số lượng pixel gáp 100 lần thiết bị cấm tay tuyến truyễn nhanh T3 chuyển tải liệu nhanh gấp nghìn lần so với modem Thực hình thức khác tính khơng phải lỏi, vi kinh nghiệm người sử đụng đòi hỏi điéu chỉnh cho đặc tính thiết bị Thiết bị chuyên biệt hóa cấp thấp, yêu cầu vể nội dung Web nghiêm ngặt để biến đổi cho phù hợp với nén (platform) Cách để thực việc nhã thiết kế từ bỏ toàn điều khiển để phần trinh bày trang quyét định tương tác đặc tính trang thiết đạt ưu tiên đặc điểm khác thiết bị khách Các v í dụ v é tra n g m ẫu trê n in tra n e t Trên intranet, bạn thường có khả tránh phức tạp nảy sỉnh trinh hỏ trợ cho nhiéu trình duyệt Néu bạn chuẩn hóa mộl trinh duyệt đơn lẻ nển đdn lồ, tài liệu vế trang mằu bạn cần có Screenshot trang thể cáu hinh Bạn thêm Screenshot cùa trang thể cửa sổ có kích thước khác (Nếu tổ chức bạn khỏng chuẩn hóa việc sử dụng hinh nhỏ, bạn sê nhận thấy người sử dụng định kích thước trình duyệt họ khác nhau) Tuy nhiên, intranet hỗ trợ nhiều trang mẫu nhu cẩu dạng thông tin khác Tài liệu vé trang mâu cẩn liệt kê rõ ràng tát trang mẫu giải thích thời điểm nơn sử dụng mầu Đ ể việc giới thiệu trang mẳu cho tổ chức bạn thành công, b ạn cẳn thực chương trình đào tạo cho người viết nội dung biết cách sử dụng trang m ẫu đ ể xác định Khỏng nên cho người đổu hiểu khái niệm trang mẫu cách p dụng n ó , họ quen với chương trình xử lý từ kết hợp trang m ẳu Nghiên cứu cho thấy hầu h ết người sử dụng sai lằm trầm trọng sử dụng trang mảu xử lý từ Nguyên nhân phần n o xử lý từ khơng có tỉnh tiện lợi sử dụng trang mẫu, đặc biệt trang m ẫu phức tạp Trang mẫu thường kèm với tài liệu nhỏ, giải thích mẳu khác nhau, 65 CẨM NANG THIẾT KẾ WEBSITE thời điếm cách sử dụng chúng Bạn sẻ cẳn đến nhiểu ví dụ, gồm mã HTML (các ví dụ cắt dán cách người sử dụng tài liệu dẫn) Screenshot hình thức trang m ã hố chuẩn xác m ột vài trinh duyệt m ột số khác C ác Screenshot tạo thành ánh xạ ảnh nhấn cho p h ép người sử dụng n h ấn vào hiệu ứng họ m uốn nhận tài liệu mẳu phù hợp Đặc biệt nhiểu mẳu có hình thức giống nhau, có th ể tránh nhiểu sai lẩm n hờ giải thích khác biệt thời điểm sử dụng mău tương thích C ác tác giả trang cá nhân thường phép tạo trang m ẫu nhúng bổ sung cho trang họ cần thiết Các tác giả nên tiến hành việc thực c ẳ n thiết Tuy nhiên, ln có trường hợp cần đến mẫu nhát định trang mẳu trung tâm Nếu nhiểu trang cẩn hiệu ứng nhau, khơng nên lạm phát trang m ẳu liên kết chứa cài mẩu cần lần Các mẳu trang đơn có th ể nhúng thay liên kết Trang cần tiếp tục liên kết mẫu tổng th ể sau thay th ế trang cục nhúng cẳn Đàm b o rồng c c trang mẫu hoạt động Các trang cần phải tiếp tục hoạt động trang mẳu bị vơ hiệu hóa người sử dụng trình duyệt người sử dụng cuối Ví dụ, không n ên sử dụng thủ thuật nhừng nơi có từ giống lặp lại nhiều lần với offset nhỏ đ ể tạo hiệu ứng bóng đổ Nếu khơng có mẩu sẵn, văn giảm ý nghĩa Cần tri p h ần trình bày khơng cần đến trang mầu đ ể h trợ cho người sử dụng có trình duyệt cũ, người bị tàn tật, người cần vô hiệu hó a tính vể m ẫu trang trình duyệt họ (vì lỗi mấu bạn m âu thuẫn nhiều với sở thích họ) May m ắn bạn có th ể dễ dàng kiểm tra tương h ợ p với quy tắc này: cẳn vơ hiệu hóa trang mẫu trình duyệt h ọ tải lại trang Ngồi có m ột số dằn cần nhớ làm việc với trang mẳu: • Khơng sử dụng q hai loại phơng (chỉ có th ể thêm phơng thứ văn đặc biệt, chẳng hạn m â máy tính) Nên nhớ, sử dụng nhiều phơng bạn có th ể tạo nên dáng vẻ m ột thư địi tiổn chuộc Bạn có th ể dùng m ột kiểu phông cho thân văn m ột kiểu khác đậm cho tiêu đề Lưu ý có th ể sử dụng m ột danh sách dài phông phần đặc tả mầu cho lớp văn cung cấp Trình duyệt người sử dụng sẻ chọn phông danh sách dùng nỏ tất trang bạn, nghĩa người sử dụng thấy m ột phơng đơn lẻ, khiến cho site thống kiểu in Các phông danh sách tên phồng cần liệt kê theo trật trình duyệt chọn phơng đảu tiốn thấy sử dụng • Khơng dùng tồn kích thước phông H ã y xác định to àn văn kích thước phơng bản, định nghĩa thiết đặt ưư tiên người sử dụhg Ví dụ, văn lớn có th ể xác định “200% ", nghĩa có th ể thiết đ ặt lè 24 ìỳịỉnt người sử dụng thích 12 point cho thân văn bản, nhiên c ó th ể thiết đặt point người đọc thích 10 point cho thân vần Dù m ọi người thích phơng lớn hay phơng nhỏ, tùy thuộc vào nhiểu yếu tố, bao gồm kích thước độ phân giải hình, thị lực họ, dù người tự xem trang hay giới thiệu ch o người khác xem Website có văn với phơng q nhỏ, khó đọc gây khó chịu truy cập Tuy 66 C hư nịí 2: T hiết k ế trang nhiên, người truy cập cảm thấy bực nhấn vào nút “make text bigger” (làm cho văn lớn) khơng có diễn kích thước phơng xác định m ột số point định Trang kiểu xếp tầng (CSS) cho phép trang mẳu xác định thiết đặt định thay th ế thiết đặt mức khác tầng Việc thực n h bổ sung thuộc tính ĩỉm p o rta n t vào phẳn đặc tả Không nẻn sử dụng tính Rất khó hình dung trường hợp bạn bỏ qua ưu tiên người sử dụng h ọ cảm thấy đủ khả sử dụng mức ũ m p o r ta n t họ Do dó nên trì ¡im p o rta n t cho trang mầu người sử dụng, không nên dùng trang mảu W ebsite Nếu bạn có nhiều trang mẫu, hã y chắn sử dụng tên lớp (Class) cho m ột khái niệm tất ỉrang mầu Những người viết nội dung m muốn dùng hai nhiều trang mẫu người sử dụng bị nhắm lẳn, lớp khác dùng cho khái niệm, trang mầu có lớp bị thất lạc tro ng m ột trang máu khác, cho dù khái niệm p dụng cho hai trường hợp Ví dụ, bạn có lớp cho tên tác giả tài liệu, tất trang mẫu bạn cần có lớp này, cho dù định nghĩa đế thể theo cách khác, cho phù hợp với loại tài liệu khác M ặc dù nút lo g o ( tra n g kiểu x ế p tầng) W e b C o n s o rtiu m k h đẹp , n g khô ng n ê n đ ặ t k h ẳ p s ite c ủ a bạn Đ ặ c biệt khôn g n ê n đ ặt lên tran g c h ủ Người s d ụ n g không q u a n tâm đ ế n c c h b n thực h iện s ite (n ế u họ d ù n g liên k ét "ab o u t this site", n é n đ ặ t n ú t css lèn tra n g "About") N g u y ê n tắ c c h ặ t c h ẽ th iết k ế tran g c h ủ là: n ế u b n đ ă t c n g n h i ề u nút h o ặ c tùy ch ọ n lên tran g chủ, c n g người s d ụ n g có k h ả n ă n g tìm đư ợc n h a n h nhửng thô ng tin họ cẩn M A D E WITH I CASCADING ST Y lf SHEETS Khung Những người hiểu rõ cơng việc họ làm đơi sử dụng khung, nhà thiết k ế có kinh nghiệm thường hạn c h ế sử dụng khung Ưu điểm thiết kế Web ban đầu Tim Berners - Lee tổng hợp toàn khái niệm thành m ột ỷ tưởng nhất, trang: • Khung hiển thị thơng tin người sử dụng m àn hình • Đơn vị định hướng, bạn nhặn nhấn vào liên kết, hay kích hoạt th a o tác tìm kiếm, chẳng hạn m ột bookmark • Địa dạng văn dùng đ ể tìm kiếm thơng tin NET (địa chì URL) • Vùng lưu trữ thông tin trồn máy chủ đơn vị hiệu chỉnh tác giả, ngoại trừ sử dụng đái tượng nhúng chẳng hạn file hình ản h Những file địi hồi íác giải phải quản lý nhiéu file cho trang T rên thực tế , khái niệm kết h ợ p chặt chẽ với nh au , ch o thấy thiết k ế W eb ban đầu h o ạt đ ộ n g đ ú n g dự định Vể c bản, W eb dựa trê n việc có tra n g hình 67 CẨM NANG THIẾT KẾ WEBSITE thức phá hợp trẽn đơn vị th ô n g tin khái niệm vể tran g áp dụng ch o khía cạn h trê n W eb K vỡ m h ìn h kết h ợ p W eb giới thiệu m ột cách đ ể xem liệu chưa tích vào khía cạn h khác W eb Với khung, khung hiển thị th ô n g tin củ a người sử dụng m àn h ìn h lúc xác định m ột chuỗi h o ạt động tìm kiếm , ch ứ khơng p h ải m ột thao tá c tìm kiếm Quá trình tìm kiếm khơng làm việc với khung đơn vị tìm kiếm khác với đơn vị hiển thị Nếu người sử dụng tạo bookmark trình duyệt họ, họ sẻ không nhận lại khung hiển thị dùng bookm ark sau bookmark khơng bao góm trạng thái khung trang Thậm chí địa URL ngừng hoạt động Thông tin vể địa hiển thị phần trẽn trình duyẹt khơng tạo nên đặc tả hồn chỉnh vể thơng tin hiển thị cưa sổ Nếu tác giả chép địa URL đế đưa vào trang họ dạng n eo siêu văn bản, neo sẻ khơng dẳn độc giả tới khung hiển thị họ muốn, m dẳn họ tới trạng thái ban đầu khung Tương tự, người sử dụng định gửí th ị n g điệp email cho người bạn khuyến khích truy cập m ột trang, việc ch ép địa URL từ trình duyệt khơng thực sử dụng khung, vi địa URL trỏ tới tập hợp khung vào khung hiển thị thời (với thông tin mà người bạn quan tâm) N ế u b n n h ấ t thiết,m u ố n s d ụ n g khung, h ã y c u n g c p m ột p h iê n b ả n k hơng c ó k h u n g c h o nh ữ n g người s d ụ n g m uốn trán h d ù n g k hun g Đ ặ c biệt, nội d u n g k h c có th ể đư ợc cu n g c ấ p p h ấ n P h ầ n n y đư ợc h iể n thị c h o n hữ ng người s dụ n g có khung bị vơ hiệu h ó a , h o ặ c s d ụ n g trình d u y ệ t khơn g hổ trợ khung Đ n g tiếc, h ấ u h ế t c c n h thiết k ế đ ề u k hông q u a n t m đ ế n v iệ c thiết k ế hai p h iê n b n c h o c c tran g c ủ a họ, d n h ph ẩn việc thiết k ế hai p h iê n b n c h o c c tra n g c ủ a h ọ d n h p h ấ n c h o liên k ết tới site tải x u ố n g c ù a p h iê n b ả n trinh d u y ệ t có hỗ trợ k hu ng Trong đ ó , người s d ụ n g thường k h ô n g m u ố n tải x u ố n g m ột trình d u y ệ t 10MB ch! đ ể x em tran g c ủ a b n Do liên k ết tải x u ố n g n y vô dụng K h u n g tro n g N etscape 2.0 P h iê n b ả n N e t s c a p e trình d u y ệ t đ ầ u tiỗn h ỏ trợ khun g Tuy nh iên , p hiên b ả n n y h ỗ trợ kém, g y n hữ ng vấn đ ề rẳ c rối c h o tính tiện d ụ n g trẻn W e b , nút B ack trình d u y ệ t khơng làm việc với c ả c s ite c ó kh un g Tính n ă n g B ack m ột m n g a n to n giúp người s d ụ n g tự lin định h n g b iế t rằ n g họ cỏ th ể Irở lại p h ầ n b a n đầu Một s ố n g h iê n c ứ u trước đ y vé h o t đ ộ n g tìm kiếm c ủ a người s d ụ n g cho thấy tính n ă n g B a c k (trà lại) tính n ă n g định h n g đ ợ c s d ụ n g n hiều thứ hai trinh d u y ệ t W eb, ( s a u th ao t c n g iản " n h ấn v o m ột liên két v th eo nó") Do đ ó , n ê u n ú t B a c k bị vô h iệ u h ó a , tính liện d ụ n g s ẽ bị g iảm s ú t trầm trọng May m ắn h ầ u n h k hơng c ị n a i s d ụn g N e ts c a p e 68 Chương 2: T hiết k ế trang Cách mà hầu hết nhà thiết k ế sử dụng khung cho thấy người sử dụng có m ột máy tính chuẩn với m àn hiển thị lớn Hình trang 70 trình bày ví dụ tiồu biểu vể trang có khung đẹp m hình lớn, lại vơ dụng trẽn hình nhị PDA Khung thường chiếm m ột phấn hình người sử dụng dành cho thơng tin m nhà thiết k ế cho quan trọng Tất nhiên, đơi nhà thiết k ế có th ể đúng, thường khơng th ể đốn người sử dụng cần cân tốt cho kích thước hình họ Thơng thường, khung dùng đ ể trì định hướng luón hiển thị Tuy nhiên, hỉnh minh họa cho thấy, người sử dụng có hình nhị sẻ thích dùng tồn diện tích hình cho nội dung Một cuộn (Scrolling pane) khơng có khung cho ph ép linh hoạt hổ trợ ch o nhửng người sứ dụng khác Ngoài vấn đé này, cịn có số rắc rối nhỏ khác việc thực khung Nhửng rắc rối xuất vài năm tới, nhiên, chúng !ý để giảm thiểu việc sử dụng khung Những lý phụ trách sử dụng khung bao gồm: • Nhiều trình duyệt khơng th ể in trang cỏ khung Tắt nhiên trình duyệt khơng in đựợc thực tốt mà in đẩy đủ trang thơng thường Nhờ có khung, có th ể nhận kết iệnh Print in khung đơn In to àn trang với khung cuộn khó, phải phần hiển thị khung in hay liệu nộ i dung có phép m rộng chiếm rthĩổu diện tích hình? • Phiên bần HTML gốc đơn giản, nguởi tìm hiểu cách dễ dàng Tuy vậy, khung vấn để khác Các nhóm tin comp.infosystems.www.authoring.HTML điền câu hổi tác giả Web, nhữhg người muốn biết lý khung không làm việc quy định Tìm hiểu khung khó, nẽn nhiéu tác giả trang Web thường viết mã dùng chúng • Hệ thống tìm kiếm thường gặp rắc rối với khung, chúng k h n g nhận biỗ't hỏn h ợ p khung nồn đưa vào mục dạng đơn vị tìm kiếm • • Một số trình duyệt khiến việc tạo bookm ark cho khung trờ nén khó khăn Nhiều W ebsite cung cấp cho người sử dụng m ột lựa chọn phiên thông thường phiẽn có khung C ác site nhận thấy hầu hết người sử dụng đểu thích thiết kế’ khơng có khung K h u n g k h n g c ó viển H ầ u h ế t , c c s d ụ n g k h u n g đ ề u đ ợ c c ả i tiến n h t o n h ữ n g vién k h u n g vô hinh N g i s d ụ n g k h ô n g c ắ n biết v iệ c th iết k é đ ợ c t h ự c h iệ n n h t h ế n o V iệc s d ụ n g k h u n g k h n g v iển c ó hai ưu đ iể m ch ín h : có n h ié u pixel h n d n h c h o nội d u n g v s ố y ế u tố g ia o d iệ n m người s d ụ n g p h ải x e m x é t c ũ n g h n 69 CẨM NANG THIẾT KẾ WEBSITE Environment News — q $ DaHy REUTERS While you're here, why not also try CNN's excellent ’Earth News', via the Outton on your lottl it’s well worth a visit £ E«rMi Nra« today's news headlines T u e s d a y J u n e 17.1997 W h a t '* N o w lat«MXỊếểự% F e a tu r e s AUSTRALIA: ERA lodge': en-/nonrr.ental -ms act smrtv JAPAN: Japan f»rrws seen more spent n«jnear fuel storage JAPAN - j a o a n a»is iv r.w er-tity ioi?.K.e over PNC NETHERLANDS: Nordics push environmerit rule m newEU treaty ITALY: LIN NETHERLANDS: fte rffjii'h e a tin g oil use, seen falling 2-3 pet pg_r.ve.ar, UNITED NATIONS to Eg discussed at Earth Summit June 23 UNITED NATIONS: Last-rn.rute litters hit environmental conference FRANCE, ranee's Oooema admto laK.ipo Greenpeace gear recent headlines Monday June 16,1997 AUSTRALIA: Otouom-affette-3 Queensland has recent rams UK: British MP proposes controversial ion-hunting Ear UK: UK electricity firr.s offer g ee powe'-at a puce UK: Fish Oil could tie darioerous environmentalists say ROMAN¡A: Flash floods Kin 12 in Western Romania MEXICO Mexico's DDT ftan too htiie too late • Ecologists AUSTRALIA: Austialia cleoutv PM urges quicKjii.v-ui.im mine 01 UK: Greenpeace activists declare new state on Rockall Sunday June 15,1997 CHINA: China to ban ozooe-darnaa n( DUBAl Saudi sees population using to USA Farmers to q i q w on in Ethanol ta* war u s a c nnton sign? flis i t t g r M a itei.iwegfrs iiriLL BELGIUM: U M i£S s es.Q.SVKlgiSlM 'f'.S'J f.gferflLtflkS SOUTH KOREA: S Korean groups dpnate.3Q.0Q0 tonne BANGLADESH: Bangladesh gas teld aMaze after exclosic: BRAZIL Strong winds m Brazil Kill hundreds homeless SOUTH AFRICA Feature - Africa battles m< 5M J*l W W W p f d n e t a r k o r g C c khung trông đ ẹ p m ắ t trẻ n m àn hình m áy tính lớn C c th a n h c u ộ n lòe loẹt n hư ng khả n ă n g cu ộ n q u a d a n h s c h c c b ả n tin s ẻ m a n g lại m ột s ố lợi ích v ẵ n liên tụ c c h o h iển thị th a n h định hướng v c c n út c ủ a site 70 C h n g 2: T hiết k ế trang home new s download television This actio n s/re m td o exploring possible b y a g n t from em ail u s C B S 12323 W orld Environment Newi P l a n e t A rk ? 2~ f ‘ ' R E U e p D a ily E a r th N e w t Regiftter for News and Updates P la n e t At k ■ I f p p - J I E R ^ T u e sd ay June 17, 1997 AUSTRALIA: ER A lo d ge s e n viro n m e n ta l Im p a c t s tu d y JAPAN: J a pan firm s s e e k m o re s p e n t n u c le a r fu e l s to ge JAPAN: J a p a n p anel c a lls for n e w entity to take over PNC OMAN: E xperts start d e b a te on M iddle E a s t w ater N ETH ER LAN D S: N o rd ics p u sh e n v iro n m e n t rule In n e w EL ITALY: U N_urges_glo b ? l a ction, to StO PJlgsgflif!ca tion ■ J JME ET TH HE HE Sl AI NA nN Sn ; SC ;i G ° ram ma nm l n he eaf l it ni nnn, n f l| l l u u ss pf i.y saf e l f ian aJ aMl Ll inn fnl ? ?.-3 ,- r Ị ■■: 1 1 1 l l l l i l l i B l i l i l i l l i l l i i j g w w w p la n e U rk c o m Khi site truy cập người sử dụng có hình hiổn thị cở 480 X 320 pixel, hình ảnh thay đổi nhiéu khả tiện dụng site giảm Lúc có 25% phần hình hiển thị dùng để hiển thị danh sách tin, 75% lại dành cho phần trang trí site Màn hình hiển thị nhỏ cần tăng tối đa só lượng pixel dành cho thơng tin hữu ích CĨ phài lúc củng nèn sử dụng khung? Vấn đề việc sử dụng khung đằm bảo địa chì URL tiếp tục làm việc Đ ể đạt điểu đó, tất liên kết siốu văn phải có m ột thuộc tính TARGET = “ top" thẻ neo chúng (ví dụ, Nếu bổ sung thuộc tính _top target, trình duyệt sỗ xóa tất khung thay th ế toàn cửa sổ bẳng m ột khung Bộ khung đích có nhiổu khung giống hệt khung khung đích ghi nhớ tạm thời trỉnh duyệt buộc phải tải lại theo nguyên tắc, trình duyệt nhận m ột địa URL cho đích Nghĩa th ao tác tìm kiếm, chẳng hạn đánh dấu văn lại hoạt động trờ lại người khác liồn kết tới địa URL Ngoại lệ nhu cầu sử dụng thuộc tính TARGET = “_ to p ” khung dùng làm shorcut đ ể cuộn phạm vi trang Ví dụ, m ột danh bạ dài danh sách liệt kẽ theo bảng chữ có m ột khung phẳn trốn liệt kồ chữ chữ Nhấn vào m ột chữ này, danh sách sỗ cuộn phạm vi khung, vậy, người sử dụng khơng bị đưa tới trang khác, q trình tìm kiếm trì Khung hữu dụng “trang m eta”, trang cung cấp giải vổ trang khác Ví dụ, dẳn phong cách thiết k ế W èb có th ể cần phối hợp thảo luận vổ nguyên tắc thiết k ế với ví dụ thực t ế vể tồn trang tuân theo (hoặc không tuân theo) quy tắc Trong trường hợp này, trang nhúng coi m ột hình ản h nhúng (kể thực dạng m ột trang độc lập) Thơng tin “chính” m người sử dụng m uốn đánh dấu văn nội dung khung giải 71 CẨM NANG THIẾT KẾ WEBSITE Phiốn HTML giới thiệu m ột kiểu khung mcrt có tén khung nội tuyến (inline Frame) C ác khung kiểu kết h ợ p thành phần trang chủ (host page) không can thiệp vào q trình tìm kiếm người sử dụng Mơ hình trang sở trì sử dụng khung nội tuyến U ộ t p h ầ n trang điền nội dung m ột file khác, file cuộn không phụ thuộc vào nội dung Khung nội tuyến lý tường cho việc chứa th a n h định hướng cột, vi nội dung c ó th é khơng cuộn chi cần tải lần Do đó, n ên chuyẻn khung thành dang khung nội tuyến bạn định dùng khung cho tran g BHD '3 ItMdlNLWS: a l Ike News, on Iho NtH d l the lime • Mtcioxoll Internet Ỉ IP Ỉ U I ÊA Fivaiei IooU - Step RdiMh òHomô a $ M ic h Jj F a v o ri« IM fU Lookinq for RARE C P iS O D E i m e r c h o n o i s c ^ J H I m Baseball C f/2 /9 ã : ô S PM ET V -rV Red Sox top slumping ị Angels F « O f f e r m a n 's DROBTI d o u b le »n e i g h t h i n n in g g i v e s B o s t o n - v i c t o r y a g a in s t Stal ch Ihi wib © A n a h e im aüiam^LUamiiafls fis CEO T«diit Index M L B te a m s ►^ ¿ P itc h in g d o m i n a t e s in S t L o u is SliisLL ã;& ,õbJợMi LLÊ.ợ J liitidô ■SJ b o iù ' r Scot«* SMMKk Nvlebookk Latest news S c lie ià ể e ýT.Ị^iỊÌ ••■'iVj DIAMOND NUGGETS V -G w s im Q - M i s L ü P A i RọỊựẹ« s M o n tre a l o u tfie ld e r h its t w û - r u n fa n ia s y B a s e b a ll W e e k ly h o m e r in - w in v e r C in c in n a t i T ic k e t t o t h e p la y o ffs : A g u id e t o IJXWOS p ' t c h o r J o s h B e c k e t t s ig n s f o u r - y e a r , $ m illio n c o n t r a c t w i t h F lo r id a ibilAlilflllSO iMueJayiLMuroiüuy aUlimie W h it e S o x n o t t o o fa r S lJ fK fc lfl* õanw> n u M c Ittft« X^aUUiif Ml — th e s tre tc h ru n A m t ik a n Ita g u « T o r o n t o h o m e lo s in g s k id a t e ig h t fro m b e in g a c o n t e n d e r CATCH THE MONKEY AND WIN $20r W W W f o f a / n e w * c o m ( iu r fo u n d in g fr a m e ) n WWW.U ĩa to d đ y c o m ( c o n te n t) Khi SỬ d u n g T o talN e w s, có c c b o từ c c W e b s ite đ ợ c h iể n thị p h m vi m ột t ậ p h ợ p k h u n g c ủ a T o talN e w s đ â y người s d ụ n g đ ả y ê u c u n h ữ n g tin tứ c v é b ỏ n g c h y trê n tờ U S A T o d a y N ế u người s d ụ n g k hơng th o v iệ c bị c u trú c th iết k ế s i t e h ọ s ẽ k h ô n g n h ậ n đư ợ c m ộ t p h ầ n n o đ ó c ủ a cử a s ổ thuộ c site n Hơn n ữ a , c c h th ứ c q u ả n lý k h ô n g p h ù h ợ p c c địa c h ỉ URL khung, cử a s ổ trình d u y ệ t c h o th ấ y người s d ụ n g đ a n g truy c ậ p T o ta lN e w s , c h o dù h ầ u h ế t t o n m n hình d n h c h o nội d u n g c ủ a tờ USA Today 72 C h n g 2: T hiết k ế trang H iển th ị n ộ i d u n g củ a w e b site khác tro n g k h u n g m in h v i phạm N ếu hiển thị nội d u n g c ủ a m ộ t w e b s ite k h c p h m vi khung c ủ a minh, b n s ẽ vi p h m lu ậ t b ả n q u y ề n N goại lệ ỏ đ â y v iệ c s dụ n g có giới h n c h o c c m ụ c đích q u a n trọ n g Lý d o vi p h m b ả n q u y ể n đ â y trình d u y ệ t tiếp tụ c h iển thị địa c h ỉ URL c ù a riên g b ạn, khiến h ọ tin rằ n g nội d u n g họ đ a n g x em c ủ a bạn V iệc h iể n thị c c kh ung định hư ớng xu n g q u a n h site x a s ẽ khiến người s d ụ n g n h ầ m lẫn n h ■ P V h v n w «a M JTari? ^ 'S r Information Services .yo u r source fo r land, m ortage and title search inform ation At Datatrace w e s e rv ic e counties In the surrounding areas o f ou r offices located In Tampa, Florida; F t Lau d erd ale, Florida; M L Clemens, Michigan; and C levelan d , Ohio O u r headquarters a re b ased In Richmond, Virginia These are the services we offer here at Datatrace □ W h at D atatrace Is AtUUit □ Autqmfltfid -Title SflflrriLSvstem Qflflership Encumbrance R eports □ Assat Encumbrance R eports □ o 1Q99S Services a C heck out c a re e ro o p o rtu n ltle s w ith Datatrace E-mail Patatrace Information Services C o p y r ig h t D « u t r a c « I n fo r m a tio n S « r v k M C om p an y In c w w w d td tra c e c o m T h iế t k ế n g h i ệ p d n y c ủ a tran g c h ủ D a ta tr a c e Inc m g i ả m k há n h iề u s ự tín n h iệm sỉte T n g n y k h ô n g q u tổi đ ế n m ức h ủ y h o i c ô n g ty, n h n g k h n g c u ố n hút đ ợ c n h iề u s ự c h ủ ý tới th iét k ế site 73 CẨM NANG THIẾT KẾ WEBSITE ( thank you 1^ ( [ new s C om Thank Y O U fo r p a rticip a tin g in o u r survey Please e n te r y o u r em ail address so w e can choose o u r P ilo t a n d t-s h irt w in n e rs (n o te : if you are n o t o n e or th e lucky d in n e rs W w o n 't use or s to re vo u r em ail a d d re ss) 1 em ail address: ỉ [ r e t u r n to N£UiS fr o n t d o o r] Again, w e a ppreciate yo u r ta k in g th e tim e tG make NEWS.COM a b e tte r service ’I tC iilfltlS © 9 C N T , IriG A ll rights reserved M a il q«j*stior.j to ¿ALi.fry