Hướng dẫn thực hành dreamweaver CS5

ThS NGUYỄN MINH HỒNG vồ nhóm tin học thực dụng Hướng dẫn thực hành Adobe r \ p rD re a m v e a v e r c s ? Chỉ dẫn hình cho người sử dụng > Sách hướng dẫn bạn đọc kỹ làm việc thành thạo với Dream weaver CS5 để tạo trang Web ấn tượng thu hút người xem > Sách hướng dẫn bước nâng cao chèn đoạn phim Flash, sử dụng applet Java, tạo biểu mẫu (form), Ihử nghiệm Web site, quản lý W eb site chuyển site đến Internet > Sách có bố cục rõ ràng kèm hình ảnh minh hoạ trực quan, ví dụ lấy từ thực tế giúp bạn dễ dàng thực bước tác vụ mau chóng nắm vững kỹ thiết kế Web với Dream weaver CS5 NHÀ XUẤT BẢN HỒNG ĐỨC L ĩ NÓI ĐẦU "H ưđng dẫn thực hành A dobeD ream w eaver CS5 -Chỉ d ẫ n hình cho người mđi sử dụng" sách biên soạn theo trình tự logic từ đầu đến cì nhằm mục đích hướng dẫn bạn đọc kỹ làm việc thành thạo với Dream weaver CS5 để tạo trang Web ấn tượng thu hút người xem Sách gồm 14 chương, trình bày tất vấn đề thiết k ế Web site Từ bước chuẩn bị lên k ế hoạch Web site bước tạo lưu trang Web, làm việc với nội dung ảnh trang Web, liên kết trang Web, chèn chỉnh sửa bảng, tạo kiểu trình bày trang sử dụng CSS-P, tạo frame Bên cạnh sách hướng dẫn bước nâng cao chèn đoạn phim Flash, sử dụng applet Java, tạo biểu mẫu (form), thử nghiệm Web site, quản lý Web site chuyển site đến Internet Sách có bơ" cục rõ ràng kèm hình ảnh minh hoạ trực quan, ví dụ lấy từ thực tê giúp bạn dễ dàng thực bước tác vụ mau chóng nắm vững kỹ thiết k ế Web với Dreamweaver CS5 Hy vọng sách cẩm nang quý báu cho quý bạn đọc trình học tập làm việc với Dreamweaver CS5 Chúc bạn thành cơng rry A • *> lác giá Chương 1: Chuẩn bị lên kế hoạch Web site bị lên kế hoạch Web site Trong chtứtog bạn bắt đầu với điểm san đây: K Bắt đầu với k ế hoạch H Tạo đồ tư tntc qtian B Tạo Timeline B Lắp ghép Site * Tạo k ế boạch liếp thị tỄ Tạo Storyboard * Tạo Folder Root cực Site Giói thiệu D ream w eaver CS5 Có lẽ bạn nghe đến câu nói: Một hành trình 1000 dặm bắt đầu với bước Cho dù điều hồn tồn hợp lý, có điều khác phải hồn th àn h trước thực bước có tính chất định hoạch định cách CỐ thiết k ế Website phức tạp mà không hoạch định cách giống chuyến từ New York đến California mà khơng có đồ đường Có thể bạn hiểu bạn cần theo hướng Chướng 1: Chuẩn bị lẽn kẽ' hoạch Web site phía Tây; nhiên khơng hoạch định cách, có lẽ bạn nhầm khúc cua trước đến đích cuối Do hoạch định phần hành trình phần dự án th iết kế Web Hoạch định cho Web site đòi hỏi hiểu hai lĩnh vực chính: kiến thức ứng dụng mà bạn sử dụng (khía cạnh logic) kiến thức hướng mà bạn muốn mang dự án Web theo (khía cạnh sáng tạo) Dreamweaver giúp dự án thiết kế Web tiến hành trơn tru hơn, cho dù bạn xây dựng website từ đầu, cộng tác với đội th iết kế Web nơi Do trước bắt đầu tiến trình hoạch định, bạn cần có kiến thức Dreamweaver có khả làm điều Bất kể phạm vi dự án, dành trước chút thời gian để suy xét qua cấu trúc site (cấu trúc layout toàn trang tùy chọn để định hướng site), phát triển diện mạo (thiết kế, giao diện đồ họa) thu thập nội dung thông tin mà bạn muốn đưa lên tran g site) Khi cơng việc sơ hồn tất, bạn nhảy vào việc phát triển, dàn dựng, khởi động việc bảo trì site rấ t quan trọng Tạo kế hoạch toàn diện dự án để đơn giản hóa tiến trình tạo Web site phức tạp đồ đường, giúp bạn hướng bạn thực chuyên hành trình ngàn dặm Bắt đ ầ u vói kế hoạch Trước bạn khởi động phần mềm bắt đầu tạo trang Web, bước trở lại bước từ tiến trình tự hỏi bạn nhắm vào điều việc thiết kế Website Bạn nhận trợ giúp việc trả lời câu hỏi băng cách tự hỏi thêm câu hỏi sau đây: * A i thiết k ế site này? R Các mục tiỗíi site gì? B Site hồn thành nào? B Khản giả mục tiên Ici gì? K Tại tơi làm điều này? Ai thiết kế site này? Trong trường hợp câu trả lời bạn Bạn có trách nhiệm thứ từ việc tạo đồ họa từ thứ đến việc gõ nhập văn bản, chí đến việc nén video Vì bạn biết Dreamweaver, cấu trúc site từ đầu tất tùy thuộc vào bạn bạn nghĩ Chương 1: Chuẩn bị lên kế hoạch Web site Ví dụ, bạn biết Dreamweaver từ đầu đến cuối, bạn biết sơ' ứng dụng khác mà bạn cần sử dụng chẳng hạn Photoshop, Illustrator, Flash Fireworks; nói đến vài ứng dụng Nếu bạn thiếu hiểu biết ứng dụng thiết yếu khác, có th ể bạn cần nhờ đến chuyên gia khác Ngoài nhiều nhà th iết kế Web có th ể lắp ghép trang Web cách dễ dàng thiếu hiểu biết cách tải quản lý site đến server Và việc tiếp thị site bạn sao? Bạn nghe đến câu nói, xây dựng họ đến hay không? Nhiều người xây dựng website khơng có người đến Tại sao? Không biết chúng tồn Câu hỏi: Ai th iết kế site này? giúp bạn tập trung khơng vào trò chơi cuối mà giúp bạn đến Cấc mục tiêu site gì? Bạn ngạc nhiên (hoặc bạn không ngạc nhiên) thấy người xây dựng website, khơng có mục tiêu rõ ràng họ mn site hồn thành (chỉ nói đến sơ' khách hàng tơi) Một Website nói việc giao tiếp, đơn giản dễ hiểu Ví dụ mục đích cho c'n sách hướng dẫn bạn cách sử dụng Dreamweaver cách logic sáng tạo, dễ hiểu đơn giản Chúng ta nói mục đích Website đạt thêm cơng việc kinh doanh, mà hầu hết site thương mại thiết kế để thực Tuy nhiên muốn thành phần site dành riêng cho thông tin túy miễn phí; vùng dành riêng cho thông tin mẹo vặt thủ thuật việc chụp ảnh đẹp Một website có nhiều mục tiêu, điều quan trọng phải xác định chúng từ đầu Nếu bạn khơng có mục tiêu xác định rõ ràng cho site, làm th ế bạn biết liệu bạn có thành cơng hay khơng? Phần sau nói cách bạn giám sát mục tiêu th ế nào; việc xác lập chúng Nếu bạn hiểu mục tiêu cuối site dừng đừng tiến phía trước bạn có th ể xác định chúng Site hoàn tất nào? Trong điều nghe bình thường, có th ể bạn biết nhà thiết kế Web giỏi th ất nghiệp họ hứa khơng thực Vì bạn thiết kế site này, câu hỏi trở nên chí quan trọng cho bạn kỳ hạn cố gắng đạt Rất dễ vấn đề cần xem xét khác xen vào việc hoàn thành site Và có lý hợp lý khác th ế giới thương mại, thời điểm có tính chất đ ị n h cho nhiều người l mùa mua sắm dịp l ễ Từ CUỐI tháng 1 đến cuối tháng 12, nhiều nhà bán lẻ kiếm nhiều tiền 10 Chương 1: Chuẩn bị lên kế hoạch Web site Bạn tin bạn bán nhiều ảnh m ình thời gian năm bạn hoạch định cho site hồn th àn h hoạt động ngày lễ Nhưng điều th ật có nghĩa gì? Sự th ật có nghĩa site vào hoạt động muộn vào th án g Điều cho site thời gian để tạo index tấ t máy tìm kiếm cho bạn thời gian để giải trở ngại có việc vận hành site Điều tồi tệ mà bạn muốn xảy xây dựng site vào tháng 11 sau khám phá module shopping cart đầy cố Xác lập ngày tháng hợp lý đạt sau làm việc hướng đến mục tiêu Hợp lý đạt có dựa vào kiến thức bạn site, phức tạp bạn m ất khoảng để làm thứ bạn phải dành thời gian ngày cho dự án Khán giả mục tiêu đâu? Làm th ế bạn biết để đặt vào site bạn trừ bạn hiểu khán giả bạn đến từ đâu? Đến từ đâu khơng có nghĩa vị trí địa lý (mặc dù điều quan trọng) Khi bạn th iế t k ế website cho khách hàng, bạn muốn tìm hiểu người mà ghé thăm site Thực tế điều khơng thực tiễn cho Sau cùng, bạn không gõ cửa trước khách tham quan, ngồi xuống với tách cà phê thảo luận mà khách hàng thích khơng thích Những bạn tìm giai đoạn khám phá ý kiến khái quát khách tham quan bạn ai: loại người mua ảnh video tôi? Một bạn nắm số liệu thống kê doanh số khán giả, bạn thiết kế site dựa vào tham số Ví dụ, bạn thiết kế website cho người 60 tuổi khác nhiều so với site dành cho công ty lớn chẳng hạn General Elec­ tric Williams-Sonoma Phần sau chương nói thêm cách hồn thành điều Tuy nhiên điều quan trọng phải hiểu khán giả mục tiêu Tại phải làm điều này? Mặc dù điều dường gần giống với mục tiêu cho site, đơn giản cơng cụ làm động thúc đẩy Ví dụ, mục tiêu site tăng công việc kinh doanh bạn, cuối mục tiêu bạn chia sẻ cơng việc chụp ảnh với th ế giới Nó đảm bảo an tồn Ví dụ bạn nhà nhiếp ảnh cho người khác phòng studio họ cơng việc kinh doanh không thú vị thế, bạn chắn bạn xếp hàng chờ th ất nghiệp từ lâu Mục đích bạn để thiết kế Website mục đích cá nhân mà bạn có nhiều năm: để bắt đầu công việc kinh doanh riêng bạn, bạn trở thành nhà nhiếp ảnh cho riêng Chương 1: Chuẩn bị lên kế hoạch Web site 11 Thiết kế Website khơng nói việc kiếm tiền Bạn ngạc nhiên tự cho m ình câu hỏi: Tại tơi làm điều này? Nó thúc đẩy bạn khơng hồn thành cơng việc lúc mà làm cơng việc hồn tồn tốt Đây giấc mơ trở thành th ật bạn Tợo sơ đồ tư trực quan Có nhiều cách để mở rộng ý tưởng đơn giản thành thiết kế phức tạp Cách ưa thích việc tạo đồ tư Các đồ tư có nhiều ứng dụng vấn đề cá nhân, gia đình, giáo dục cơng việc kinh doanh Các ý tưởng chèn vào đồ quanh ý nghĩ trung tâm (hạt giống) mà khơng có tổ chức đến từ phân cấp xếp trình tự (kết nhóm tổ chức dành riêng cho giai đoạn sau đó) Một đồ tư gồm bốn yếu tố bản: M Ý tìtòng (hạt giống) điỉợc đặt tâm trang trống B Các chủ đề ( theme) ý tưởng trung tâm tỏa từ ảnh tning tâm đường nối nhánh B Mỗi nhánh chứa từ ý tưởng phụ tỏa từ nhánh B Các nbánh hình thành cấu triíc kết nối trờ lại ý tttởng trung tâm Thời gian tốt n h ấ t để tạo đồ tư dự án bạn hoàn toàn cảm thấy thư thái điềm tĩnh với thứ xung quanh Hãy nhớ, đồ tư nói kết hợp tự Quay trở lại đồ tư Web site Tên doanh nghiệp bạn YouTechTube, nơi để lưu trữ hiển thị video gia đình cơng nghệ Bắt đầu tiến trình việc tránh khỏi diểm gây xao nhãng, tắ t máy truyền hình, rời khỏi máy điện thoại di động Nhạc hoàn toàn tùy chọn giúp tập trung đầu óc bạn việc loại bỏ tiếng ồn gây xao lãng Các liệu mà bạn cần sơ' giấy trắng trơn bút chì màu, lời giải đáp cho câu hỏi phần "Bắt đầu với kế hoạch" tâm trí thơng suốt Bắt đầu việc vẽ hình tròn trang viết tiêu đề site hình tròn Bạn vẽ đường từ hình tròn tâm, nhánh trê n nhánh bạn viết từ, Application Sau sử dụng nhánh nhỏ này, bạn bắt đầu liệt kê ứng dụng mà bạn cần đến để hoàn thành mục tiêu bạn: Dreamweaver, Flash, Photoshop, Final Cut Pro, Khi bạn viết Final Cut Pro, bạn nhận bạn khơng có nhiều kinh nghiệm với ứng dụng Tuy nhiên rấ t quan 12 Chường 1: Chuẩn bị lên kế hoạch Web site trọng việc thiết kế nén file video Một người bạn tốt bạn Harold Driver chuyên gia bạn tạo nhánh nhỏ k ế bên Final Cut Pro ghi Contact Harold Tiến trình kết hợp tự ý nghĩ chắn dẫn đến ý nghĩ liên quan khác Nếu lúc bạn dường dừng lại, việc đọc lại câu trả lời mà bạn đưa cho năm câu hỏi mà bạn thực phần "Bắt đầu với kế hoạch” trước cho bạn nguồn cảm hứng tinh thần để tiếp tục Một đồ tư hồn chỉnh, bạn muốn làm việc nhập thơng tin từ viết tay vào xử lý văn Đôi việc gõ nhập lại chi tiết đồ tư duy, việc nhận thứ mà có lẽ bạn qn giúp ích Nếu bạn thích làm đồ tư máy tính hơn, tham khảo Web site sau đây: K Mỉndmap http://www.mindmap.coin/EN/mindmaps/definition.html MÊInspiration http://wmu>.inspiration.com/ K MindGenius http://iưww.mindgeniiis.com/ B Mind manager http://www.mindjet.com/uk/ R Mind tools h t t p : / / w w w m in d to o ls c o ỉtì / Hãy nhớ đồ tư khơng khóa bạn cỏ định; đơn giản trình bày ý tưởng cách bạn tiến hành xây dựng Web site th ế Tiến trình lập đồ tư cho dự án đơn giản diễn nhanh Dự án phức tạp, đồ tư phức tạp Tuy nhiên thời gian sử dụng tốt Hầu hết nghiên cứu cho thấy việc hoạch định dự án phức tạp cuối tiết kiệm thời gian lên đến 20% Bản đồ tư Một đồ tư hoàn chỉnh, dành chút thời gian để vẽ tay sơ" diện mạo trang Website Bạn bắt đầu việc vẽ hình chữ nhật mẫu giấy phác họa thô nơi bạn muốn đặt thành phần trang; xếp đồ đạc phòng, đặt thành phần trang nơi khách tham quan cảm thấy thoải mái dễ tiếp cận chúng C h n g 14: Di chuyển Site đến Internet 413 Đ iể u b n c ẩ n b iế t? Bạn hiển thị thơng tin chi tiết file đồng hóa Trong panel Files, nhấp phải (Win) control-nhấp (Mac) file mà bạn muốn thơng tin sau nhấp Display Synchronize Information Lệnh có sẵn hộp kiểm Maintain Synchronization Information chọn hạng mục Remote Info hộp thoại Site Setup C look v hủy c lo a k c c file Cloak file làm ẩn file chọn khỏi nhiều lệnh chuyển file chẳng hạn Get, Put, Check In, Check Out Tuy nhiên, khơng bảo vệ file sử dụng Synchronize Ví dụ, bạn có folder site cục chứa tài liệu nguồn không nén gốc chẳng hạn Photoshop Flash Không cần upload file lên server từ xa, bạn cloak chúng Bất kỳ định dạng file mà bạn cloak nằm folder cục không upload bạn ghi đè tay xác lập cloak Ngồi ra, file cloak khơng xuất panel Assets Các file Cloak điều khiển phần mở rộng chẳng hạn file FLA chúng điều khiển riêng lẻ phần mở rộng chúng Bạn cloak folder cụ thể chí nhiều folder Tuy nhiên, bạn cloak tấ t folder toàn site Cloak hủy cloak File Nhấp menu W indow , sau nhấp F ile s để hiển thị panel Files Nhấp nút E x p a n d để hiển thị site cục site từ xa Chọn file folder bên file site, nhấp phải (Win) controlnhấp (Mac) mục chọn, trỏ vào C lo a k in g sau nhấp C lo a k U n clo ak Một đường màu đỏ qua biểu tượng folder xuất biến mất, biểu th ị folder cloak hủy cloak 414 C hư ơng 14: Di chuyển Site đến Internet Đ iểu b n cẩ n b iết? Bạn hủy cloak tất file lúc Trong panel File, chọn file folder site cục bộ, nhấp phải (Win) control-nhấp (Mac) mục chọn, trỏ vào Cloaking, sau nhấp Uncloak All r M ụ c lụ c _ _ H u• e lu • c Chương 1: Chuẩn bị lên kế hoạch Web site .7 Giới thiệu Dreamweaver C S5 Bắt đầu với m ột kế h o ạch Ai thiết kế site này? Tạo m ột sơ đồ tư trực q u a n 11 Tạo T im e lin e 13 Lắp ráp s ite 14 Tạo m ột kê' hoạch tiếp t h ị 15 Tạo S toryboard 16 Tạo m ột Folder Root (gốc) cục S ite .18 Chương 2: Khởi đầu với Dreamweaver CS5 .20 Giới th iệ u .21 Tìm hiểu yêu cẩu hệ th ố n g .21 Cài đặt D re a m w e a ve r 23 Khởi đ ộ n g 24 Khởi động Dreamiveat>er Macintosh 25 Xem cửa sổ D ream weaver 27 Tạo W eb S ite 28 Tạo Web Site m ới 28 Mở m ột W eb S ite 31 Mờ site đitợc định nghĩa s n .31 Tạo trang Web tr ố n g 32 Tạo trang Web trống 32 Tạo trang Web từ Template trố n g .33 Tạo template trống :ị Tạo tnìng biên tập (Editable Region) 35 Tạo trang Web từ Tem plate 36 Tạo trang Web từ Template c ó ổ Tạo trang Web từ m ẫu ! 37 Tạo trang Web từ m ẫ u 18 Lưu trang W e b .1 39 LtCu trang W eb Mở m ột trang Web File có Mở trang Web File c ó .42 Mờ tài liệu mở gần đ â y 43 Làm việc với khung x e m 44 Mục lục 416 Chuyển đổi trang khung x e m 46 Chuyển đổi trang Web 46 Chuyển đổi giũa khĩing xem trang .47 Xem trước trang Live V ie w 48 Xem tncởc trang Web khung xem Liiie tủ khung xem Live Code 48 Chọn tủy chọn Live Vieiv .49 Xem trước trang trình d u y ệ t 51 Xem tntớc trang W eb 51 Biên tập danh sách trình duyệt Preferences .53 Nhận Sự trợ giúp bạn làm v iệ c 54 Nhận trợ giúp Dreamn>eai>er 54 Nhận thêm trợ giúp 56 Nhận cập nhật Dreamweaver W e b 57 Nhận cập nhật Dreamiveaver Web 57 Đóng trang Web F ile 59 Đóng trang Web File 59 Kết thúc 60 Thoát Dreamiveaver 60 Chương 3: Làm việc với Text trang Web 62 Giới th iệ u 63 Thêm Text vào trang W e b 63 Thêm text vào trang Web 64 Im port liệu dạng b ả ng 64 Import liệu dạng bảng 65 Im port nội dung từ tài liệu M icro soft 66 Import nội dung từ Microsoft Word Excel 66 Tạo link dẫn đến tàiliệu Microsoft Word E x c e l 67 Chèn ký tự đặc biệt ngày th n g 68 Chèn ký tự đặc biệt 68 Chèn kỷ tự khác 69 Thẽm ngày tháng thời Bian 70 Chọn T e x t 70 Các kỹ thuật chọn chtiẩn 71 Chọn Text sù dụng Status B a r 71 Sao chép dán T e x t 72 Sao chép d n 73 Copy Paste special 73 Xác lập Preferences Copy/Paste 74 Xác lập Preference Copy/Paste 75 Chỉnh sửa tổ hợp F o n t 76 Định dạng ký tự 77 Định dạng ký tự text 77 Mục lục 417 Định dạng Text P aragraph 79 Định dạng Text Paragraph 79 Điểu khiển khoảng cách dò n g 80 Điền khiển khoảng cách dòng 80 Chèn đường gạch nằm ngang 81 Chèn đường nằm ngang 81 Chỉnh sủa đicờng nằm ngang 82 Tạo danh sách có thứ tự khơng có thứ tự 83 Tạo danh sách có thứ tự .S3 Tạo danh sách không thứ tự 84 Tạo danh sách sử dụng Text c ó 85 Tạo danh sách định n g h ĩa 86 Tạo danh sách định nghĩa 86 Chỉnh sửa danh s c h .87 chỉnh sứa danh sách 87 Áp dụng style T e x t 89 Áp dụng Style Text cài sẵn 89 Áp dụng style Font Style kích cỡ cài sẵn 90 Tạo Style T e x t 91 Tạo Style Text c s s 92 Áp dụng Style Text c s s 93 Đổi tên s t y le 94 Đổi tên Style .9-1 Tim kiếm T e x t 95 Tim kiếm Text cách chọn 96 Tìm kiếm thay th ế Text m ã 97 Tim kiếm thay Text m ã 97 Sử dụng panel R esults 99 sứ dụng panel Results .ỉ 00 Định nghĩa từ viết tắt chữ viết t ắ t 101 Định nghĩa từ inết tắt chữ inết tắ t 101 Kiểm tra t ả 102 Kiểm tra t ả 102 Sử dụng Undo R e d o 104 Undo Redo lần hành động 105 Undo Redo hành động sù dụng panel History 10.5 Xác lập Preference F o n t 106 Xác lập Preference '107 Chương 4: Làm việc với ảnh trang Web 108 Giới th iệ u 109 Sử dụng đổ họa thân thiện W e b 109 Định dạng GIF .110 Mục lục 418 Định dạng JPEG .110 Dịnh dạng PNG 111 Định nghĩa Folder ả n h 111 Dịnh nghĩa Folder ả n h 112 Chèn ả n h 114 Chèn ả n h 114 Chèn ảnh từ P hotoshop 116 Tạo Smart Object từ File Photoshop 116 Sao chép dán tất phần ảnh từ Photoshop 117 Cập nhật ảnh từ P h o to s h o p 119 Cập nbật Smart Object từ file Photoshop 119 Cập nhật nhiều Smart Object 121 Clìèn ảnh từ F ire w o rk s .122 Sao chép lủ dán ảnh từ Fireivorks 122 Chèn ảnh từ Fireworks 123 Cập nhật ảnh từ Fireworks 124 Tối ưu hóa ảnh sử dụng F ire w o rk s .125 Tối ĩill hóa ảnh sử dụng Fireivorks 125 Sử dụng ảnh Low Source (nguồn th ấ p ) 126 sử dtm g ảnh Loiv Source 127 Chỉnh sửa ả n h 127 (lịnh lại kích cỡ ảnh 127 Chĩnh sửa ảnh sứ dụng panel Properties 129 Canh chỉnh ả n h .130 Canh chỉnh ảnh sử dụng panel Properties 130 Biên tập ả n h 132 Sừ dụng O ptim ize 132 Thay đổi độ sáng độ tương phản ả n h 136 Thay đổi độ sáng độ tương phản 7^7 hay đổi độ rõ nét ả n h 138 "'hay đổi độ rõ nét ả n h 138 Xér ả n h 139 \é n ả n h 739 Sử dung biên tập bên n g o i 140 Biên tập ảnh biên tập bên 141 X dc ỉập Preference File T y p e s /E d ito rs 142 Xác lập Preference File Type lú Editor 142 ức lập Preference loại file biên tập k h c 143 Tạo :;ác ảnh R ollover 144 í no ảnh Rollover 144 Chẻr Image P la c e h o ld e r 147 '.hòn Image Placeholder 14 Sác lập thuộc tính Image Placeholder 148 Mục lục _ 419 Chương 5: Liên kết trang W eb 150 Giới th iệ u .150 Tim hiểu loại L in k 151 Tim hiểu đường d ẫ n 152 Xác lập đường dẫn tương đ ố i 153 Xác lập đường dẫn tương đối cho link m ới 153 Xác lập Preview in Broivserđể sử dụng file tạ m 155 Thêm m ột L in k 155 Tỉìêm Link Text 155 Thêm m ột Link E m a il 158 Thêm Link Em ail 158 Cbỉnh sủa Link Email 159 Liên kết bên trang W e b 160 Thêm Named A n chor í 60 Thêm Link vào Named A n ch o r 162 Tạo Hotspot đồ ả n h 163 Tạo đồ ảnh phía Client 163 Chỉnh sửa Hotspot đồ ả n h 165 Chĩnh sứa Hotspot đồ ả n h 165 Tạo Link rỗng link S c r ip t 166 Tạo Link rỗng link Script 167 Chỉnh sửa m ột L in k 168 Chỉnh sứa L in k 168 Loại bỏ L in k 169 Loại bỏ L in k 169 Cập nhật L in k 170 Xác lập Preference đ ể tự động cập nhật Link 170 Tạo File Cache 171 Test L in k 172 Test Link 173 Mở trang liên k ế t 174 Thay đổi Link toàn S it e 174 Tìĩay đổi Link tồn Site 75 Chương 6: Làm việc với bảng trang Web 176 Giới th iệ u 176 Làm việc với b ả n g 177 Chuyển đổi chê' độ b ả n g 178 Chuyển đổi chế độ b ả n g 178 Chèn bảng chế độ S ta n d a rd 179 Chèn bảng chế độ Standard 179 420 Mục lục Chỉnh sửa b ả n g .181 Chỉnh sủa bảng ỗ 181 Thêm nội dung vào bảng 184 Thêm text ảnh vào bảng 184 Chĩnh sửa text bảng 185 Im port xuất liệu b ả n g 186 Xuất liệu bảng 187 Import da liệu dạng bảng vào bảng 188 Thêm cột hàng vào b ả n g 189 Thêm cột hàng Dào bảng .189 Dinh lại kích cỡ cột hà n g .19Ö Chỉnh sỉta cbiều rộng cột chiều cao hàng 191 Tách trộn ô 192 Tách ô thành hai ô 192 Trộn ô lại lúi 193 Phân loại liệu b ả n g 193 Phân loại dii liệu bảng 193 Thay đổi thuộc tính b ả n g 194 Thay đổi thiíộc tính bảng 195 Thay đổi thuộc tính ơ, hàng c ộ t 197 Tìoay đổi thuộc tính ơ, hàng c ộ t 197 Sử dụng ảnh đổ lại (Tracing Im age) 199 Chèn ảnh đồ lạ i 199 Tạo ảnh đồ lại 200 Tạo bảng xếp lồ n g 201 xếp lồng bảng chế độ Standard 201 Chương 7: Tạo Layout trang sử dụng CSS-P .204 Giới th iệ u 204 css phần tử A P 205 M ã 206 Giới thiệu Layout Tạo phần tử A P 206 Tạo phần tứ AP ta y 207 Xếp lồng phần tử A P .208 xếp lồng phần tù AP .208 Xác lập Preference phần tử A P 209 Xác lập Preferences AP Elem ent 209 Sử dụng css P o sitio n in g 210 Thay đổi CSS-P Positioning t a y 210 Tạo style CSS-P 211 Áp dụng style C S S -P .213 Áp dụng style CSS-P .213 Áp dụng Z-lndex vào phần tứAP .214 Mục lục _ 421 Chỉnh sửa thuộc tính CSS-P 215 Chỉnh sửa thuộc tính CSS-P 215 z Làm việc với phần tử A P 218 Làm inệc I>ới phần tử AP panel AP Elem ents .218 Di chìtyển, định lại kích cỡ xếp phần tủ A P 219 Tạo m ột Rollover sử dụng phần tử A P 220 Tạo Rollover Shoiv/Hỉde 221 Chuyển đổi phần tử AP thành b ả n g 223 Chuyển đổi phần tù AP thành bảng 224 Chuyển đổi bảng thành phần tử A P .225 Chương 8: Tạo Frame 227 Giới th iệ u 227 Giới thiệu F m e 228 Im a g e 229 Phần tử Frameset 229 Phần tứ F ram e 229 TÌJẻ 230 Tạo fram e m i 23 Tạo Frameset từ mẫu (Sam ple) 230 Chèn Fram eset 231 Tạo Frameset cácb nhấp r ê 232 Mở m ột trang Web Fram e 233 MỞ trang Web có F ram e 233 Cung cấp thông tin cho việc không hỗ trợ F m e 235 Cung cấp thơng tin cho trình díiyệt kbôtĩg hỗ trợ Frame 235 Chọn Frame F m e se t 236 Chọn Frame Frameset 236 Thêm thông tin Fram eset .237 n ô m thông tin Frameset 237 Lưu Fram eset 238 Lưu Frameset dạng File m ới 238 Lìtti fram e dạng File m ới 239 Chỉnh sửa F m e 240 Định lại kích cỡ Frame 241 Thêm Fram e 242 Xóa Frame 242 Thay đổi thuộc tính fr a m e 243 Thay đổi thuộc tính trang cho tài liệu F ram e .243 Tìoay đổi thuộc tính Frame 245 Thay đổi thuộc tính Fram eset 246 Chỉnh sứa thuộc tính đicờng viền Frameset 246 Chĩnh sứa thuộc tính kích cỡ Frameset 247 Mục lục 422 Tạo đích (Target) cho L in k 248 Tạo Link có đ íc h 249 Tạo Link Frame nhanh dễ d n g 250 Tạo Link Frame nbanh t>à dễ d n g 251 Chương 9: Làm việc với Multimedia công cụ trực tuyến 253 Giới th iệ u 253 Giới thiệu loại File Flash 254 Chèn movie Flash Shockwave 255 Chèn xem tntôc moine FlashhoặcShockivave 255 Thay đổi thuộc tính movie Flash hoặcShockwave 25 Thay đổi thuộc tính Moiie Flash 257 Chèn video Flash 25 Chèn indeo Flash .259 Liên kết nhúng âm th a n h .261 Liên kết túi File âm 262 Nhúng file ăm 263 Sử dụng applet J a v a 263 Chèn applet Java 264 Chĩnh sủa Preference Applet Java 265 Sử dụng control A ctiveX 26 Chèn control Actii>eX 266 Chình sửa thuộc tính ActiveX 267 Sử dụng P lu g -in 268 chèn nội dung Plỉig-in 268 Phát Plug-in .269 Kiểm tra tìm P lu g -in 27 Sứ dụng hành động Check Plug-in 271 Khai thác dịch vụ CS L ive 273 Khai thác dịch mi e s Lwe 273 Sứ dụng Adobe BrotvserLab 275 Chia Sẻ h ìn h 276 Chia sẻ bình 277 Chương 10: Tạo Form 279 Giới th iệ u 27 Tìm hiểu Form 280 Vượt khỏi Dreamu>eaver .280 Các phần tủ Form 281 Các phần tử Form đ ộ n g 281 Hiệu lực hóa form 281 Tạo m ột F o rm .282 Tạo Form 282 Mục lục _ 423 Chèn đối tượng F o rm Chèn đối tượng fo r m 285 Chỉnh sửa trường Text vùng T e x t Làm I>iệc I>ới thuộc tính tncờng Text in'mg Text .288 Chỉnh sửa nút Radio hộp k iể m 28 Làm inệc lúi thuộc tính nút Radio hộp kiểm .290 Chỉnh sửa danh sách m e n u 291 Làm việc iKti thuộc tính List/Menu 291 Chỉnh sửa n ú t 29 Làm inệc túi thuộc tính Button 293 Chèn nút ả n h .294 Chèn nứt Im a g e 294 Làm cho đối tượng Form đ ộ n g 29 Làm cho đối tượng Form đ ộ n g 295 Sử dụng bảng để điều khiển F o rm 295 Điều khiển form bảng 296 Hiệu lực hóa F o rm Hiệu lực hóa liệu form HTML 29 Tạo biên tập Jum p M e n u 9 Tạo Jump M e m i 299 Biên tập Jump M e n u 301 Xem mã mẫu cho F o rm Các phần tủ Form 302 Hiệu lực hóa Form 503 Chương 11: Xem HTML đằng sau trang 305 Giới th iệ u Tim hiểu H T M L Sử dụng panel R e fe re n ce Truy cập panel Reference 309 Trny cập thông tin cụ t h ể .3ỈO Sử dụng khung xem C o d e 311 Trtty cập khung xem C ode 1 Xem mã sổ riêng biệt sử dụng Code Inspector 12 Sử dụng khung xem Code L iv e ! .: Tniy cập khĩing xem Live C ode ĩ Xác lập tùy chọn Code V ie w 315 sử dụng tủy chọn Code View 316 Nhập mã H T M L Nhập mã HTML khung xem Code 17 Sử dụng Code H in ts Sử dụng Code H m ts 31Ổ 4 _Mục lục Làm việc với thẻ tiêu đề H T M L Xem í>à chèn thẻ tiêu đ ề 320 Chèn Comment H T M L 321 Chèn Comment HTML 321 Sử dụng công cụ Coding 3 sử dụng công cụ Coding 323 Sử dụng Quick Tag E d ito r Mỗ Quick Tag Editor 325 Sử dụng Quick Tag Editor chế độ Wrap tag Insert HTML .326 Sứ dụng Quick Tag Editor chế độ Edit T a g 327 Sữ dụng Tag In s p e c to r Tniy cập Tag Inspector 328 Sử dụng Tag C hooser Chèn thẻ sử dụng Tag Chooser 330 Mở File liên quan 331 Xác lập Preference Related Files 332 Sử dụng công cụ Related Files 333 Định hướng đến mã liên quan 3 Mở Code Navigator 334 Xác lập Code Hints riêng biệt cho S ite 335 Xác lập Code Hint dành riêng cho s ite 335 Xác lập Preference Code H in t 3 Xác lập Preference Code H in t 33 Xác lập Preference Code F o rm a t .3 Xác lập Preference Code Format 338 Xác lập Preference Code R e w ritin g 3 Xức lập Prcfcrcncc Code Rcivriling 340 Xác lập Preference Code C o lo r 341 Xác lập Preference Code Color .34 ỉ Chương 12: Test Web Site 343 Giới th iệ u Tim link bị phá vỡ 34 Tìm Link ^ Sửa chữa Link bị phá vỡ sửa chứa Link 34 Thay đổi Link nhanh toàn Site .348 Hiệu lực hóa trang W e b Xác lập Preference Validator 349 Hiệu lực hóa trang Web 550 Kiểm tra khả tương thích trình duyệt H T M L 351 Kiểm tra khả títơng thích trình duyệt HTML 352 Mục lục 425 Kiểm tra khả tương thích trình duyệt HTML sử dụng khung xem C o d e 353 Kiểm tra tìm mã cân b ằ n g 35 Kiểm tra tìm thẻ cân bằn g .354 Kiểm tra tìm dấu ngoặc đơn, dấu ngoặc nhọn dấu ngoặc móc cân b ằ n g 355 Làm H T M L 35 Làm HTML XHTML .356 Làm W ord H T M L Làm Word HTML 358 360 Thêm khả truy c ậ p 36 Xác lập Preference cho khả truy c ậ p 361 Thẽm khả truy c ậ p 361 Chạy Report để Test m ột S ite 363 Chạy Report đ ể test S ite .363 Xem lưu r e p o r t 36 Xem Report S ite 365 LƯÍI report S ite 367 Thu thập SỐ liệu thống kê D ow nlo ad 367 n a y đổi Preference số liệu thống kê download 368 Chương 13: Quản lý Web Site 370 Giới th iệ u .370 Xác lập định nghĩa Site nâng c a o 371 Xác lập định nghĩa Site c a o 71 Định nghĩa thông tin cục cho S ite 374 Định nghĩa thông tin cục cho S ite 374 Định nghĩa thông tin từ xa cho S ite 376 Định nghĩa thông tin từ xa cho S ite 376 Định nghĩa Testing S e rv e r 381 Định nghĩa Testing S ew er 381 Định nghĩa Version C o n tro l 382 Định nghĩa Version Control 383 Định nghĩa Site C lo a k in g 384 Định nghĩa Site Cloaking 384 Xác lập tùy chọn File View C o lu m n s 385 Xác lập tùy chọn File View C olum ns 385 Sử dụng Design N o te s 386 Bật Design N otes .386 Liên kết Design Notes với File 387 Xem Design N ote s 389 Xem Design Notes 389 426 _ Mục lục Chương 14: Di chuyển Site đến Internet 391 Giới th iệ u 391 Xác định preference FileS ite Xác láp preference Site 392 Quản lý file Site panel File 394 Làm liệc lúi panel Files 394 Chuyển f i l e Cbuyển file đến site từ x a 397 Chuyển file từ Site từ x a 398 So sánh file cục file từ x a 0 Xác lâp Preference Comapre File 400 So sánh F ile .401 Check In Check Out File S ite sử dụng Check Out 402 Sử dụng Check I n 403 Bật Check In Check O ut 404 Quản lý phiên File Sitebằng Subversion 405 Xem xác nhận thi hành (commit) thay đổi File 405 Quản lý File Subversion .406 Làm việc với file site Business C a ta ly s t Doionload cài đặt Extension Business Catalyst 408 Khởi động t>ới site Business Catalyst 409 Đồng hóa File S ite Dồng hóa File 411 Cloak hủy cloak f i l e .4 Cloak buy cloak File 413 Hướng dẫn thực hành Adobe Dreamweaver Cs5 NGUYỄN MINH HOÀNG Chịu trách nhiệm xuất bàn: Hồng Chí Dũng Biên tậ p : N guyẽn Nam Sửa in : Công Sơn Trình bày : Cơng Sơn Vẽ bìa : Lẽ T h n h Thực liên két xuất bản: CỒNG TY CÓ PHÂN VÃN HỚA NHÂN VĂN Phát hành tạ i: HỆ THỐNG NHÀ SÁCH NHÂN VAN * 01 Trường Chinh, P.11, Q.Tân Bình.TP HCM Tel: 39717882 - 39717884 - 39712285 * 875 CMT8, P.15, Q.10, TP HCM TeL: 39770096 Fax: 39712286 Fax: 39708161 In 1000 khổ x cm Cty cổ Phán in Gia định Số đăng ký KHXB: 353-2010/C XB /216-03/H Đ QĐXB: 21/QĐXB NXB Cấp ngày 25-10-2010 In xong nộp lưu chiểu quý năm 2011 ... ĐẦU "H ưđng dẫn thực hành A dobeD ream w eaver CS5 -Chỉ d ẫ n hình cho người mđi sử dụng" sách biên soạn theo trình tự logic từ đầu đến cì nhằm mục đích hướng dẫn bạn đọc kỹ làm việc thành thạo... lấy từ thực tê giúp bạn dễ dàng thực bước tác vụ mau chóng nắm vững kỹ thiết k ế Web với Dreamweaver CS5 Hy vọng sách cẩm nang quý báu cho quý bạn đọc trình học tập làm việc với Dreamweaver CS5. .. Khởi đầu với Dreamweaver CS5 Dreamweaver CS5 T ro n g ch n g n y b n h ọ c n h ữ n g điểm c h ín h s a u đây: M Tim hiểu yên cầĩi hệ thống M Cài đặt Dreamweaver B Khởi đầu B Xem cửa sổ Dreamweaver