Cách tạo Web, tạo banner và quản trị
Web
1. Cách thức tạo website đơn vị tương tự
như Thư viện Violet.
Để tạo một website đơn vị (cấp Sở GD, Phòng GD, Trường) các bạn cần có điều kiện
sau:- Là thành viên của trang Thư viện Violet.- Thông tin cá nhân của bạn đã
được xác thực (có 2 thành viên xác thực cho bạn)- Được sự ủy quyền của lãnh đạo
cấp trên (GĐ Sở, Trưởng phòng GD, Hiệu trưởng) để tạo website cho đơn vị.Khi đã đủ
điều kiện, các bạn đăng nhập vào trang Thư viện theo địa chỉ . Sau khi đăng
nhập thành công, các bạn vào menu “Trang cá nhân” một 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ị mình.Tùy vào thông tin cá
nhân của bạn thuộc đơn vị nào, cấp nào mà mẫu trang riêng sẽ hiển thị tương ứng cho phép
bạn chọn. Ví dụ: một thành viên là giáo viên trường THCS Hai Bà Trưng khi tạo trang
riêng sẽ thấy cửa sổ sau:

- Sau khi chọn mẫu, địa chỉ truy cập trang riêng sắp tạo sẽ được đặt mặc định dự vào
thông tin cá nhân của người tạo và khai báo và không cho phép các bạn thay đổi.o Ví
dụ: Các bạn có quyền thay đổi tiêu đề trang
web của mình.Nhấn vào nút “Tạo trang riêng” để thực hiện. Quá trình tạo trang web thành
công khi bạn nhận được thông báo “………”. Khi đó bạn đã có trang web riêng của mình
theo địa chỉ mà mình đã được cấp.Sau khi tạo xong địa chỉ website, các bạn có thể truy cập
ngay vào trang của đó bằng cách nhấn vào dòng chữ “Chuyển sang trang riêng” hoặc mở
trình duyệt web và vào theo địa chỉ đã được cấp.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.
2. 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.

2.1.2. Tạo thanh đầu trang (header):
Mỗi website thuộc hệ thống website của violet.vn khi thành viên đăng nhập vào thì sẽ hiển
thị lời chào và tên thành viên đó phía trên cùng bên phải website.Ví dụ: Xin chào cô giáo:
Đỗ Thị Hà Xin chào thầy giáo: Ngô Văn ChinhVì vậy bạn cần tạo một mảng
mầu nằm ngang phía trên có độ cao khoảng 30 pixel. Mảng mầu này có mầu sáng vì lời
chào hiển thị chữ màu đen (mặc định).Bạn tạo một layer mới chứa mảng mầu này: trên
thanh menu chọn: Layer®Layer…(Ctrl + Shift + N). Bảng New Layer hiện ra. Bạn điền
tên cho layer này vào mục Name để dễ quản lý. Ví dụ tôi đặt tên là “đầu trang”: dau
trangSau đó nhấn OK để tạo layer mới.(**)Trên Layer đầu trang bạn lại tạo một vùng chọn
bằng công cụ Rectangular 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 pixelNhấ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 (*))
2.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.

ràng, v…v…· Bài tập:- Thiết kế một banner kích thước 770 x 170 pixel.-
Nội dung mang tên của đơn vị mình- Có logo (hoặc không)- Có ảnh minh
họa- Bố cục khác với ví dụ của giáo trình.
2.2. Sử dụng Flash để tạo baner có hình ảnh động.
2.2.1. Thiết kế banner
Trên một góc baner bạn có thể đặt các hình ảnh chuyển động qua lại làm cho baner thêm
sinh động, hấp dẫn. Chúng ta sẽ thực hiện điều này thông qua chương trình Macromedia
Flash 8.Các bạn sẽ chuẩn bị 4 bức ảnh để tạo hiệu ứng chuyển ảnh trên một góc
baner.Khởi động phần mềm Flash. Chọn Flash document để tạo trang giấy mới.Việc đầu
tiên là bạn phải đặt kích thước cho trang giấy mới. Banner của các website trên hệ thống
của violet.vn có chiều ngang chung là 770pixel. Còn chiều cao của banner thì tùy ý. Tuy
nhiên các bạn chỉ nên để chiều cao ở khoảng 100pixel đến 200pixel là vừa đủ. Ví dụ: hãy
tạo một Flash Document với kích thước là Width: 770, Height: 170.Tại Layer 1, đổi tên
thành “baner”, sau đó, các bạn sẽ đưa ảnh baner được thiết kế trên Photoshop vào vùng
làm việc bằng lệnh: File®Import®Import to stage. Đặt bức ảnh vừa khít với vùng làm
việc (stage) của Flash.Tiếp đó, tạo một Layer 2 và kéo thả file ảnh 1(đã chuẩn bị sẵn) vào
trang thiết kế Flash. File đó sẽ nằm trên Layer 2 mà bạn vừa tạo.Bức ảnh có thể quá to
hoặc bị nhỏ. Bạn hoàn toàn có thể thay đổi được kích thước của chúng bằng công cụ Free
Transform Tool (Q) . Khi bạn chọn vào công cụ này, xung quanh bức ảnh sẽ có những nút
vuông màu đen, bạn giữ chuột để kéo làm thay đổi kích thước của ảnh. Nếu bạn muốn thay
đổi độ lớn mà giữ nguyên tỉ lệ chiều cao và chiều ngang, bạn giữ phím Shift khi thay đổi
kích thước. Sau khi điều chỉnh, hãy đặt bức ảnh vào vị trí phù hợp trên baner.Bây giờ, bạn
phải biến đối tượng ảnh đó thành một Movie Clip. Bạn chọn nó rồi nhấn phím F8. Click
vào ô Movie Clip và 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 này. Như vậy bạn đã ở
trong Movie clip này.Trong Movie Clip (đoạn phim) này, bạn sẽ tạo ra nhiều Layer (Insert
Layer), mỗi Layer bạn sẽ để một bức ảnh. Mỗi bức ảnh bạn sẽ lại nhấn F8 và chuyển nó
sang định dạng Movie Clip. Các bức ảnh này nằm trên cùng 1 vị trí.Sau đây ta sẽ làm cho
chúng thay nhau xuất hiện. Ở bức ảnh thứ nhất (photo 1), trên Time line (dòng thời gian),
bạn chọn frame 20, nhấn F6 để tạo một Key Frame.Tiếp tục nhấn F6 ở Frame 5 và Frame

tạo banner”. Click chọn nút Browse và tìm đến file ảnh trên máy tính của mình để tạo
baner, hình nền.- Thông tin bản quyền: các bạn cung cấp thông tin trang web thuộc
bản quyền của đơn vị mình.Sau khi khai báo các 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 một số mẫu có
sẵn, click vào mẫu mà bạn muốn chọn. Sau khi click chọn, lập tức mẫu mới được hiển
thị.- Sắp xếp các chức năng chính: Tại phần sắp xếp các chức năng chính, quản trị có
quyền sắp xếp thứ tự của các chức năng chính trên thư viện.- Để sắp xếp, các bạn sẽ
chọn số thứ tự hiển thị trong hộp thoại (hình trên). (Nếu bạn đổi thứ tự một mục ở vị trí thứ
5 lên vị trí 2, các bạn chỉ việc chọn số 2 ở mục 5. Khi đó, mục 5 sẽ ở vị trí số 2, mục đang
ở vị trí thứ 2 được dịch xuống một đơn vị thành vị trí thứ 3, các mục sau đó thay đổi tương
tự). - Bên cạnh đó, quản trị cũng được quyền cho chức năng nào hiển thị hoặc ẩn đi
bằng cách click chuột chọn Hiển thị hoặc Ẩn