2.5.3.1. í tưởng thiết kế
Trang “Bài giảng” bao gồm cỏc file bài giảng dạng powerpoint (*.ppt, *.pps) hoặc cỏc video…. Để người dựng cú thể dễ dàng tỡm thấy cỏc bài giảng cú trờn trang web, chỳng tụi trỡnh bày theo hai dạng: dạng menu dọc (ở bờn trỏi) và danh sỏch theo dạng bảng cú hỡnh ảnh và thụng tin túm tắt (được trỡnh bày ở giữa trang web). Ở dạng menu bờn trỏi là danh sỏch cỏc bài giảng được phõn chia theo cỏc chương, người dựng cú thể bấm trực tiếp vào cỏc liờn kết để mở bài giảng mỡnh mong muốn. Cũn ở phần giữa của website, cỏc bài giảng cũng được chia theo cỏc chương nhưng cú thờm hỡnh ảnh thu nhỏ của slide tiờu biểu và thụng tin về mỗi bài giảng, qua đú người học cú thể biết được bài cần tỡm và nếu muốn xem tồn bộ nội dung chỉ cần bấm vào nỳt “XEM BÀI GIẢNG” hoặc bấm vào ngay hỡnh ảnh thu nhỏ của bài giảng đú.
2.5.3.2. Thực hiện
Từ những ý tưởng đú, cỏch tạo trang “Bài giảng” như sau:
- Ban đầu, chỳng ta dựng Photoshop thiết kế cỏc file ảnh cho việc tạo flash giới thiệu bài giảng và phần giới thiệu cho tiờu đề cỏc chương.
- Sử dụng phần mềm Flash Intro Maker xuất bản cỏc file flash (*.swf) tương ứng cho mỗi phần (tương tự như thiết kế ở trang Default.html).
- Dựng cụng cụ Dreamweaver tạo cỏc file “style.css” và file “main.css” định nghĩa cỏc lớp cho trang “Bài giảng”, định nghĩa cỏc thuộc tớnh cho đề mục của cỏc chương, cỏc ảnh nền, màu nền, font chữ và cỡ chữ,…cho menu bờn trỏi.
Hỡnh 2.18. Giao diện trang “Bài giảng”
Tạo danh sỏch tất cả cỏc bài giảng được sắp xếp lần lượt theo từng chương như menu bờn trỏi, mỗi chương tương ứng với một bảng (table).
Hỡnh 2.19. Tạo menu danh sỏch cỏc bài giảng