TÀI LIỆU TẬP HUẤN TẠO WEBSITE CHO ĐƠN VỊ
MỤC LỤC
1. Giới thiệu chung................................................................................................1
2. Giới thiệu lợi ích của việc tạo website cho đơn vị.............................................4
3. Giới thiệu về các tính năng sẵn có của Thư viện Violet....................................4
3.1. Lưu trữ và chia sẻ dữ liệu....................................................................4
3.2. Xây dựng bài giảng điện tử trực tuyến................................................5
3.3. Trao đổi, học hỏi kinh nghiệm, chuyên môn.......................................5
3.4. Tổ chức lớp học trực tuyến.................................................................5
3.5. Tạo các website đơn vị và tổ chức thành hệ thống..............................5
4. Cách thức tạo website đơn vị tương tự như Thư viện Violet............................6
5. Sử dụng Photoshop và Flash để thiết kế đồ họa cho website............................7
5.1. Sử dụng Photoshop để thiết kế baner..................................................7
5.2. Sử dụng Flash để tạo baner có hình ảnh động...................................11
6. Sử dụng các chức năng quản trị website..........................................................13
6.1. Tạo giao diện.....................................................................................13
6.2. Tạo menu cho trang web...................................................................15
6.3. Quản lý thành viên.............................................................................17
6.4. Quản trị thư mục môn học.................................................................18
6.5. Quản lý tài nguyên của trang.............................................................19
6.6. Tạo phiếu điều tra ý kiến trên trang web...........................................20
6.7. Phân công hỗ trợ trực tuyến..............................................................21
7. Đưa bài viết lên trang web...............................................................................21
8. Đưa tư liệu, bài giảng lên trang web................................................................22
9. Thực hành các chức năng tạo lập và quản trị...................................................23
1. Giới thiệu chung
Xuất phát từ nhu cầu thực tế, được sự ủng hộ của đông đảo các giáo viên cùng với sự
quan tâm, góp ý của các chuyên gia có uy tín trong ngành giáo dục, với mong muốn được góp
một phần vào sự nghiệp giáo dục của đất nước, chúng tôi xây dựng thư viện trực tuyến
ViOLET (viết tắt của Vietnam Online Library for E-Teachers: “Thư viện trực tuyến dành cho
giáo viên điện tử”). Hệ thống này được triển khai và hoạt động từ ngày 15-9-2008 tại địa chỉ:

- …
2
c. Cấp trường THPT:
- Trường THPT Dân lập Ngôi Sao: http://violet.vn/ngoisao
- Trường THPT Võ Thị Sáu: http://violet.vn/thpt-vothisau-brvt
- ...
d. Cấp trường THCS:
- Trường THCS Hai Bà Trưng: http://violet.vn/thcs-haibatrung-hanoi/
- Trường THCS Lê Ngọc Hân: http://violet.vn/thcs-lengochan-hanoi
- Trường THCS Nguyễn Văn Nghi: http://violet.vn/thcs-nguyenvannghi-tphcm
- …
e. Cấp trường Tiểu học và Mầm non:
- Trường Tiểu học Bế Văn Đàn: http://violet.vn/th-bevandan-danang
- Trường Tiểu học An Sinh: http://violet.vn/th-ansinh-dongtrieu-quangninh
- …
f. Các trang cá nhân của các thành viên thư viện
- Thầy Nguyễn Tuấn Cường, trường THCS Thái Sơn- An Lão- Hải Phòng:
http://violet.vn/tuancuonghp
3
- Thầy Nguyễn Lê Quang Duy, trường THPT Nguyễn Trãi- Đà Nẵng:
http://violet.vn/Quangduy2011/
- …
2. Giới thiệu lợi ích của việc tạo website cho đơn vị
Việc tạo các trang riêng là hoàn toàn miễn phí. Các đơn vị không phải trả một khoản
chi phí nào cho tên miền, máy chủ. Mặt khác, cách tạo trang web là khá đơn giản và dễ dàng
với sự giúp đỡ nhiệt tình, tâm huyết của các kỹ thuật viên của Công ty Cổ phần Tin học Bạch
Kim.
Mỗi Sở giáo dục có các thư viện riêng, trang thư viện này liên kết với trang web của
các Phòng giáo dục và các trường học trên địa bàn. Giáo viên gửi bài tại trường sẽ được đưa
chung vào thư viện của Sở. Sở giáo dục chưa có trang web hoàn toàn có thể sử dụng trang

phải sử dụng phần mềm với vai trò là một công cụ soạn thảo bài giảng. Thư viện cung cấp
công cụ soạn thảo bài giảng trực tuyến ViOLET tại địa chỉ http://violet.vn/violet
3.3. Trao đổi, học hỏi kinh nghiệm, chuyên môn
Các tư liệu, bài giảng, đề thi, kiểm tra sẽ được nhiều giáo viên tham gia đánh giá, đóng
góp ý kiến. Phần này cũng sẽ có tác dụng giúp cho những người sản xuất tư liệu kịp thời chỉnh
sửa tư liệu nếu nó chưa được hoàn hảo về cả nội dung và kỹ thuật.
Thư viện, nếu được tổ chức tốt, với sự tham gia quản lý của các cấp trường, Phòng, Sở,
thư viện ViOLET sẽ thực sự là một môi trường tốt để giáo viên có thể tham gia trao đổi học
hỏi kinh nghiệm, chuyên môn.
Ngoài ra các giáo viên có thể tham gia vào diễn đàn của mình thông qua địa chỉ:
http://diendan.violet.vn http://blog.violet.vn
3.4. Tổ chức lớp học trực tuyến.
Giáo viên có thể soạn bài giảng E-Learning gửi lên hệ thống thư viện và tổ chức các
lớp học trực tuyến. Ở đó học sinh có thể tham gia các hệ thống học trực tuyến mà không phải
tốn học phí (hoặc học phí rất thấp) mà chất lượng vẫn được đảm bảo. Một học sinh ở TP HCM
có thể thông qua một hệ thống học trực tuyến để theo học một thầy giáo ở tận Hà Nội. Những
người đã đi làm cũng vẫn có thể tiếp tục học tập để nâng cao trình độ, v.v…
Một giáo viên có thể vừa dạy trên lớp bình thường, thời gian còn lại có thể dạy thêm ở
những lớp học ảo vừa để rèn luyện chuyên môn, tăng thu nhập, và cũng là để khẳng định khả
năng, trình độ của mình với xã hội. Địa chỉ truy cập cho giáo viên và các em học sinh là:
http://lophoc.violet.vn
Mặt khác, giáo viên có thể tự tìm tòi, học hỏi những kiến thức tin học phổ thông cần
thiết khi trở thành người giáo viên điện tự thông qua địa chỉ: http://daotao.violet.vn
3.5. Tạo các website đơn vị và tổ chức thành hệ thống
Thư viện trực tuyến ViOLET cho phép người dùng tạo trang riêng của mình để có thể
quản lý các dữ liệu theo ý thích. Đồng thời cũng cho phép tạo các trang riêng cấp trường, cấp
Phòng hay cấp Sở giáo dục. Các trang riêng này cũng có các chức năng như các trang cá nhân.
tuy nhiên, trang cấp Sở sẽ quản lý các trang cấp Phòng hay cấp trường, trang cấp Phòng lại
quản lý các trang cấp trường trực thuộc và các trang cấp trường sẽ quản lý các trang cá nhân
của các giáo viên trong trường đó. Tất nhiên, tất cả dữ liệu trên các trang riêng đều có mặt trên

Công việc tiếp theo của chúng ta là tạo giao diện, menu, thư mục,… cho website của
mình.
6
5. Sử dụng Photoshop và Flash để thiết kế đồ họa cho website.
Đối với một trang web ngoài nội dung, tổ chức thư mục trên đó thì các phần tử đồ họa
(baner, hình nền, biểu tượng…) có vai trò quan trọng về yếu tố mỹ thuật cho trang đó. Nó đảm
bảo cho trang web của bạn đẹp, độc đáo và hấp dẫn người xem.
Sau khi tạo xong trang web riêng của các bạn hãy sử dụng Photoshop và Flash để thiết
kế baner, hình nền cho trang của mình.
5.1. Sử dụng Photoshop để thiết kế baner
Các bạn khởi động phần mềm Photoshop. Tạo một trang giấy mới (Ctrl N). Hộp thoại
New hiện ra. Bạn có thể điền tên trang này là “banner”. Kích thước banner trong các trang web
của violet.vn có chiều ngang (width) là 770 pixels, còn chiều cao thì tùy ý. Tuy nhiên bạn
không nên để chiều cao quá lớn làm cho banner choán hết cả màn hình máy tính. Bạn nên để ở
độ cao (height): 100 pixels đến 200 pixel thôi.
Nhấn OK để đồng ý tạo trang giấy mới. Trang giấy có kích thước đúng như bạn đặt đã
hiện ra, và bây giờ các bạn sẽ đưa các thông tin cần thiết vào đây để thể hiện nội dung của
baner.
Một banner cũng có những yêu cầu về nội dung và mỹ thuật của nó:
• Nội dung:
+ Đơn vị chủ quản (nếu có).
+ Tên đơn vị (là tên trang web).
+ Địa chỉ liên lạc.
Ví dụ:
• Mỹ thuật:
+ Dùng Font chữ dễ đọc, rõ ràng: không dùng chữ quá hoa lá, uốn lượn,… hay chữ có
nét quá mảnh. Nên dùng chữ in hoa với dòng tên trang web, chữ thường với dòng địa chỉ.
Dòng địa chỉ chỉ cần nhỏ, vừa đủ để đọc được, không nên quá lớn và chiếm nhiều diện tích.
Mầu của chữ cũng nên nổi bật so với nền
7

Marquee Tool (M). Trên thanh tùy chọn của công cụ này, mục Style, chọn Fixed size.
Ô Width (chiều rộng) bạn chọn bằng nhiều ngang của banner: 770 pixel
Ô Heitgh (chiều cao) bạn chọn khoảng 30 pixel
Nhấn chuột lên trang giấy, bạn sẽ thấy vùng chọn hiện ra có kích thước đúng như bạn
đã đặt. Bạn di chuyển vùng chọn lên phía trên cùng của banner. Chọn mầu và đổ lên vùng
chọn. (như mục (*))
5.1.3. Viết tên đơn vị, địa chỉ:
Chọn công cụ Type Tool (T), click chuột vào màn hình khi hiện ra con thanh type
nhấp nháy thì bạn gõ chữ. Gõ xong bạn chọn công cụ Move Tool (V) để thoát khỏi công cụ
Type Tool (T)
Để thay đổi font chữ, cỡ chữ, kiểu chữ, căn lề, mầu chữ, v…v… bạn chọn trên thanh
tùy chọn:
Bạn tạo hiệu ứng cho chữ như: bóng đổ, tỏa sáng, nổi bóng, v…v…như sau: Trong
bảng layer, bạn chọn đến layer chữ đó và chọn vào Add a layer style. Bảng Layer style
hiện ra và bạn chọn hiệu ứng mà mình mong muốn:
Blending Options: lựa chọn chung.
Drop Shadow: bóng đổ.
Inner Shadow: bóng đổ vào trong.
Outer Glow: tỏa sáng ra xung quanh.
Inner Glow: tỏa sáng vào trong.
Bevel and Emboss: tạo khối nổi.
Contour: viền xung quanh.
Texture: tạo bề mặt.
Satin: làm bóng bề mặt.
Color Overlay: phủ mầu lên bề mặt.
Gradient Overlay: tạo chuyển mầu bề mặt.
Pattern Overlay: tạo chất liệu trên bề mặt.
Stroke: Nét bao quanh.
Lúc này bạn đã hoàn thành được 50% công đoạn thiết kế banner của mình.
9