Tớnh đến thời điểm này, website đến với nhõn loại như là một hệ quả tất yếu của sự phỏt triển của khoa học và cụng nghệ. Tuy nhiờn hầu như chưa cú tài liệu nào nghiờn cứu một cỏch hệ thống và sõu rộng về website. Dựa trờn "Cỏc bước thiết kế dạy học” của TS. Nguyễn Trọng Thọ [62], qui trỡnh thiết kế website phục vụ cho việc dạy và học được cụ thể húa thành cỏc bước như sau:
Bước 1. Phõn tớch
−Xỏc định đối tượng sử dụng, thời điểm sử dụng trong quỏ trỡnh dạy học.
−Xỏc định mục tiờu cần đạt được về nội dung và hỡnh thức của website .
− Xỏc định cỏc tài nguyờn cần thiết phải cú dựng làm tài liệu tham khảo quan trọng để biờn soạn nội dung website như: SGK, sỏch bài tập, sỏch GV, đề thi, sỏch tham khảo, …
−Xỏc định cụng cụ để thực hiện website. Đú là những phần mềm liờn quan cũng như phần mềm chuyờn dựng để tạo website theo đỳng ý tưởng của tỏc giả.
Đõy là bước quan trọng nhất trong qui trỡnh thiết kế website , nú cú tỏc dụng định hướng, đặt nền múng cho cụng việc tiếp theo. Định hướng đỳng sẽ khụng làm lệch đề tài nghiờn cứu, nền múng vững chắc giỳp cho việc phỏt triển cỏc chủ đề của website được thực hiện một cỏch suụn sẻ, đa dạng, làm tăng thờm tớnh hiệu quả sử dụng cho sản phẩm.
Bước 2. Xõy dựng nội dung
− Căn cứ mục tiờu đĩ xỏc định ở bước 1 để tiến hành xõy dựng, soạn thảo nội dung của website .
−Dựng cỏc phần mềm soạn thảo văn bản để tiến hành biờn soạn: + Hệ thống cỏc bài túm tắt lý thuyết.
+ Hệ thống cõu hỏi, bài tập tự luận và trắc nghiệm khỏch quan. + Hướng dẫn, bài giải cần thiết cho cỏc bài tập nờu trờn.
+ Tập hợp cỏc phương phỏp giải bài tập.
−Tập hợp cỏc video clips về thớ nghiệm húa học liờn quan đến chủ đề chớnh của website .
−Tăng cường cỏc bài viết, tư liệu đọc thờm để tăng tớnh sinh động, hấp dẫn cho website .
Phần lớn dữ liệu được biờn soạn hoặc sưu tầm ở bước này là cỏc tập tin word (.doc,), tập tin video (.mpg, wmp, flv …), hoặc tập tin ảnh (.cr2, .jpg, png …). Chỳng sẽ được chuyển thành định dạng thống nhất và phự hợp.
Bước 3. Thiết kế và xõy dựng hỡnh thức website
−Xỏc định màu chủ đạo của website và phong cỏch phối màu của trang chủ.
−Thiết kế cỏc đường link cú mặt trờn giao diện của mỗi phần, mỗi mục sao cho đạt 3 yờu cầu: tiện dựng, thẩm mỹ và kĩ thuật thực hiện đơn giản.
− Tiến hành chuyển từng cõu hỏi, bài tập, hướng dẫn, bài giải từ tập tin .doc thành tập tin .png. Chuyển video clips sang định dạng flv.
Bước 4. Chạy thử sản phẩm trờn mỏy tớnh
− Sản phẩm được đúng gúi trờn từng CD-ROM và gởi cho một nhúm nhỏ GV, HS sử dụng thử rồi phản hồi kết quả.
−Thu thập ý kiến phản hồi và tiến hành chỉnh sửa.
Bước 5. Thiết kế bỡa CD và cho in sao hàng loạt
Cần lấy tổng số HS cỏc lớp thực nghiệm và tổng số GV cần tham khảo ý kiến để quyết định số lượng CD cần in sao.
Bước 6. Thực nghiệm sư phạm
− Biờn soạn phiếu tham khảo ý kiến GV và kế hoạch lờn lớp. Thống nhất kế hoạch với GV bộ mụn Húa học ở lớp được chọn làm thực nghiệm.
− Biờn soạn phiếu tham khảo ý kiến HS và gởi kốm CD cho HS thuộc cỏc lớp thực nghiệm.
Bước 7. Đỏnh giỏ
Thu thập số liệu qua bài kiểm tra một tiết, cỏc phiếu tham khảo ý kiến GV và HS để tiến hành đỏnh giỏ mức độ hiệu quả của việc sử dụng website trong dạy và học.
2.4. Cấu trỳc nội dung website 2.4.1. Cấu trỳc website