u.v n ed ui ThS NGUYỄN MINH HOÀNG ed u.v Hướng dẫn thực hành n- ww w lib vồ nhóm tin học thực dụng w lib ui Adobe r \ p rD re a m v e a v e r c s ? ui ed u.v n- ww Chỉ dẫn hình cho người sử dụng -w ww lib > 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 ed u.v n > 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 ww w lib ui ed u.v n -w ww lib ui > 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 u.v n ed ui .lib ww w ed u.v n ui .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v ww w lib ui ed u.v n u.v n ed ui .ha ww w lib ed u.v n- L ĩ NÓI ĐẦU n- ww w lib ui "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 ed u.v n -w ww lib ui ed u.v 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 .lib ui 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 ww w lib ui ed u.v n -w ww 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á u.v n ed ui .lib ww w ed u.v n ui .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v ww w lib ui ed u.v n u.v n w lib ui ed u.v n- ww w lib ui ed Chương 1: Chuẩn bị lên kế hoạch Web site ui ed u.v n- ww bị lên kế hoạch Web site lib Trong chtứtog bạn bắt đầu với điểm san đây: -w ww K Bắt đầu với k ế hoạch H Tạo đồ tư tntc qtian ed u.v n B Tạo Timeline B Lắp ghép Site ui * Tạo k ế boạch liếp thị tỄ Tạo Storyboard -w ww lib * Tạo Folder Root cực Site Giói thiệu D ream w eaver CS5 ww w lib ui ed u.v n 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 u.v n ui ed Chướng 1: Chuẩn bị lẽn kẽ' hoạch Web site ww w lib 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 ed u.v n- 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) ww w lib ui 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 ui ed u.v n- 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 -w ww lib Tạo kế hoạch tồ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 chun hành trình ngàn dặm Bắt đ ầ u vói kế hoạch lib ui ed u 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? ww w R Các mục tiỗíi site gì? B Site hoàn thành nào? n- B Khản giả mục tiên tơi Ici gì? ed u.v K Tại tơi làm điều này? ww w lib ui 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ĩ u.v n ui ed Chương 1: Chuẩn bị lên kế hoạch Web site ui ed u.v n- ww w lib 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à cịn 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? w lib 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 ww Cấc mục tiêu site gì? -w ww lib ui ed u.v n -w ww lib ui ed u.v n- 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 hồn tất nào? ww w lib ui ed u.v n 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 u.v n ui ed Chương 1: Chuẩn bị lên kế hoạch Web site 10 w lib ui ed u.v n- ww w lib Bạn tin bạn bán nhiều ảnh m ình thời gian năm bạn hoạch định cho site hoà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? ui ed u.v n- ww 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 .ha ui ed u.v n -w ww lib 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 hoàn thành điều Tuy nhiên điều quan trọng phải hiểu khán giả mục tiêu .lib Tại phải làm điều này? ww w lib ui ed u.v n -w ww 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 u.v n ed 11 ui Chương 1: Chuẩn bị lên kế hoạch Web site ww w lib 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à cịn làm cơng việc hồn tồn tốt Đây giấc mơ trở thành th ật bạn n- Tợo sơ đồ tư trực quan ed u.v 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ư ww w lib ui 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: n- M Ý tìtịng (hạt giống) điỉợc đặt tâm trang trống ed u.v B Các chủ đề ( theme) ý tưởng trung tâm tỏa từ ảnh tning tâm đường nối nhánh .ha ui B Mỗi nhánh chứa từ ý tưởng phụ tỏa từ nhánh -w ww lib 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 ed u.v n 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ự -w ww lib ui 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 ww w lib ui ed u.v n 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 u.v n ed Chường 1: Chuẩn bị lên kế hoạch Web site ui 12 ww w lib 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 ed u.v n- 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 ww w lib ui 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 quên 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 u.v n- http://www.mindmap.coin/EN/mindmaps/definition.html ui http://wmu>.inspiration.com/ ed MÊInspiration .ha K MindGenius -w ww B Mind manager .lib http://iưww.mindgeniiis.com/ http://www.mindjet.com/uk/ ed u.v n R Mind tools h t t p : / / w w w m in d to o ls c o ỉtì / lib ui 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 ế u.v n -w ww 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ư ww w lib ui ed 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  ... .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v ww w lib ui ed u.v n u.v n ed ui .ha ww w lib ed u.v n- L ĩ NÓI ĐẦU n- ww w lib ui "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. .. 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á u.v n ed ui .lib ww w ed u.v n ui .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v