Thiết kế web flash pro “dễ như chơi” (P1)
Chỉ với một ít thời gian “vọc” Photon FX Easy Website Pro (EWP), bạn sẽ có ngay một website dạng flash không “đụng hàng”.
Bạn tải bản dùng thử 30 ngày của EWP 4.1 dung lượng 18,8MB, tương thích mọi Windows tại
Quy trình thiết kế web được thực hiện lần lượt thông qua tám biểu tượng trên giao diện EWP, cụ thể:
1. Layout
Dựa trên giao diện mẫu có sẵn, trường Colors giúp bạn thay đổi bốn mảng màu sắc trên web gồm: Background Color (màu nền bao phủ toàn bộ web), Elements Color (màu của các thành phần quan trọng như: thanh menu, nút bấm), Text Color (màu chữ), Hyperlink Color (màu của các liên kết chèn trong web). Sau khi chọn xong, bạn nhấn Preview Website để xem thử. Nếu không phối được màu một cách hài hòa, bạn có thể nhờ EPW gợi ý màu sắc chủ đạo cho web, bằng cách nhấp vào hộp Schemes và chọn một trong các kiểu phối màu theo chủ đề riêng như: Bluesky (xanh da trời), Chrome (màu kim loại), Rose (màu hồng), Vanilla (màu vàng nhạt của vani),…
Banner cũng là một thành phần quan trọng của web, nên bạn đánh dấu vào mục Image rồi chọn một trong các mẫu banner có sẵn (nếu muốn sử dụng ảnh riêng làm banner, bạn chọn mẫu *Custom* rồi nhấn Choose để tìm hình). Ngoài ra, bạn có thể đánh dấu vào mục Theme rồi chọn một trong các ảnh nhỏ để đặt chúng vào banner, làm nổi bật lên chủ đề của website. Sau khi chọn, bạn tùy chỉnh kích thước của ảnh tại mục Locationphía dưới, nhấn Preview Website để xem thử, rồi chuyển sang bước tiếp theo.
2. Logo
Logo là bức ảnh nhỏ tượng trưng cho “thương hiệu website”. Nếu không muốn chèn logo trực tiếp vào banner, bạn đánh dấu vào mục Off. Ngược lại, bạn đánh dấu vào một trong hai kiểu logo: Template (chèn logo flash qua các các mẫu được thiết kế sẵn), Image (nhấn Choose Image để chọn ảnh logo của riêng bạn, sau đó nhấnChange Size điều chỉnh kích thước logo).
3. Content Pages
Đến phần soạn nội dung, bạn cần xác định website sẽ gồm bao nhiêu trang (mỗi trang là một chuyên mục), rồi tạo thêm trang bằng cách nhấn vào nút
tại hộp Add/Delete Page bên trái (nhấn 
để bỏ bớt).
Tương ứng với mỗi trang, bạn nhấn nút Edit để xây dựng nội dung cho trang đó. Khung soạn thảo khá đơn giản nhưng đầy đủ các công cụ cần thiết để bạn thỏa sức sáng tạo nội dung. Muốn nhanh chóng hơn, bạn nhấp vào hộp Page Templates và chọn một trong các mẫu cho trang web như: Blog Template (giao diện trình bày tin theo dạng blog), Gallery Content (trang “triển lãm” ảnh đẹp), Product Content (trang trưng bày sản phẩm),… Chọn xong mẫu, bạn chỉ việc nhấp vào thành phần có sẵn để sửa lại theo ý thích. Bên cạnh đó, khung Object Templates còn cung cấp nhiều ảnh, icon sinh động trang trí thêm cho nội dung trang web.
Nếu muốn “góp vui” cho website bằng một bản nhạc nền du dương, bạn đánh dấu vào ô Background Music rồi nhấn Settings. Trong hộp Music Settings, bạn chọn một trong mười bản nhạc nền có sẵn tại khung Media File, nhấp nút
để nghe thử, rồi nhấn OK để chèn nhạc nền vào web. Bạn có thể nhấn Import Media File và tìm file nhạc nền từ máy tính (hỗ trợ các định dạng MP3, MID, WAV, AU), nên đánh dấu vào cả ba ô bên dưới: Autostart(tự động phát nhạc), Hide controls (giấu đi trình phát nhạc trên web), Loop (tự động lặp lại khi phát hết bài).
Nút Edit Footline bên cạnh cho phép bạn nhập nội dung cho phần footer, bỏ dấu chọn tại ô Footline nếu không muốn hiển thị footer trên trang web.
4. Buttons
Sau khi tạo xong nội dung các trang, bạn cần tạo liên kết đến từng trang bằng cách chèn liên kết vào thanh menu, để khi người xem nhấn vào các mục trên menu thì sẽ được xem nội dung tương ứng. Khung Buttons bên trái hiển thị các mục trên menu, bạn nhấn vào từng mục và sửa lại tên cho chúng thông qua ô Name bên cạnh. Để áp dụng hiệu ứng flash cho từng mục trên thanh menu, bạn đánh dấu vào ô Flash rồi chọn mẫu tại khungTemplates, chọn tiếp hiệu ứng âm thanh khi rê chuột vào nút tại khung Sound. Hai nút Rollout Color và Rollover Color cho phép bạn chọn màu sắc mặc định của nút (khi không rê chuột vào) và màu sắc khi rê chuột vào nút bấm.
Đến phần chèn liên kết cho từng nút, bạn chọn Hyperlink, đánh dấu vào một trong ba ô: Link to Page (liên kết đến một trang trong website), URL (liên kết đến một website khác), e-Mail (chèn liên kết gửi email đến một địa chỉ cụ thể). Xong, nhấn OK để chèn.
(còn tiếp)
Bạn tải bản dùng thử 30 ngày của EWP 4.1 dung lượng 18,8MB, tương thích mọi Windows tại
- http://download.cnet.com/Easy-Website-Pro/3000-10247_4-10366268.html hoặc http://www.tucows.com/preview/397181?id=397181
Quy trình thiết kế web được thực hiện lần lượt thông qua tám biểu tượng trên giao diện EWP, cụ thể:
1. Layout
Dựa trên giao diện mẫu có sẵn, trường Colors giúp bạn thay đổi bốn mảng màu sắc trên web gồm: Background Color (màu nền bao phủ toàn bộ web), Elements Color (màu của các thành phần quan trọng như: thanh menu, nút bấm), Text Color (màu chữ), Hyperlink Color (màu của các liên kết chèn trong web). Sau khi chọn xong, bạn nhấn Preview Website để xem thử. Nếu không phối được màu một cách hài hòa, bạn có thể nhờ EPW gợi ý màu sắc chủ đạo cho web, bằng cách nhấp vào hộp Schemes và chọn một trong các kiểu phối màu theo chủ đề riêng như: Bluesky (xanh da trời), Chrome (màu kim loại), Rose (màu hồng), Vanilla (màu vàng nhạt của vani),…
Banner cũng là một thành phần quan trọng của web, nên bạn đánh dấu vào mục Image rồi chọn một trong các mẫu banner có sẵn (nếu muốn sử dụng ảnh riêng làm banner, bạn chọn mẫu *Custom* rồi nhấn Choose để tìm hình). Ngoài ra, bạn có thể đánh dấu vào mục Theme rồi chọn một trong các ảnh nhỏ để đặt chúng vào banner, làm nổi bật lên chủ đề của website. Sau khi chọn, bạn tùy chỉnh kích thước của ảnh tại mục Locationphía dưới, nhấn Preview Website để xem thử, rồi chuyển sang bước tiếp theo.
2. Logo
Logo là bức ảnh nhỏ tượng trưng cho “thương hiệu website”. Nếu không muốn chèn logo trực tiếp vào banner, bạn đánh dấu vào mục Off. Ngược lại, bạn đánh dấu vào một trong hai kiểu logo: Template (chèn logo flash qua các các mẫu được thiết kế sẵn), Image (nhấn Choose Image để chọn ảnh logo của riêng bạn, sau đó nhấnChange Size điều chỉnh kích thước logo).
3. Content Pages
Đến phần soạn nội dung, bạn cần xác định website sẽ gồm bao nhiêu trang (mỗi trang là một chuyên mục), rồi tạo thêm trang bằng cách nhấn vào nút
tại hộp Add/Delete Page bên trái (nhấn để bỏ bớt).Tương ứng với mỗi trang, bạn nhấn nút Edit để xây dựng nội dung cho trang đó. Khung soạn thảo khá đơn giản nhưng đầy đủ các công cụ cần thiết để bạn thỏa sức sáng tạo nội dung. Muốn nhanh chóng hơn, bạn nhấp vào hộp Page Templates và chọn một trong các mẫu cho trang web như: Blog Template (giao diện trình bày tin theo dạng blog), Gallery Content (trang “triển lãm” ảnh đẹp), Product Content (trang trưng bày sản phẩm),… Chọn xong mẫu, bạn chỉ việc nhấp vào thành phần có sẵn để sửa lại theo ý thích. Bên cạnh đó, khung Object Templates còn cung cấp nhiều ảnh, icon sinh động trang trí thêm cho nội dung trang web.
Nếu muốn “góp vui” cho website bằng một bản nhạc nền du dương, bạn đánh dấu vào ô Background Music rồi nhấn Settings. Trong hộp Music Settings, bạn chọn một trong mười bản nhạc nền có sẵn tại khung Media File, nhấp nút
để nghe thử, rồi nhấn OK để chèn nhạc nền vào web. Bạn có thể nhấn Import Media File và tìm file nhạc nền từ máy tính (hỗ trợ các định dạng MP3, MID, WAV, AU), nên đánh dấu vào cả ba ô bên dưới: Autostart(tự động phát nhạc), Hide controls (giấu đi trình phát nhạc trên web), Loop (tự động lặp lại khi phát hết bài).Nút Edit Footline bên cạnh cho phép bạn nhập nội dung cho phần footer, bỏ dấu chọn tại ô Footline nếu không muốn hiển thị footer trên trang web.
4. Buttons
Sau khi tạo xong nội dung các trang, bạn cần tạo liên kết đến từng trang bằng cách chèn liên kết vào thanh menu, để khi người xem nhấn vào các mục trên menu thì sẽ được xem nội dung tương ứng. Khung Buttons bên trái hiển thị các mục trên menu, bạn nhấn vào từng mục và sửa lại tên cho chúng thông qua ô Name bên cạnh. Để áp dụng hiệu ứng flash cho từng mục trên thanh menu, bạn đánh dấu vào ô Flash rồi chọn mẫu tại khungTemplates, chọn tiếp hiệu ứng âm thanh khi rê chuột vào nút tại khung Sound. Hai nút Rollout Color và Rollover Color cho phép bạn chọn màu sắc mặc định của nút (khi không rê chuột vào) và màu sắc khi rê chuột vào nút bấm.
Đến phần chèn liên kết cho từng nút, bạn chọn Hyperlink, đánh dấu vào một trong ba ô: Link to Page (liên kết đến một trang trong website), URL (liên kết đến một website khác), e-Mail (chèn liên kết gửi email đến một địa chỉ cụ thể). Xong, nhấn OK để chèn.
Thanks go.vn
