Thiet ke website that de dang voi Incommedia Website X5

Đây là công đoạn cuối cùng của toàn bộ quá trình thiết kế website của bạn, ở bước này sẽ có ba lựa chọn: -Upload to the Internet: Giúp bạn tải toàn bộ trang web đã hoàn thành lên[r]

(1)

Thiết kế website thật dễ dàng với Incommedia Website X5

Bạn có website thiết kế chuyên nghiệp chưa? Đây có lẽ câu hỏi khó bạn chưa có điều kiện tiếp xúc với ngơn ngữ lập trình web Hiện nay, việc tự tìm cho phần mềm thiết kế website đơn giản, cộng thêm hàng loạt dịch vụ tạo website chuyên nghiệp trực tuyến liên tục đời phục vụ nhu cầu đối tượng người dùng

Người dùng khơng cần tự “mày mị” ngơn ngữ lập trình phức tạp để tạo website chuyên nghiệp mà cần có tay phần mềm dịch vụ chuyên nghiệp tạo website theo mong muốn

*XHTTOnline

đã giới thiệu loạt

“Tự thiết kế trang web riêng miễn phí”

hướng dẫn chi

tiết dịch vụ

Google Sites.

Chuyên đề giới thiệu đến bạn cách thiết kế website bằng

hai phần mềm:

Incommedia Website X5,

H&M StudioLine Web 3.6

và dịch vụ tạo website

trực tuyến không thua với Google Sites,

Office Live Microsoft.

Mỗi phần mềm có

những ưu, khuyết điểm riêng phụ thuộc nhiều vào nhu cầu, ý tưởng người thiết kế

website Do đó, viết giới thiệu khái quát đặc điểm phần mềm

đồng thời giới thiệu chi tiết cách cài đặt sử dụng chúng.

I Incomedia Website X5 v8.0

Có lẽ phần mềm Incomedia Website X5 có giao diện đơn giản phần mềm loại, với phần hướng dẫn người dùng cách chi tiết theo bước tin lựa chọn cho bạn muốn thiết kế website khoản thời gian ngắn Ngồi ra, phần mềm cịn cung cấp cho bạn thư viện gồm nhiều template tạo sẵn

1.Cài đặt phần mềm:

Đầu tiên, bạn cần tải phần mềm Incomedia Websites X5 v8.0 với dung lượng 78,5MB địa chỉ:

http://www.mediafire.com/?gmy3tjtondt Sau tải về, bạn tiến hành nhấn đôi vào tập tin cài đặt rồi

chờ khoảng thời gian để cửa sổ Incomedia Setup để lựa chọn ngôn ngữ (Choose your

language), bạn nên chọn tiếng Anh (EN-English) nhấn OK.

(2)

Rồi khởi động Incomedia WebsiteX5 nhấn nút Start Evolution để bắt tay vào việc thiết kế websites Lưu ý, để thấy nút Start Evolution bạn nên chỉnh độ phân giải hình lên mức 1024×768 độ phân giải thấp nút bị che khuất

2.Sử dụng phần mềm:

Ở cửa sổ Project Selection, bạn lựa chọn mục Create a new Project để tạo dự án mới, lựa chọn Edit an existing Project sử dụng bạn có sẵn dự án (dự án tạo từ mục Create a new Project) Kế đến, bạn nhấn Next để tiến hành soạn web với năm bước: General Settings, Plan Website, Create Pages, Advanced Settings, Export

-Bước 1: General Settings-Những thiết lập đầu tiên.

(3)

-Choose Menu Type: bạn chọn hai vị trí đặt menu web: Vertical Menu-menu dạng đứng ln nằm phía bên trái, Horizontal Menu-menu dạng nằm phía trang web, nhấn Next

Lưu ý, muốn menu web hiển thị phía trang đánh kiểm vào Show first level menu at the bottom of the page

-Choose Template Style: Kế đến, bạn cần lựa chọn hai dạng Custom Template Default Template để xây dựng mẫu website

(4)

Còn dạng Default Template, Incomedia WebsiteX5 cung cấp cho bạn thư viện gồm nhiều mẫu website thiết kế sẵn, thuộc nhiều chủ đề như: Abstract, Geometry, Company, Nature, Themes, Animated, Interior Design, Panorama,… Bạn nhấn vào mẫu chủ đề để tiến hành lựa chọn, cần tối ưu màu sắc mẫu kéo trượt mục Color Customization

(5)

Properties (đoạn văn ngắn-bạn chọn thêm hiệu ứng cho chữ, cỡ chữ, Insert Flash Animation (chèn Flash động) thực tương tự thẻ Footer

Bước 2: Plan Website-Tạo sơ đồ website

Việc tạo sơ đồ web giúp cho trang web bạn có khoa học hơn, giúp cho người truy cập hiểu tiêu đề định hướng hoạt động họ trang web Ở đây, việc tạo sơ đồ giống việc tạo thư mục Windows Explorer, tức bạn chọn vào Menu nhấn New Level để tạo menu tạo menu thứ cấp (hoặc tạo trang thuộc menu) cách nhấn vào menu tương ứng chọn New Level (hoặc New Page) Lưu ý, bạn không nên viết menu tiếng Việt có dấu khơng hiển thị đến bước bạn nhập tiếng Việt, sau tạo xong nhấn Next

(6)

Đây bước tương đối quan trọng định chất lượng website mà bạn tạo Bạn tiến hành soạn thảo trang web cách kéo thả (drag and drop), tức bạn nắm giữ chuột kéo đối tượng khung Object bên phải vào khung bên trái

Ở khung này, bạn nhìn thấy cơng cụ: Object Content ( <! [if !vml] ><! [endif] >)-thêm nội dung cho đối tượng, Cell Format ( )-định dạng cho ô đối tượng chèn nội dung, Alignment (<! [if ! vml] ><! [endif] > )-điều chỉnh đối tượng, Enlarge by one row (<! [if !vml] ><! [endif] > ) – phóng to hàng, Add a new row ( <! [if !vml] ><! [endif] >)-thêm hàng mới, tối đa 28 hàng, Add a new column (<! [if !vml] ><! [endif] > )-thêm cột mới, tối đa cột Các đối tượng gồm có:

(7)

-Image: giúp chèn hình ảnh vào web, bên cạnh tính cịn cung cấp cho bạn số công cụ chỉnh sửa hình ảnh Ở thẻ General, bạn chọn đường dẫn đến tập tin ảnh ô Image File lưu ý đến mục Save Options giúp tối hình ảnh sang định dạng JPG (JPG quality, Resample Method) Trong cửa sổ Preview bên phải, bạn nhấn vào nút Edit để cắt, thêm hiệu ứng, lọc, thêm khung cho hình ảnh Cịn thẻ Display giúp tự động thay đổi kích thước ảnh (Automatically Resize Image), phóng to hình ảnh (Image Zoom)

-Table: chèn loại bảng với đầy đủ văn bản, hình ảnh, cơng thức

-Flash Animation: đưa dạng Flash động vào web, bạn nhấn vào nút Select Local File để duyệt đến tập tin ổ cứng nhập vào đường dẫn đến tập tin flash Internet Internet File

Ngồi ra, cịn nhiều đối tượng khác như: Video/Sound, Image Gallery-thư viện ảnh, Slide Show-album ảnh, Email Form-Email liên lạc với bạn, HTML Code-nhập mã HTML, Product List-danh sách sản phẩm

Sau thiết kế cho trang chủ xong, bạn tiếp tục nhấn Next để thiết kế cho trang khác đối tượng công cụ nêu

(8)

Ở bước giúp cho website bạn mang giao diện với phong cách chuyên nghiệp Bạn tuỳ thích thêm bớt tính chỉnh sửa giao diện trang web Trong số thiết lập nâng cao bạn cần lưu ý mục quan trọng:

-Main Menu: Gồm có bốn thẻ tính năng: General, Text, Graphic, 3D Style giúp thay đổi thiết lập mặc định menu Ở thẻ General, bạn đánh dấu kiểm vào Create button as image để tạo nút dạng 3D (khi thẻ 3D Style ra) tăng hay giảm độ rộng menu (Width), khoảng cách chữ viền (Inner Margin), khoảng cách nút (Outer Margin) Kế đến thẻ Text, giúp thay đổi font cỡ chữ (Font), kiểu font (Font Style), điều chỉnh vị trí chữ (Alignment) Lưu ý, để viết tiếng Việt cho menu bạn cần chọn font chữ VNI phù hợp với bảng mã, kiểu gõ Thẻ Graphic, bạn bấm vào nút màu tương ứng để thay đổi màu menu (Background Color), màu menu đưa chuột đến (Background Color on Mouse Over), màu chữ (Text Color), màu chữ đưa chuột đến (Text Color on Mouse Over),…Ở thẻ 3D Style giúp tăng thêm hiệu ứng đẹp mắt cho menu

-Drop Down Menu Sub Menu: Cũng thực tương tự Main Menu, tức bạn thiết lập cho menu thả xuống (hay nói cách khác menu thứ cấp)

(9)

-Welcome Page: Giúp bạn tạo trang chào mừng trước vào trang chủ Bạn đánh dấu kiểm vào mục Show Welcome Page, chọn màu Page Background Color nhấn vào nút Select (biểu tượng có dấu ‘…’) để duyệt tập tin hình ảnh Flash làm biểu tượng đại diện cho web Ngoài ra, web có nhiều ngơn ngữ chọn hình ảnh đại diện quốc kì nước mục Language Settings (theo mặc định thư mục chứa quốc kì nước C:\Program Files\WebSite X5 v8 -Evolution\Flags)

(10)

-Reserved Area: bạn lựa chọn khu vực dành riêng cho bạn ban quản trị Bạn nhấn nút Add , đặt tên cho khu vực riêng Reserved Area Name, tên người truy cập (Username), mật (Password) nhấn Select để duyệt đến trang mà bạn muốn tạo khu vực riêng, nhấn OK

Bước 5: Export-Xuất sản phẩm

Đây cơng đoạn cuối tồn trình thiết kế website bạn, bước có ba lựa chọn: -Upload to the Internet: Giúp bạn tải toàn trang web hồn thành lên Internet, bạn cần điền vào thơng tin tài khoản FTP (sẽ trình bày tài khoản FTP phần sau): FTP Address (chẳng hạn ftp.thanhliem24.com hay địa IP), User name (tên tài khoản), Password (mật khẩu), Initial Directory (đường dẫn đến thư mục), nhấn Next Nếu tiến trình tải liệu lên hosting khơng hoạt động bạn cần kiểm tra lại kết nối Internet kiểm tra vô hiệu tường lửa, chương trình chống virus máy server tải lên khơng hoạt động, bảo trì chuyển sang lựa chọn

(11)

-Optimize and Batch to Folder: giúp tối ưu hố hình ảnh website xuất thư mục máy tính

(Bài tiếp: Phần mềm H&M StudioLine Web v3.6)