Hướng dẫn xây dựng ứng dụng web với macromedia dreamweaver MX trung tâm đào tạo lập trình viên quốc tế

TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN QUỐC TẾ FPT-APTECH HƯỚNG DẪN XÂY DỰNG ỨNG DỤNG WEB VỚI MACROMEDIA DREAMWEAVER MX (Tài liệu bổ sung thực project) 09/2003 Xây dựng trang web động với công cụ Dreamweaver MX HƯỚNG DẪN XÂY DỰNG ỨNG DỤNG WEB VỚI MACROMEDIA DREAMWEAVER MX I Giới thiệu Các bước cần thực a Cấu hình hệ thống Môi trường làm việc Dreamweaver MX b Tạo Database c Thiết lập web site tạo kết nối vào Database  Định nghĩa web site  Chế độ làm việc server  Tạo liên kết với database  Publish web site vừa tạo lên PWS  Xem trang web trình duyệt d Tạo dạng trang web thao tác có kết nối Database Web site minh họa a Nội dung: Trong phần minh họa việc tạo web site giới thiệu mặt hàng điện thoại Chế độ làm việc với Server thông qua trang Active Server Page (asp) b Chức thao tác: - Trang login - Trang logout - Hiển thị liệu theo danh sách theo dạng bảng - Hiển thị liệu theo danh sách dạng Master-Detail - Nhập liệu - Cập nhật liệu dạng Master-Detail (Search Update) - Cập nhật liệu form (Search Update) - Xoá liệu (Search Delete) c Bố trí trang: Trang chủ  Trang Login  Trang chọn nội dung  Danh sách dạng bảng (Index_Login)  Danh sách dạng Master-Detail  Nhập  Cập nhật dạng Master-Detail  Cập nhật form  Xoá liệu  Trang logout (default.htm) (Login.asp) (Index_Login.htm d Nội dung trang  Trang chủ: gồm frame Contents Login Hình 1: trang Index.htm Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX  Trang Login.asp LOGIN FORM User name: Password: Submit Hình 2: Trang Login.htm Trang Login gọi chiếm trọn hình  Trang Index_Login.htm Contents Display Dipslay Mas_Detail Insert Update Two Form Update One Form Delete Logout Hình 3: Trang Index_Login.htm Trang Index_Login gọi chiếm trọn hình  Trang Logout.asp • Đây trang trống, chứa đoạn mã JavaScript để đóng lại việc login • Chỉ kèm với việc login • Trang Logout.asp gọi liên kết đến trang default.htm, trang default.htm chiếm trọn hình  Page of 32 Các trang lại đề cập xây dựng trang Xây dựng trang web động với công cụ Dreamweaver MX II Cấu hình hệ thống Môi trường làm việc Cấu hính hệ thống - Hệ điều hành: Windows 2000, có cài đặt thêm công cụ “Internet Information Server” “Personal Web Server” - Hệ quản trị liệu: Ms Access 2000 - Trình duyệt web: Internet Explorer 5.0 Netscape Nevigator 4.7 - Dreamweaver MX  Cài đặt IIS PWS: (Khi Windows chưa cài đặt) a Trong Windows 2000 vào Control Panels, chọn “Add / Remove Programs”  Hiển thị hộp thoại  chọn tab “Add / Remove Windows Components”  xuất hộp thoại hình Hình b Đánh dấu chọn vào Checkbox “Internet Information Sevices (IIS), sau bấm vào nút lệnh Next thực công việc theo yêu cầu (PWS component IIS, bấm vào nút lệnh Detail… để xem chi tiết) c Sau khởi động lại máy tính, ta có thư mục web site mặc định D:\\Interpub\wwwroot hình (giả sử cài windows 2000 ổ đĩa D:) Hình Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX Môi trường làm việc Dreamweaver MX a Chọn giao diện làm việc giống Dreamweaver 4.0 - Vào menu Edit / Preferences  hiển thị hộp thoại Preferences - Trong mục Category chọn General  chọn nút lệnh “Change workspace ” hiển thị hộp thoại hình 6, sau chọn “Dreamwevaer Workspace” (thay đổi có hiệu cho sử dụng Dreamweaver MX lần sau) Hình b Hiển thị Object Panels - Trong Dreamweaver MX, để hiển thị Object Panels ta vào menu Windows / Insert  Object Panel xuất bên trái hình Xem hình Hình Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX I Tạo Database - Database tạo Ms.Access2000 (Data_Project.mdb) - Bảng liệu - Login Name UName PWord Data Type Text Text Decription User name Password Mobile Name Mcode SCode MName DNotice Price Image Data Type Text Text Text Date / Time Number OLE Object Decription Mobile code Supplier code (Distributor) Mobile Name Date of notice Price of mobile Mobile’s photographic or movie Supplier Name SCode SName Data Type Text Text Decription Supplier code (Distributor) Supplier’s Name Sơ đồ quan hệ sau: Hình Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX II Thiết lập web site kết nối Database Định nghĩa site: Việc định nghĩa site tương tự Dreamweaver 4.0, giả sử ta tiến hành khai báo thông số hình Trong đó: - Site name: tên web site (Project) - Local Root Folder: địa lưu trữ web site máy local (D:\Internetpub\wwwroot\project (có thể lưu thư mục tuỳ ý) - Default Images Folder: thư mục chứa ảnh trang (nếu có) - HTTP Address: Địa web site máy local, khai báo phần “Testing Server” Hình Chế độ làm việc server Ta phải chọn chế độ làm việc server, ta chọn ASP JavaScript a Mở panel “Application”: Trong web site “Project”, từ Laucher bar (hoặc từ menu Windows) chọn “Database”, xuất panel “Application” hình 10a Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 10a Hình 10b b Click chuột vào “testing server” để mở hộp thoại “Site Definition for Project” xuất hình 11 Hình 11 Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX - - c Điền thông số hình 11 Trong đó: Server Model: chọn công nghệ server (ASP JavaScript) Access: giao thức giao tiếp với server (Local / Network) Testing Server Folder: thư mục chứa web site URL Prefix: Địa web site máy local, giả sử đặt cho web site alias “myproject” (hoặc tên thư mục hành: project), địa là: http://localhost/myproject (xem phần tạo alias cho web site mục publish web site lên PWS) Chọn OK để kết thúc ta hình 10b Tạo liên kết với database Trong project ta dùng chế kết nối ODBC connection string Có hình thức kết nối: Cách Kết nối dùng DSN - Tạo kết nối DSN vào Database - Trong Dreamweaver MX, tạo kết nối ứng dụng với kết nối DSN  Khi chép Site đến máy khác phải định nghĩa lại DSN tương ứng chương trình thi hành Cách Kết nối người dùng viết code - Trong Dreamweaver MX, tạo kết nối ứng dụng với Database người dùng viết code Có dạng  Đường dẫn tuyệt đối đường dẫn tương đối  Nên dùng đường dẫn tương đối  để chép thi hành Web Site máy khác dễ dàng Kết nối DSN vào Database a Kích Start  Settings  Addministrative Tools  Data Sources, hộp thoại ODBC Data Source Administrator xuất hình 12 Hình 12 Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX b Click vào nút lệnh “Add”, xuất hộp thoại hình 13 Hình 13 c Chọn driver “Microsoft Access Driver” như hình 13, sau bấm “Finish”, hộp thoại xuất hình 14 Tiến hành điền Data Source Name, sau click vào nút “Select” để chọn Database (Giả sử ta lưu thư mục D:\\Interpub\wwwroot\Project), sau click vào nút lệnh “OK” quay lại hộp thoại hình 12 có thêm data source “MyDatabase” vừa tạo Click vào nút “OK” để hoàn tất Hình 14 Page of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo form logout (Logout.asp) Logout form trang ‘rỗng’ chứa mã JavaScript để đóng lại kết nối login a Từ panel “Application” chọn tab “Server Behaviors”  click chuột vào dấu + để đổ xuống menu  chọn User Authentication / Log Out User (hình 25)  xuất hộp thoại, tiến hành khai báo hình 27 Hình 27 b Click vào nút lệnh “OK” để kết thúc Tạo form hiển thị danh sách theo dạng bảng a Thiết kế giao diện vào lưu file (Display.asp) Hình 28 b Từ panel “Application” chọn “Server Behaviors”  click chuột vào dấu +  xuất menu  chọn Recordset  xuất hộp thoại, tiến hành khai báo hình 29 Hình 29 Page 16of 32 Xây dựng trang web động với công cụ Dreamweaver MX c Trên trang Display, đặt trỏ ví trí mà ta muốn xuất liệu  vào menu Insert / Application Objects / Dynamic Table  hộp thoại Dynamic table xuất hiện, tiến hành chọn thông số, sau nhấn OK Trang Web có dạng sau: Hình 30 d Thêm hiệu chỉnh tính hiển thị liệu:  Đối với ảnh sản phẩm, ta không hiệu chỉnh Dreamweaver MX đưa vị trí file  ta phải tạo PlaceHolder để chứa ảnh • Chọn xoá bỏ biến hiển thị ảnh {display.Image} • Đặt trỏ ô hiển thị ảnh • Chọn menu Insert / Image PlaceHolder  đặt tên cho vùng hiển thị ảnh • Từ panel “Application” chọn tab “Bindings”  sau click chuột vào Image  kéo thả vào PlaceHolder vừa tạo  xuất thông báo thích hợp liệu: • Đặt trỏ vùng table gõ vào thông báo “Record Not Found” • Chọn toàn câu thông báo • Từ panel “Application” chọn tab “Server Behaviors”  sau click chuột vào dấu + để đổ xuống menu  chọn Show Region / Show Region If Recordset Is Empty  Chỉ xuất phần bảng liệu có liệu Database • Chọn toàn vùng table • Từ panel “Application” chọn tab “Server Behaviors”  sau click chuột vào dấu + để đổ xuống menu  chọn Show Region / Show Region If Recordset Is Not Empty  Sau thao tác xong có cấu trúc trang Display.asp sau: Page 17of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 31 Tạo form Hiển thị liệu theo danh sách dạng Master-Detail (form Search) - Trang Master dùng để liệt kê mẫu tin chứa liên kết đến trang detail Khi click vào liên kết, trang Detail mở để thể nhiều chi tiết mẫu tin - Các bước thực hiện:  Tạo trang Master  Tạo recordset  Hiệu chỉnh trang Detail (tự sinh)  Hiệu chỉnh trang Master a Tạo giao diện lưu trang Master (DisplayMaster.asp) Hình 32 b Từ panel “Application” chọn tab “Server Behaviors”  click chuột vào dấu + để đổ xuống menu  chọn Recordset  xuất hộp thoại, tiến hành khai báo hình 33 Có thể kiểm tra kết nối cách nhấn vào phím “Test” Page 18of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 33 c Trên trang Display, đặt trỏ vị trí mà ta muốn xuất liệu  vào menu Insert / Application Objects / Master Detail Page Set  hộp thoại “Insert Master_Detail Page Set” xuất hiện, tiến hành chọn thông số hình 34 sau Hình 34 Page 19of 32 Xây dựng trang web động với công cụ Dreamweaver MX - Trong đó: “Master Page Fields” chứa cột mà ta muốn thể trang Master “Detail Page Fields” chứa cột mà ta muốn thể trang Detail “Detail Page Name” trang Detail, trang tạo tự động cần nhập vào tên file mà ta dự định làm trang detail b Sau nhấn OK Sẽ có trang Web tạo trang Master trang Detail Trong trang Detail có dạng sau Hình 35 a Tiến hành hiệu chỉnh theo mong muốn (xem thêm phần tạo form hiển thị dạng bảng) Sau tạo xong ta có cấu trúc hình 36: Hình 36 Page 20of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo trang Insert (Insert.asp) - Trang Insert có dùng list box để liệt kê nhà cung cấp (liệt kê tên, lưu mã) Ảnh điện thoại file đươc lấy từ cửa sổ file - Các bước thực hiện:  Tạo recordset nhà cung cấp (supplier)  Tạo Insertion Form  Hiệu chỉnh a Tạo Danh sách liệt kê nhà cung cấp (supplier) - hình 37 Hình 37 b Trên trang Insert, đặt trỏ ví trí mà ta muốn tạo form nhập liệu  vào menu Insert / Application Objects / Record Insertion Form hộp thoại Record Insertion Form xuất Tiến hành khai báo thuộc tính hình 38  Trong đó: “After Inserting, go to” trang mà cho hiển thị thông báo sau insert thành công Hình 38 Page 21of 32 Xây dựng trang web động với công cụ Dreamweaver MX Trong phần Form fields  tiến hành chọn thuộc tính: Column Label Display As Ghi Mcode Mobile Code Text Field Scode Suplier menu * Mname Name Text Field DNotice Date of Notice Text Field Price Price Text Field Image Photograph Text Field (chỉnh tag HTML  input type=”file”) * Cách thực menu Scode sau: Trong hình 40, Chọn “Display As” cho Scode menu, sau click vào “Menu Properties”  cửa sổ “Menu Properties” xuất hiện, tiến hành khai báo hình 39 sau: Hình 39 c Click vào nút lệnh “OK” để trở cửa sổ hình 38 d Tiến hành hiệu chỉnh ta hình Insert hình 40 Hình 40 Note: Khi insert ảnh, nên sử dụng đường dẫn tương đối cách xoá đ thư mục gốc VD: D:\Inetpub\wwwroot\Project\Images\6110.gif  Images\6110.gif Page 22of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo form cập nhật dạng Master-Detail (Search Update) Gồm bước:  Tạo trang search  Tạo trang hiển thị kết Tạo trang Search a Tạo giao diện vào lưu file (Update.asp) b Tạo Recordset “mcode” dùng để truy xuất tên code Mobile cần cập nhật Hình 42  form có thuộc tính sau: Hình 43  Đặt tên cho menu MobileCode, giá trị lấy từ Recordset “mcode” sau: • Chọn vào menu vừa tạo  Properties menu hiển thị hình sau: • • Page 23of 32 Hình 44 Chọn “Dynamic”  hộp thoại xuất Hình 45 Chọn thuộc tính hình 45  OK để hoàn tất Xây dựng trang web động với công cụ Dreamweaver MX Tạo trang hiển thị kết (Update_detail.asp) Hình 46 a Tạo Recordset “update” từ bảng Mobile, khai báo thuộc tính hình sau: Hình 47 b Trên trang Update_Detail, đặt trỏ ví trí mà ta muốn tạo form nhập liệu  vào menu Insert / Application Objects / Record Update Form hộp thoại Record Update Form xuất Page 24of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 48 c Tiến hành chọn lựa thuộc tính form Insert  Click vào nút lệnh “OK” để kết thúc d Sau hiệu chỉnh để có giao diện hình sau: Hình 49 Page 25of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo form cập nhật trang (Search Update) Gồm bước:  Tạo trang chứa (trang HTML) gồm frame: masterFrame, detailFrame  Tạo trang search, hiển thị frame masterFrame  Tạo trang HTML để hiển thị chưa có kết tìm  Tạo trang chi tiết, hiển thị frame detailFrame tìm thấy liệu  Thực chất ta tạo form tìm kiếm form để hiển thị chi tiết, khác chỗ form hiển thị trang chứa gồm frame Tạo trang chứa (Update.htm) Hình 50 Tạo trang Search (UpdateMaster.asp) Hình 51  form có thuộc tính sau: Chú ý: thuộc tính target: “detailFrame” (phải tự nhập vào list box) Hình 52  Đặt tên cho menu MobileCode, giá trị lấy từ Recordset “mcode” (xem phần Tạo form cập nhật dạng Master-Detail) Page 26of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo trang hiển thị chưa có liệu (UpdateDetail.htm) Hình 53 Tạo trang hiển thị chi tiết (UpdateDetail.asp) Trang tạo phần tạo trang Update dang Master-Detail (hình 49)  Sau thực xong ta có trang chứa (Update.htm) hình 54 Khi chọn vào menu, click vào nút Submit  form Update_Detail.asp hiển thị vào frame detailFrame phí Hình 54 Tạo form Delete dạng Master-Detail (tương tự tạo form Update) Gồm bước:  Tạo trang search  Tạo trang hiển thị kết có chứa nút “Xoá” Tạo trang Search a Tạo giao diện vào lưu file (Delete.asp) b Tạo Recordset “mcode” dùng để truy xuất tên code Mobile cần delete Page 27of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 55 - Đặt tên cho menu MobileCode, giá trị lấy từ Recordset “mcode” form có thuộc tính sau: Hình 58 Tạo trang hiển thị kết (Delete_detail.asp) a tạo resordset “DelMobile” từ bảng Mobile sau: Hình 59 b Tạo giao diện trang hiển thị trước xóa hình sau (Hoặc đơn giản copy file Update_Detail.asp lưu lại thành tên Delete_detail.asp) Page 28of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 60 c Chọn form sau vào Server Behaviors  từ dấu + chọn Delete Record  hộp thoại hiển thị tiến hành khai báo sau: Hình 61 d Vào Bindings, tiến hành kéo thả field vào form object tương ứng, sau lưu file để kết thúc Page 29of 32 Xây dựng trang web động với công cụ Dreamweaver MX III MỘT SỐ ĐIỂM CHÚ Ý Các lỗi thường gặp: Error  80004005-Couldn’t use ‘(unknown)’; file already in use  80004005Microsoft Jet database engine cannot open the file (unknown) Nguyên nhân Do đủ quyền Database thư 80040e10—Too few parameters Khi câu SQL truy vấn đến trường không tồn Vùng hiển thị giá trị trường chưa hợp lý (thường ta cho hiển thị ảnh form mas-det) View page thiết kế có trang truy xuất vào recordset Truy xuất vào recordset rỗng mà không bẫy lỗi 800a0bcd—Either BOF or EOF is true mục chứa Database Do không đủ timeout (khi kết nối DSN) Xử lý - Vào “Internet Services Manager” chọn thư mục virtual directory chứa trang web - chọn properties  chọn tất quyền: read, write, script osurce access, directory brousing - Vào “ODBC Microsoft Access Setup” - Chọn Options  tăng Page timeout lên 5000  Vào code view  chỉnh câu SQL  Tạo PlaceHolder chứa ảnh để thay cho vùng text Dreamweaver MX tự tạo Đóng chương trình liên quan (đôi phải logoff máy sau login trở lại) Xem lại thành phần “Server behaviors” Nếu có dấu ! màu đỏ  double click để edit cho xác  Để tìm hiểu sâu Dreamweaver MX tình xử lý ta vào menu Help / Tutorials để xem chi tiết  Có thể xem trang web mẫu địa http://faculty04/fptaptech/myproject (hoặc chép toàn web site từ thư mục Server1\share\dungchung\xuangiap\myproject) Trang web minh họa cho ý Dreamweaver MX  bạn phải tự tìm tòi sáng tạo cho riêng  Dreamweaver MX có nhiều tính tạo web động mạnh, xin dành cho bạn tự khám phá để trang web trở nên ‘professtional’  Hoặc xem download toàn trang web từ web site: www12.brinkster.com/ktvaptech  Chúc bạn thành công -- Page 30of 32 [...]... Khi insert ảnh, nên sử dụng đường dẫn tương đối bằng cách xoá đ thư mục gốc VD: D:\Inetpub\wwwroot\Project\Images\6110.gif  Images\6110.gif Page 22of 32 Xây dựng trang web động với công cụ Dreamweaver MX 7 Tạo form cập nhật dạng Master-Detail (Search Update) Gồm 2 bước:  Tạo trang search  Tạo trang hiển thị kết quả Tạo trang Search a Tạo giao diện vào lưu file (Update.asp) b Tạo Recordset “mcode”... Hình 24 Page 14of 32 Xây dựng trang web động với công cụ Dreamweaver MX c Từ panel “Application” chọn tab “Server Behaviors”  click chuột vào dấu + để đổ xuống menu  chọn User Authentication / Log In User  xuất hiện hộp thoại, Hình 25 d Tiến hành khai báo như hình 26 Hình 26 e Click vào nút lệnh “OK” để kết thúc Page 15of 32 Xây dựng trang web động với công cụ Dreamweaver MX 3 Tạo form logout (Logout.asp)... muốn tạo form nhập liệu  vào menu Insert / Application Objects / Record Update Form hộp thoại Record Update Form xuất hiện Page 24of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 48 c Tiến hành chọn lựa các thuộc tính như ở form Insert  Click vào nút lệnh “OK” để kết thúc d Sau đó hiệu chỉnh để có giao diện như hình sau: Hình 49 Page 25of 32 Xây dựng trang web động với công cụ Dreamweaver. .. 2 bước:  Tạo trang search  Tạo trang hiển thị kết quả có chứa nút “Xoá” Tạo trang Search a Tạo giao diện vào lưu file (Delete.asp) b Tạo Recordset “mcode” dùng để truy xuất tên và code của Mobile cần delete Page 27of 32 Xây dựng trang web động với công cụ Dreamweaver MX Hình 55 - Đặt tên cho menu là MobileCode, giá trị được lấy từ Recordset “mcode” form có các thuộc tính sau: Hình 58 2 Tạo trang... toàn bộ web site từ thư mục Server1\share\dungchung\xuangiap\myproject) Trang web này chỉ là minh họa cho những ý chính của Dreamweaver MX  các bạn phải tự tìm tòi và sáng tạo cho riêng mình  Dreamweaver MX còn có rất nhiều tính năng tạo web động khá mạnh, xin dành cho các bạn tự khám phá để trang web của mình trở nên ‘professtional’ hơn  Hoặc có thể xem và download toàn bộ trang web này từ web site:... 12of 32 Xây dựng trang web động với công cụ Dreamweaver MX d Ở hình 20, trong textbox “Default Documents” gõ vào tên trang chủ của web site (ví dụ trang chủ là Index.htm) Khi truy cập vào web site này, trang Index.htm sẽ tự động được tải ra đầu tiên 7 Xem trang web trong trình duyệt a Mở trình duyệt IE b Tại hộp address gõ vào dòng địa chỉ: http://localhost/myproject, trang web vừa tạo sẽ xuất hiện Hình... phần tạo form hiển thị dạng bảng) Sau khi tạo xong ta có cấu trúc như hình 36: Hình 36 Page 20of 32 Xây dựng trang web động với công cụ Dreamweaver MX 6 Tạo trang Insert (Insert.asp) - Trang Insert có dùng một list box để liệt kê các nhà cung cấp (liệt kê tên, lưu bằng mã) Ảnh của điện thoại là một file đươc lấy từ một cửa sổ file - Các bước thực hiện:  Tạo recordset nhà cung cấp (supplier)  Tạo Insertion... 17 Page 10of 32 Xây dựng trang web động với công cụ Dreamweaver MX Kết nối ứng dụng với Database do người dùng viết code a Trong panel Application, nhấn chuột vào dấu + và chọn “Custom Connection String”, một hộp thoại “Custom Connection String” xuất hiện Điền các thông số vào như hình 18 Hình 18 Trong đó: - Connection name: tên của kết nối vào Database - Connection String: dòng lệnh tạo kết nối vào... frame Tạo trang chứa (Update.htm) Hình 50 Tạo trang Search (UpdateMaster.asp) Hình 51  form có các thuộc tính sau: Chú ý: thuộc tính target: là “detailFrame” (phải tự nhập vào vì không có trên list box) Hình 52  Đặt tên cho menu là MobileCode, giá trị được lấy từ Recordset “mcode” (xem phần Tạo form cập nhật dạng Master-Detail) Page 26of 32 Xây dựng trang web động với công cụ Dreamweaver MX Tạo trang... trị được lấy từ Recordset “mcode” như sau: • Chọn vào menu vừa tạo  Properties của menu hiển thị như hình sau: • • Page 23of 32 Hình 44 Chọn “Dynamic”  hộp thoại xuất hiện Hình 45 Chọn các thuộc tính như hình 45  OK để hoàn tất Xây dựng trang web động với công cụ Dreamweaver MX 2 Tạo trang hiển thị kết quả (Update_detail.asp) Hình 46 a Tạo Recordset “update” từ bảng Mobile, khai báo các thuộc tính .. .Xây dựng trang web động với công cụ Dreamweaver MX HƯỚNG DẪN XÂY DỰNG ỨNG DỤNG WEB VỚI MACROMEDIA DREAMWEAVER MX I Giới thiệu Các bước cần thực a Cấu hình hệ thống Môi trường làm việc Dreamweaver. .. MX b Tạo Database c Thiết lập web site tạo kết nối vào Database  Định nghĩa web site  Chế độ làm việc server  Tạo liên kết với database  Publish web site vừa tạo lên PWS  Xem trang web trình. .. http://localhost/myproject, trang web vừa tạo xuất Hình 22 – trang chủ (Index.htm) Page 13of 32 Xây dựng trang web động với công cụ Dreamweaver MX II Tạo trang web có kết nối Database - Các trang