Video hướng dẫn thiết kế website doanh nghiệp sử dụng công cụ Developer Toolbox và Dreamweaver
Bài lab sau hướng dẫn bạn xây dựng 1 trang web doanh nghiệp hoàn chỉnh: Trang chủ và trang quản trị, sử dụng công cụ Developer toolbox và Dreamweaver.
Hoàn tất bài lab, bạn sẽ được trang web như sau:
Trang chủ
Trang Quản Trị

Các chức năng chính:
A - Trang Chủ:
Trích:
|
- Hiện menu 2 cấp, kết hợp hiệu ứng SDMENU và database
- Tạo các tab bằng jQuery với dữ liệu động
- Hiện tin xem nhiều, tin nổi bật, tin mới nhận
- Chức năng đăng nhập thành viên,
- Trình bày tin tức theo loại
- Hiện banner quảng cáo
- Trang hiện tin thuộc loại tin khách hàng muốn xem.
- Trang chi tiết tin: Hiện nội dung tin khách hàng muốn xem
- Hiện tin cùng loại tin đang xem.
- Biểu tượng Yahoo Online
|
B - Trang quản trị
- Vẽ layout trang quản trị
- Hạn chế truy cập: Chỉ admin mới được vào trang này.
- Tạo trang quản lý Thể Loại
- Tạo trang quản lý Loại Tin
- Tạo trang quản lý Tin.
- Chèn trình soạn thảo TinyMCE
- Chèn thư viện Quản Lý Hình
Download source để làm bài lab này:
Bước 1: Chuẩn bị môi trường làm việc: Tạo database, tạo site, tạo Connection.
Download-Tải về:
Bước 2: Tạo tin mới nhận, tin nổi bật, tin xem nhiều. Kết hợp với jQuery Tab.
Download-Tải về:
Bước 3: Hiện các tin và loại tin lồng nhau.
Download-Tải về:
Bước 4: Tạo jumpMenu với dữ liệu lấy từ database.
Download-Tải về:
Bước 5: Tạo menu 2 cấp sdMenu, dữ liệu động lấy từ TheLoai và LoaiTin
Download-Tải về:
Bước 6: Hiện tin xem nhiều, tạo Tooltip: Hiện ra mô tả tin khi rê chuột lên tiêu đề tin.
Download-Tải về:
Bước 7: Hiện hình quảng cáo với dữ liệu động lấy từ bảng QuangCao
Download-Tải về:
Bước 8: Tạo chức năng Đăng nhập thành viên
Download-Tải về:
Bước 9: Tạo trang tin trong loại: Hiện tin thuộc loại tin khách hàng muốn xem
Download-Tải về:
Bước 10: Hiện chi tiết tin, Tin cùng loại với tin đang xem.
Download-Tải về:
Bước 11: Tạo layout cho trang quản trị. Hạn chế truy cập trái phép, chỉ có admin mới được phép vào trang này.
Download-Tải về:
Bước 12: Tạo trang quản lý TheLoai: Cho khách hàng thêm, xóa, sửa TheLoai.
Download-Tải về:
Bước 13: Tạo trang quản lý LoaiTin: Cho khách hàng thêm, xóa, sửa LoaiTin.
Download-Tải về:
Bước 14: Tạo trang quản lý Tin: Cho khách hàng thêm, xóa, sửa Tin. Chèn trình soạn thảo TinyMCE, thư viện quản lý hình, Date Picker, tạo ràng buộc cho menu TheLoai và menu LoaiTin
Download-Tải về:
Lưu ý: Để làm bài lab này, bạn nên:
- Sử dụng win XP, vista hoặc win 7
- Cài Appserv2.5.9
- Cài Dreamweaver CS3 và bộ Developer Toolbox
Chúc các bạn học tốt!
Bài viết ngẫu nhiên trong cùng chuyên mục: