GIAO TRINH W

Trong trường hợp bạn chèn một bức ảnh có trên trang web khác vào bài viết, hãy chọn nút sau đó copy link của bức ảnh đó dán vào hộp địa chỉ ảnh rồi chọn nút “Thêm” để đưa ảnh vào [r]

TÀI LI ỆU TẬP HUẤN TẠO WEBSITE CHO ĐƠN VỊ MỤC LỤC

1 Giới thiệu chung

2 Giới thiệu lợi ích việc tạo website cho đơn vị

3 Giới thiệu tính sẵn có Thư viện Violet

3.1 Lưu trữ chia sẻ liệu

3.2 Xây dựng giảng điện tử trực tuyến

3.3 Trao đổi, học hỏi kinh nghiệm, chuyên môn

3.4 Tổ chức lớp học trực tuyến

3.5 Tạo website đơn vị tổ chức thành hệ thống

4 Cách thức tạo website đơn vị tương tự Thư viện Violet

5 Sử dụng Photoshop Flash để thiết kế đồ họa cho website

5.1 Sử dụng Photoshop để thiết kế baner

5.1.1 Tô màu nền:

5.1.2 Tạo đầu trang (header):

5.1.3 Viết tên đơn vị, địa chỉ:

5.1.4 Trang trí 10

5.1.5 Xuất dạng ảnh 11

5.2 Sử dụng Flash để tạo baner có hình ảnh động 11

5.2.1 Thiết kế banner 11

5.2.2 Xuất file 13

6 Sử dụng chức quản trị website 13

6.1 Tạo giao diện 14

6.2 Tạo menu cho trang web 15

6.2.1 Tạo menu ngang: 15

6.2.2 Tạo menu dọc 16

6.3 Quản lý thành viên 17

6.4 Quản trị thư mục môn học 18

6.4.1 Tạo thư mục 18

6.4.2 Sửa đổi thư mục 19

6.4.3 Xóa thư mục 19

6.5 Quản lý tài nguyên trang 19

6.6 Tạo phiếu điều tra ý kiến trang web 19

6.7 Phân công hỗ trợ trực tuyến 20

7 Đưa viết lên trang web 21

8 Đưa tư liệu, giảng lên trang web 22

1 Giới thiệu chung

Xuất phát từ nhu cầu thực tế, ủng hộ đông đảo giáo viên với quan tâm, góp ý chuyên gia có uy tín ngành giáo dục, với mong muốn góp phần vào nghiệp giáo dục đất nước, xây dựng thư viện trực tuyến ViOLET (viết tắt Vietnam Online Library for ETeachers: “Thư viện trực tuyến dành cho giáo viên điện tử”) Hệ thống triển khai hoạt động từ ngày 1592008 địa chỉ: http://violet.vn

Tại hệ thống thư viện, trang web chia sẻ nội dung giảng, giáo án, đề thi, đào tạo trực tuyến… cho giáo dục, chúng tơi cịn cung cấp “Khả địa phương hóa, đơn vị hóa cá nhân hóa” mà đó: đơn vị, cá nhân tạo cho trang web riêng với đặc điểm sau:

 Mỗi trang riêng trang web hoàn chỉnh, gồm chức gửi tin, gửi

giảng, giáo án, đề thi, tư liệu, quản lý, đánh giá liệu

 Mỗi trang riêng có hệ thống thư mục riêng dựa hệ thống phân loại tài liệu

chung

 Mỗi trang riêng chỉnh sửa giao diện, cấu trúc hiển thị

 Giữa trang có phân cấp, tư liệu gửi lên trang đưa vào trang

cấp

Hệ thống trang riêng thư viện ViOLET phân chia theo hệ thống tổ chức sau:

 Hệ thống trang Sở  Hệ thống trang Phòng

 Hệ thống trang Trường  Hệ thống trang cá nhân

Các bạn vào tham khảo website đơn vị đây: a Cấp Sở giáo dục Dự án:

Sở giáo dục thành phố Đà Nẵng: http://violet.vn/danang/ Sở giáo dục tỉnh Quảng Trị: http://violet.vn/quangtri/ Dự án phát triển Giáo dục THPT: http://violet.vn/da thpt Dự án phát triển giáo dục THCS II: http://violet.vn/da thcs2 Dự án Phát triển GVTH: http://violet.vn/da gvth

b Cấp Phòng giáo dục:

Phịng giáo dục huyện Đơng Triều: http://violet.vn/dongtrieu Phịng giáo dục huyện Yên Châu: http://violet.vn/yenchau …

c Cấp trường THPT:

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 …

e Cấp trường Tiểu học 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 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

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 việc t ạo website cho đ ơn vị

Việc tạo trang riêng hồn tồn miễn phí Các đơn vị khơng phải trả khoản chi phí cho tên miền, máy chủ Mặt khác, cách tạo trang web đơn giản dễ dàng với giúp đỡ nhiệt tình, tâm huyết kỹ thuật viên Cơng ty Cổ phần Tin học Bạch Kim

Mỗi Sở giáo dục có thư viện riêng, trang thư viện liên kết với trang web Phòng giáo dục trường học địa bàn Giáo viên gửi trường đưa chung vào thư viện Sở Sở giáo dục chưa có trang web hồn tồn sử dụng trang riêng làm trang web Sở với tên miền Sở tự lựa chọn

Mỗi phịng giáo dục có thư viện riêng, trang thư viện liên kết với trang web trường học địa bàn Giáo viên gửi trường đưa chung vào thư viện Phòng thư viện Sở

Nhờ vào hệ thống định danh, trang Web trường có danh sách đầy đủ giáo viên Các giáo viên trường gửi tư liệu, giảng, giáo án, đề thi trang web trường Các đưa vào trang Phòng, Sở trang chung hệ thống Các trường chưa có trang web sử dụng trang riêng

Như địa phương đơn vị hồn tồn quản lý tình hình ứng dụng CNTT đơn vị trực thuộc mình, đơn vị có loạt tiêu để so sánh, đánh giá, xếp hạng Điều tạo phong trào thi đua chắn làm cho việc ứng dụng CNTT vào dạy học phát triển cách mạnh mẽ Đây tư tưởng chủ đạo công văn số 9584/BGDĐTCNTT Bộ GD&ĐT việc Hướng dẫn thực nhiệm vụ năm học 20072008 CNTT phát động năm CNTT 2008 2009

3 Giới thiệu tính sẵn có Thư viện Violet 3.1 L ưu trữ chia sẻ liệu

Thư viện ViOLET hỗ trợ giáo viên việc lưu trữ chia sẻ tài liệu Các liệu phân loại xếp cách khoa học tạo điều kiện giúp giáo viên tìm kiếm liệu cần dùng cách đơn giản Giáo viên truy cập liệu từ đâu, thời gian với máy tính có kết nối Internet thông qua địa chỉ:

http://baigiang.violet.vn http://tulieu.violet.vn http://giaoan.violet.vn http://dethi.violet.vn 3.2 Xây d ựng giảng điện tử trực tuyến

Để giáo viên tự xây dựng phần mềm giảng theo kịch mình, họ phải sử dụng phần mềm với vai trị cơng cụ soạn thảo giảng Thư viện cung cấp công cụ soạn thảo giảng trực tuyến ViOLET địa http://violet.vn/violet

3.3 Trao đổi, học h ỏi kinh nghiệm, chuyên môn

Các tư liệu, giảng, đề thi, kiểm tra nhiều giáo viên tham gia đánh giá, đóng góp ý kiến Phần có tác dụng giúp cho người sản xuất tư liệu kịp thời chỉnh sửa tư liệu chưa hồn hảo nội dung kỹ thuật

Thư viện, tổ chức tốt, với tham gia quản lý cấp trường, Phòng, Sở, thư viện ViOLET thực mơi trường tốt để giáo viên tham gia trao đổi học hỏi kinh nghiệm, chuyên mơn

Ngồi giáo viên tham gia vào diễn đàn 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 soạn giảng ELearning gửi lên hệ thống thư viện tổ chức lớp học trực tuyến Ở học sinh tham gia hệ thống học trực tuyến mà khơng phải

tốn học phí (hoặc học phí thấp) mà chất lượng đảm bảo Một học sinh TP HCM thơng qua hệ thống học trực tuyến để theo học thầy giáo tận Hà Nội

Những người làm tiếp tục học tập để nâng cao trình độ, v.v…

Một giáo viên vừa dạy lớp bình thường, thời gian cịn lại dạy thêm lớp học ảo vừa để rèn luyện chuyên môn, tăng thu nhập, để khẳng định khả

Mặt khác, giáo viên tự tìm tịi, học hỏi kiến thức tin học phổ thông cần thiết 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 website đơn 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 để quản lý liệu theo ý thích Đồng thời cho phép tạo trang riêng cấp trường, cấp Phòng hay cấp Sở giáo dục Các trang riêng có chức trang cá nhân nhiên, trang cấp Sở quản lý trang cấp Phòng hay cấp trường, trang cấp Phòng lại quản lý trang cấp trường trực thuộc trang cấp trường quản lý trang cá nhân giáo viên trường Tất nhiên, tất liệu trang riêng có mặt trang thư viện trực tuyến ViOLET

Qua trang riêng, người dùng nắm bắt thơng tin, hoạt động giáo dục cá nhân hay đơn vị Điều có nghĩa chức tạo trang riêng không tạo điều kiện thuận lợi cho người dùng quản lý liệu giáo dục mà khuyến khích tham gia cá nhân, đơn vị việc thi đua nâng cao chất lượng giáo dục

4 Cách thức t ạo website đơn vị tương t ự nh Thư viện Violet

Để tạo website đơn vị (cấp Sở GD, Phòng GD, Trường) bạn cần có điều kiện sau:

Là thành viên trang Thư viện Violet

Thông tin cá nhân bạn xác thực (có thành viên xác thực cho bạn) Được ủy quyền lãnh đạo cấp (GĐ Sở, Trưởng phòng GD, Hiệu trưởng)

để tạo website cho đơn vị

Khi đủ điều kiện, bạn đăng nhập vào trang Thư viện theo địa http://violet.vn Sau đăng nhập thành công, bạn vào menu “Trang cá nhân” link “Tạo trang web cá nhân” cho phép bạn bắt đầu tạo trang riêng cho cá nhân hay đơn vị

Tùy vào thơng tin cá nhân bạn thuộc đơn vị nào, cấp mà mẫu trang riêng hiển thị tương ứng cho phép bạn chọn

Sau chọn mẫu, địa truy cập trang riêng tạo đặt mặc định dự vào thông tin cá nhân người tạo khai báo không cho phép bạn thay đổi

o Ví dụ: http://violet.vn/thcs haibatrung hanoi Các bạn có quyền thay đổi tiêu đề trang web

Nhấn vào nút “Tạo trang riêng” để thực Quá trình tạo trang web thành cơng bạn nhận thơng báo “………” Khi bạn có trang web riêng theo địa mà cấp

Sau tạo xong địa website, bạn truy cập vào trang cách nhấn vào dịng chữ “Chuyển sang trang riêng” mở trình duyệt web vào theo địa cấp

Công việc tạo giao diện, menu, thư mục,… cho website

5 Sử d ụng Photoshop Flash đ ể thiết kế đồ họa cho website

Đối với trang web nội dung, tổ chức thư mục phần tử đồ họa (baner, hình nền, biểu tượng…) có vai trò quan trọng yếu tố mỹ thuật cho trang Nó đảm bảo cho trang web bạn đẹp, độc đáo hấp dẫn người xem

Sau tạo xong trang web riêng bạn sử dụng Photoshop Flash để thiết kế baner, hình cho trang

5.1 Sử d ụng Photoshop đ ể thiết kế baner

Các bạn khởi động phần mềm Photoshop Tạo trang giấy (Ctrl N) Hộp thoại New Bạn điền tên trang “banner” Kích thước banner trang web violet.vn có chiều ngang (width) 770 pixels, cịn chiều cao tùy ý Tuy nhiên bạn không nên để chiều cao lớn làm cho banner chốn hết hình máy tính Bạn nên để độ cao (height): 100 pixels đến 200 pixel

Nhấn OK để đồng ý tạo trang giấy Trang giấy có kích thước bạn đặt ra, bạn đưa thông tin cần thiết vào để thể nội dung baner

 Nội dung:

+ Đơn vị chủ quản (nếu có) + Tên đơn vị (là tên trang web) + Địa liên lạc

Ví dụ:

PHỊNG GIÁO DỤC VÀ ĐÀO TẠO QUẬN HAI BÀ

TRƯỜNG THCS TƠ HỒNG Địa chỉ: 27 Đại Cồ Việt, Hai Bà Trưng, Hà Nội Điện thoại: (04) 8692236

 Mỹ thuật:

+ Dùng Font chữ dễ đọc, rõ ràng: không dùng chữ hoa lá, uốn lượn,… hay chữ có nét 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 Dòng địa chỉ cần nhỏ, vừa đủ để đọc được, không nên lớn chiếm nhiều diện tích Mầu chữ nên bật so với

+ Phần trang trí nên có tơng màu thích hợp, khơng q lịe loẹt khiến người xem nhức mắt màu hồng tươi, màu xanh nõn chuối sáng rực, v v… Bạn thêm lơ gơ – biểu trưng đơn vị, ảnh minh họa,… Lôgô phải rõ ràng xác Ảnh minh họa: minh họa phần banner Nếu chốn banner nên mờ nhạt đằng sau chữ làm

Ví dụ:

5.1.1 Tơ màu nền:

Chọn cơng cụ tạo vùng chọn hình chữ nhật: Rectangular Marquee Tool (M) khoanh lấy toàn phần banner Lúc bạn chọn Layer background

Bạn chọn mầu để đổ lên vùng chọn cách nhấn vào ô Set foregronund color Bảng Color Picker Bạn chọn lấy mầu mong muốn nhấn OK Trở lại vùng chọn, bạn nhấn Alt + Delete để đổ màu lên vùng chọn (*)

5.1.2 Tạo đầu trang (header):

Mỗi website thuộc hệ thống website violet.vn thành viên đăng nhập vào hiển thị lời chào tên thành viên phía bên phải website

Xin chào cô giáo: Đỗ Thị Hà

Xin chào thầy giáo: Ngơ Văn Chinh

Vì bạn cần tạo mảng mầu nằm ngang phía có độ cao khoảng 30 pixel Mảng mầu có mầu sáng lời chào hiển thị chữ màu đen (mặc định)

Bạn tạo layer chứa mảng mầu này: menu chọn:

LayerLayer …(Ctrl + Shift + N) Bảng New Layer Bạn điền tên cho layer vào

mục Name để dễ quản lý Ví dụ tơi đặt tên “đầu trang”: dau trang

Sau nhấn OK để tạo layer mới.(**)

Trên Layer đầu trang bạn lại tạo vùng chọn công cụ Rectangular Marquee Tool (M) Trên tùy chọn công cụ này, mục Style, chọn Fixed size

Ô Width (chiều rộng) bạn chọn nhiều ngang 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 thấy vùng chọn có kích thước bạn đặt Bạn di chuyển vùng chọn lên phía banner Chọn mầu đổ 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 hình type nhấp nháy bạn gõ chữ Gõ xong bạn chọn công cụ Move Tool (V) để khỏi cơng cụ Type Tool (T)

Để thay đổi font chữ, cỡ chữ, kiểu chữ, lề, mầu chữ, v…v… bạn chọn tùy chọn:

Blending Options: lựa chọn chung Drop Shadow: bóng đổ

Inner Shadow: bóng đổ vào Outer Glow: tỏa sáng xung quanh Inner Glow: tỏa sáng vào Bevel and Emboss: tạo khố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 bề mặt Stroke: Nét bao quanh

Lúc bạn hồn thành 50% cơng đoạn thiết kế banner

Bây ta cịn việc làm cho đẹp hơn, thêm logo, thêm hình minh họa, v…v…

5.1.4 Trang trí

Để thêm logo vào banner, bạn kéo file ảnh logo từ máy tính vào giao diện phần mềm photoshop Lúc hình logo nằm phần mềm photoshop cửa sổ khác cửa sổ banner mà ta thiết kế Bạn dùng công cụ Move Tool (V), chọn giữ chuột hình logo, kéo sang cửa sổ ta thiết kế banner

Nếu logo bị to quá, bạn chọn layer chứa logo, nhấn Ctrl + T Xung quanh hình layer xuất nút vng Đưa chuột đến nút góc, xuất mũi tên chéo chiều, ta giữ vào nút phím Shift, kéo cho nhỏ lại hợp lý Nhấn Enter Dùng công cụ Move Tool (V) để di chuyển logo, đặt vào vị trí mà bạn muốn

Trong số trường hợp, logo bạn hình trịn, hay hình thoi,… nên xung quanh có phần trắng thừa Bạn dùng công cụ Magic Wand Tool (W) chọn lấy vùng đó, nhấn phím Delete để xóa xong!

Để thêm hình ảnh ảnh đơn vị bạn, ảnh học sinh, hoa, v…v… Bạn kéo ảnh vào hình soạn thảo kéo logo vào

Bạn dùng cơng cụ tẩy: Erase Tool (E) để tẩy nét cạnh ảnh để làm mềm ảnh Chú ý chọn tẩy nét to (tăng Brush), chọn độ tẩy nhẹ (giảm Opacity Flow)

5.1.5 Xuất dạng ảnh

Bước cuối bạn xuất file Photoshop thành file ảnh để đưa lên trang web

Ảnh để đưa lên Web cần phải nhẹ đến mức tối đa để trang web không bị chậm Bạn vào FileSave for web (Alt + Shift + Ctrl + S)

Trong bảng Save for web, bạn chọn ảnh dạng JPEG, chất lượng (Quality) 60 Nhấn Save Cửa sổ Save as ra, bạn chọn nơi lưu ảnh lại máy tính nhấn OK

 Ghi Thủ thuật:

Bạn lấy ảnh hoa làm thay mảng mầu Nếu ảnh rõ, bạn làm mờ cách giảm Opacity layer ảnh bảng Layer

 Ghi nhớ:

Công việc thiết kế có quy tắc chung mỹ thuật để cho đẹp Tuy nhiên ln cần có sáng tạo để có cách nhìn đẹp Vì thiết kế, bạn đặt logo vị trí đó, khơng phải đặt chữ vị trí cân đối ảnh góc Mỗi người có cách thể hiện, có ý tưởng khác nên bạn thỏa sức sáng tạo, nội dung đầy đủ, banner mầu sắc đẹp – phù hợp, rõ ràng, v…v…

 Bài tập:

Thiết kế banner kích thước 770 x 170 pixel Nội dung mang tên đơn vị

Có logo (hoặc khơng) Có ảnh minh họa

Bố cục khác với ví dụ giáo trình

5.2 Sử d ụng Flash đ ể tạo baner có hình ảnh động 5.2.1 Thiết kế banner

Trên góc baner bạn đặt hình ảnh chuyển động qua lại làm cho baner thêm sinh động, hấp dẫn Chúng ta thực điều thơng qua chương trình Macromedia Flash

Việc bạn phải đặt kích thước cho trang giấy Banner website hệ thống violet.vn có chiều ngang chung 770pixel Cịn chiều cao banner tùy ý Tuy nhiên bạn nên để chiều cao khoảng 100pixel đến 200pixel vừa đủ Ví dụ: tạo Flash Document với kích thước Width: 770, Height: 170

Tại Layer 1, đổi tên thành “baner”, sau đó, bạn đưa ảnh baner thiết kế Photoshop vào vùng làm việc lệnh: FileImportImport to stage Đặt ảnh vừa

khít với vùng làm việc (stage) Flash

Tiếp đó, tạo Layer kéo thả file ảnh 1(đã chuẩn bị sẵn) vào trang thiết kế Flash File nằm Layer mà bạn vừa tạo

Bức ảnh q to bị nhỏ Bạn hồn tồn thay đổi kích thước chúng cơng cụ Free Transform Tool (Q) Khi bạn chọn vào cơng cụ này, xung quanh ảnh có nút vuông màu đen, bạn giữ chuột để kéo làm thay đổi kích thước ảnh Nếu bạn muốn thay đổi độ lớn mà giữ nguyên tỉ lệ chiều cao chiều ngang, bạn giữ phím Shift thay đổi kích thước Sau điều chỉnh, đặt ảnh vào vị trí phù hợp baner

Bây giờ, bạn phải biến đối tượng ảnh thành Movie Clip Bạn chọn nhấn phím F8 Click vào ô Movie Clip nhấn OK Đối tượng ảnh chuyển sang dạng Movie Clip

Bạn dùng công cụ Selection Tool (V) nhấn đúp vào đối tượng Movie Clip Như bạn Movie clip

Trong Movie Clip (đoạn phim) này, bạn tạo nhiều Layer (Insert Layer), Layer bạn để ảnh Mỗi ảnh bạn lại nhấn F8 chuyển sang định dạng Movie Clip Các ảnh nằm vị trí

Sau ta làm cho chúng thay xuất Ở ảnh thứ (photo 1), Time line (dòng thời gian), bạn chọn frame 20, nhấn F6 để tạo Key Frame

Tiếp tục nhấn F6 Frame Frame 15

Chọn Frame Frame 20, sau click chọn ảnh, mở bảng thuộc tính Properties kéo Alpha mục Color xuống 0%

Nhấn chuột phải vào Frame khoảng Frame Frame 5, Frame 15 Frame 20, chọn Creat Motion Tween

Làm tương tự với ảnh lại (photo 2, photo 3, …)

Bôi đen Time line ảnh thứ (photo 3) dịch chuyển cho Key frame thứ nằm frame 40

Để kéo dài thời gian xuất ảnh, bạn cần kéo dài thêm frame xuất ảnh (khoảng Key Frame có Alpha = 100%): Nhấn vào frame giữa, nhấn F5 bàn phím để chèn thêm frame

Dùng công cụ Selections Tool (V) nhấn đúp ngồi vùng có ảnh bạn khỏi Movie Clip chứa nhiều Movie Clip nhỏ

5.2.2 Xuất file

Sau hoàn thành, banner bạn xếp ví dụ sau:

Bạn lưu file Flash lại: vào File chọn Save Bảng Save As ra, bạn điền tên file chọn nơi lưu giữ file máy tính nhấn OK

Bạn giữ phím Ctrl nhấn Enter Như Flash xuất file SWF cạnh file mà bạn vừa lưu Đây file banner Flash bạn

 Ghi Thủ thuật:

Bạn thiết kế trực tiếp Flash baner mà không cần đến ảnh baner thiết kế qua Photoshop

Bạn tạo Layer làm Layer mặt nạ (Mask) cho Layer chứa Movie Clip Trên Layer bạn vẽ hình cơng cụ Pen Tool (P) Movie Clip có ảnh chuyển đổi hình mà bạn vẽ

(Tìm hiểu thêm cách tạo nền, chữ, mặt nạ http://daotao.violet.vn) Sử d ụng chức quản trị website

Khi đăng nhập vào trang vừa tạo, bạn có quyền quản lý (admin), menu “Quản trị” xuất hiện, click chuột chọn để thực chức quản trị:

6.1 Tạo giao diện

Chức cho phép bạn tạo nền, baner cung cấp số thông tin cho trang web

Phần tiêu đề thư viện: dùng để đặt tiêu đề cho trang web mở, hiển thị nội dung

Phần baner hình nền: cho phép bạn chọn ảnh để làm baner cho trang web Phần xin xem hướng dẫn mục “Sử dụng Photoshop Flash để tạo banner” Click chọn nút Browse tìm đến file ảnh máy tính để tạo baner, hình

Thông tin quyền: bạn cung cấp thông tin trang web thuộc quyền đơn vị

Sau khai báo thông tin, click chọn nút “Cập nhật” để hoàn tất

Thay đổi mẫu thư viện: Thư viện cung cấp cho trang web số mẫu có sẵn, click vào mẫu mà bạn muốn chọn Sau click chọn, mẫu hiển thị Sắp xếp chức chính: Tại phần xếp chức chính, quản trị có

quyền xếp thứ tự chức thư viện

5 Khi đó, mục vị trí số 2, mục vị trí thứ dịch xuống đơn vị thành vị trí thứ 3, mục sau thay đổi tương tự)

Bên cạnh đó, quản trị quyền cho chức hiển thị ẩn cách click chuột chọn Hiển thị Ẩn

6.2 Tạo menu cho trang web

6.2.1 Tạo menu ngang: a Tạo menu

Để tạo menu từ menu gốc có sẵn bạn chọn chức “Tạo menu con”

Tại mục này, chọn loại menu:

1 Từ viết: menu tạo liên kết đến mục thư mục viết Từ menu chuẩn: lấy menu từ menu chuẩn (mặc định) thư viện violet Tự nhập liên kết: Bạn tự tạo menu cách nhập vào tên menu địa

liên kết đến

Nếu bạn chọn loại 2, bạn việc chọn menu sẵn có chọn nút <<Chuyển sang<< Nếu bạn chọn loại 3, phải nhập trực tiếp tên menu địa liên kết click chọn nút “Tạo menu”

b Sửa đổi menu

Ban đầu, menu tạo sẵn thường đặt không dấu, bạn chỉnh sửa đặt lại tên menu theo ý bạn

c Sắp xếp menu

Sau tạo xong hệ thống menu, bạn xếp, thay đổi vị trí mục menu tạo cho phù hợp

Chọn mục cần xếp, sử dụng nút thay đổi vị trí mục chọn

d Xóa menu

Để xóa bỏ menu đó, chọn menu chọn chức “Xóa mục menu” Một thông báo xuất hiện:

Chọn OK để chắn xóa hay chọn Cancel bạn nghĩ lại khơng muốn xóa

6.2.2 Tạo menu dọc

Menu dọc ngang cho chức tương tự Trong trình tạo trang web riêng cho đơn vị hay cá nhân, người có cách trình bày bố cục trang web khác Tuy nhiên, website thiết kế tốt cho phép người đọc nhanh chóng thẳng vào vấn đề, tìm họ cần sau dễ dàng in lưu giữ họ tìm thấy Cấu trúc menu, nội dung định phải tổ chức cẩn thận để hỗ trợ việc tìm kiếm, truy cập nhanh đến thông tin mà người đọc cần tìm

Nếu menu ngang cho phép bạn liên kết đến mục trang web bạn, menu dọc giúp người thiết kế liên kết đến phần trọng tâm cần nhấn mạnh trang web

Ví dụ, trang web: http://violet.vn/thcs haibatrung hanoi/ tạo hệ thống menu dọc với liên kết nhằm giới thiệu nhanh thông tin chung nhà trường mà thành viên truy cập dễ dàng nhìn thấy như:

Để tạo, bạn thực bước sau: Chọn chức quản trị

Vào phần Menu, chọn Menu dọc

Phần tạo menu con, chọn loại: “Từ viết” sau chọn mục viết, nhấn vào nút <<Chuyển sang<< Một thông báo yêu cầu bạn lưu lại:

6.3 Qu ản lý thành viên

Chức giúp cho người quản lý đổi quyền, xóa thành viên khỏi trang

Để xóa thành viên nào, click chọn vào thành viên đó, chọn “Xóa thành viên khỏi blog”

 Click dấu “+” để mở thư mục con, dấu “ – ” để trở thư mục

chính

 Click chọn  để xác định cho thành viên phép gửi viết

ở mục trang web

Sau khai báo xong, chọn nút “Cập nhật” Chờ thông báo: “Bạn cập nhật

thành công” xuất hiện, bạn click vào nút “Đóng cửa sổ” để trở cửa sổ quản lý

6.4 Qu ản trị thư mục môn học

Đối với trang riêng ban đầu, bạn phải tạo thư mục cho trang web Hệ thống thư mục bạn tạo phải đồng hóa với hệ thống thư mục trang thư viện violet

6.4.1 Tạo thư mục

Để tạo thư mục: Đầu tiên bạn chọn thư mục gốc “Cây thư mục tại” (Bài viết, Bài giảng, Tư liệu, Giáo án, Đề thi…) Sau đó, gõ tên thư mục cần tạo hộp “Tên thư mục” cửa sổ bên phải Chọn chức phân quyền cho phép hay không cho phép thành

mục tạo với hệ thống thư mục thư viện violet cách chọn tên thư mục tương ứng với thư mục vừa gõ thư mục phía hộp “Đồng bộ” Cuối cùng, chọn nút “Tạo thư mục” để hoàn tất

Đối với thư mục khác, cách tạo tương tự 6.4.2 Sửa đổi thư mục

Để sửa đổi thư mục, bạn chọn chức “Sửa đổi thư mục” Chức sửa đổi cho phép bạn thay đổi tên, đồng lại thư mục xếp, di chuyển thư mục vào vị trí phù hợp Các làm sau:

Chọn thư mục cần sửa đổi

Sửa lại tên hộp thoại “Tên thư mục”

Đặt lại chức phân quyền đồng hóa (nếu cần)

Có thể dịch chuyển vị trí thư mục chức dịch thư mục (Lên|Xuống|Sang trái|Sang phải)

6.4.3 Xóa thư mục

Để xóa thư mục, bạn chọn thư mục muốn xóa chọn chức “Xóa thư mục” 6.5 Qu ản lý tài nguyên trang

Mục tài nguyên cho phép người quản trị theo dõi quản lý viết, giảng, tư liệu thành viên gửi lên trang web Người quản trị biết tư liệu đưa vào trang thuộc loại gì, thành viên nào, đặt tiêu đề đưa lên vào thời điểm

Người quản trị xem loại tư liệu trang web dựa vào hộp thoại phân loại tài nguyên Đồng thời, tư liệu không phù hợp mặt nội dung, giáo dục… chọn xóa khỏi trang web nút “Xóa tài nguyên”

6.6 Tạo phiếu điều tra ý kiến trang web

Để đưa vấn đề cần lấy ý kiến bạn thao tác sau: Chọn nút “Tạo mới”

Bạn nhập vào câu hỏi câu trả lời (chú ý phải có câu trả lời)

Cuối Chọn câu hỏi cho thư viện, bạn chọn Đồng ý Khơng click chọn Submit để hồn tất

Khi có phiếu điều tra ý kiến, bạn xem kết điều tra hàng ngày Ví dụ kết điều tra ý kiến trang web http://violet.vn/ngochinh:

6.7 Phân công hỗ trợ trực tuyến

Trong phần hỗ trợ trực tuyến, bạn chọn “Tạo mới” Sau đó, để phân cơng số thành viên thường xuyên online mạng để trực trang web, bạn nhập nick chat vào…

7 Đưa viết lên trang web

Để đưa viết lên thư viện, bạn chọn mục cần đưa tin, sau chọn “Tạo viết mới”

* Phần tiêu đề: bạn gõ tiều đề cho viết

* Phần nội dung: dùng để nhập nội dung viết Các bạn tự gõ hay copy văn từ chương trình Word từ trang tin tức khác web Sử dụng cơng cụ định dạng để trình bày viết cho đẹp (căn chỉnh, chọn kiểu chữ, cỡ chữ, loại chữ…)

Click chọn biểu tượng Upload ảnh để xuất hộp thoại Browse: Click chọn Browse\ tìm đến file ảnh máy tính chọn Open Click vào biểu tượng để tiến hành up file ảnh lên web

Sau đưa ảnh lên thành công, file ảnh xuất sổ “Danh sách ảnh” Để đưa vào viết, bạn chọn file ảnh nhấn vào Insert để chèn

Trong trường hợp bạn chèn ảnh có trang web khác vào viết, chọn nút sau copy link ảnh dán vào hộp địa ảnh chọn nút “Thêm” để đưa ảnh vào viết vị trí trỏ

8 Đưa tư liệu, giảng lên trang web

Để đưa tư liệu giảng lên trang web bạn chọn mục Tài nguyên\Sau chọn thư mục cần đưa tư liệu lên (ví dụ: bạn chọn Bài giảng\Tốn học\ để đưa tư liệu mơn Tốn lên trang web) Tiếp đó, chọn “Đưa tư liệu lên”

Chọn thẻ “Tạo trực tiếp” Tại dòng Tiêu đề: bạn gõ tiêu đề tư liệu đưa lên Click chọn nút Browse để tìm tới file tư liệu, giảng máy tính cần đưa lên Sau ghi rõ nguồn gốc tư liệu

Nếu giảng đưa lên, bạn vui lòng đọc kỹ ý phía cửa sổ đưa giảng, tư liệu đưa lên bạn điền thông tin mô tả Sau điền đầy đủ mục xong, chọn nút Lưu lại để đưa tư liệu lên thư viện

Nếu mạng bạn nhanh, trình diễn chưa đầy phút xong, thơng báo upload thành cơng xuất

Nếu bạn có tư liệu giảng thư viện giáo dục:

Chọn thẻ “Chọn từ tư liệu tơi”: Khi đó, tư liệu bạn đưa lên thư viện xuất hiện, click chuột vào dòng chữ “Đưa vào trang riêng” tư liệu để đưa tư liệu vào trang cá nhân bạn

Nếu bạn muốn đưa tư liệu thư viện thầy cô giáo khác nhóm, đơn vị:

Chọn thẻ “Liên kết tulieu.violet.vn” sau vào trang giảng, tư liệu, đề thi, giáo án mở tư liệu copy đường link dán vào hộp thoại chọn “Lưu lại”

9 Thực hành chức t ạo lập quản trị

1 Tiến hành tạo trang web cho đơn vị cho cá nhân Thực chức quản trị để hoàn thiện website