Chúng tơi sử dụng phần mềm Dreamwear để thiết kế phần giao diện cho trang web vì tính thân thiện và linh hoạt của phần mềm. Với những phần web tĩnh như phần ơn tập-tự kiểm tra của HS, chúng tơi sử dụng ngơn ngữ HTML để thiết kế. Với những phần web động ở những nội dung cịn lại, chúng tơi sử dụng ngơn ngữ ASP.
ðối với phần sử dụng ngơn ngữ HTML, đầu tiên chúng tơi sử dụng định dạng đối tượng (CSS- cascading style sheet) thiết lập các kiểu định dạng chung cho website để đảm bảo tính thống nhất về mặt hình thức ở các trang thành phần. Các
đối tượng như màu nền cho trang web, font chữ, màu sắc, kích thước của chữ trong tiêu đề, nội dung, màu sắc của bảng biểu, siêu liên kết… được định dạng trong tập tin format.css. Chúng tơi sử dụng các thẻ HTML đơn giản để định dạng. Ví dụ với thẻ HTML cĩ nội dung “td#banner {height: 160px; width: 100%; background- image: url (.../images/banner_bg.gif); background-repeat: repeat-x;}, cột với định dạng “banner” sẽđược hiển thị với các thơng số quy định sẵn về chiều cao (160px), chiều rộng (trải dài 100% chiều dài màn hình); hình nền (lấy hình nền theo địa chỉ
../images/banner_bg.gif và lặp lại hình nền cho đến hết độ rộng của cột). Trong các trang, chúng tơi thiết kế website dưới dạng những bảng (table) để cĩ thể dễ dàng sử
dụng những định dạng đã thiết lập trong CSS. Ngồi ra, sử dụng bảng sẽ giúp người thiết kế quản lý nội dung và định dạng trong trang được thuận tiện hơn.
ðối với phần thiết kế bằng ngơn ngữ ASP, chúng tơi khơng sử dụng CSS và bảng mà sử dụng dạng Form (nghĩa là một trang được ghép từ nhiều phần nhỏ). Một trang thiết kế bao gồm 3 form ghép lại là form tiêu đề (header), form nội dung của trang (body) và form đáy của trang (footer). Phần tiêu đề và đáy của trang được
định dạng cốđịnh cịn phần nội dung của trang được thay đổi tùy theo nội dung. Ví dụ, nếu phần nội dung trang là danh sách câu hỏi thì form nội dung được định dạng dưới dạng sơ đồ cây, nếu nội dung trang là tạo mới một hồ sơ thì form nội dung
được định dạng dưới dạng những bảng chứa các ơ trống để điền thơng tin. Các form này được định sẵn thành các mẫu (templates) trong thư mục Controls. Chúng tơi thiết kế các templates cho các form tiêu đề, đáy, bài kiểm tra trực tuyến của HS,
danh sách câu hỏi, danh sách người sử dụng, kết quả bài kiểm tra cho HS, ma trận của đề thi…
Sau khi thiết kế định dạng trong CSS và các mẫu, chúng tơi tiến hành nhập nội dung của phần tự học và tự kiểm tra cho HS. ðể trang ơn tập được phong phú, chúng tơi sưu tập một số hình ảnh và phim flash trên mạng, cũng như thiết kế một số bài tập dưới dạng flash và nhúng vào trang web. Phần mềm EMP được sử dụng
để tạo những đề kiểm tra thử với mục đích giúp HS tự kiểm tra kiến thức của mình sau khi ơn tập lý thuyết và bài tập trong chương. Sau khi HS làm bài, máy sẽđưa ra kết quả giúp HS biết được những câu làm sai, từ đĩ cĩ thể khắc phục những kiến thức mà mình chưa vững. ðiều này giúp cho HS cĩ sự chuẩn bị tốt hơn cho kỳ thi trực tuyến chính thức theo yêu cầu của GV hoặc nhà quản lý.
Hình 2.2. Một bài tập được thiết kế bằng FLASH