Thiết kế web miễn phí với Serif WebPlus Starter Edition

Nếu bạn đang tập thực hiện một website nhưng cảm thấy khó khăn với những phần mềm thiết kế web thông dụng thì hãy thử dùng Webplus Starter Edition xem sao.  Chương trình có giao diện rõ ràng , cung cấp sẵn các mẫu web , có sẵn các phương tiện nhu yếu và đặc biệt là miễn phí.

1. Giao diện chương trình

nói chung , chương trình có giao diện thân thiện , các tính năng được gom gọn vào từng menu , chỉ để lại các phương tiện nhu yếu trên cửa sổ. Giao diện gồm có các khu vực: thanh menu , thanh phương tiện chuẩn ( Standard , View , Web Properties ) , thanh phương tiện quản lý và thiết lập website , thanh phương tiện chèn và quản lý nội dung đa phương tiện ( nằm dọc bên trái cửa sổ ) , khung tương tác với các đối tượng trên mẫu website , khung chứa các thẻ tính năng Studio Tabs ( nằm dọc bên phải cửa sổ ) , thanh trạng thái và chuyển trang ( phía dưới cùng ). Nếu muốn thêm hay bớt thanh phương tiện hiển thị trên cửa sổ thì bạn vào menu View và chọn trong danh sách xổ xuống của hai nhóm Toolbars , Studio Tabs. Trong quá trình dùng chương trình , cửa sổ Upgrade Information có thể xuất hiện khi thực hiện một tính năng nào đó , bạn bấm nút Close để tiếp tiến trình ( vì đây là phần mềm miễn phí nên sẽ có một số quảng cáo như thế ).

2. Thiết kế mẫu website

Khi khởi động vào chương trình thì bạn sẽ được tuyển trạch một trong hai hình thức Start New Site hoặc Use Design Template. Nếu chưa quen làm việc với giao diện của chương trình thì bạn có khả năng chọn Use Design Template để làm quen với các tính năng phê chuẩn mẫu web có sẵn , thay vì chọn Start New Site để bắt đầu từ trang web trắng. Trong cửa sổ Create New Site From Template , bạn chọn một mẫu trong khung bên trái rồi kéo thanh trượt bên trái để xem qua các trang thành phần. Trường Color Scheme giúp đổi thay nhóm màu sắc chủ đạo trên mẫu website. Khi xong bấm Open

- Tạo sơ đồ web:

Để xây dựng một hệ thống trang web có cấu trúc và bố trí khoa học , giúp cho người xem định hướng tốt những công việc của họ trên website , tránh cho họ sự lúng ta lúng túng , mất nhẫn nại , bạn cần xây dựng một sơ đồ web và hệ thống liên kết phù hợp. Trong thẻ Site ở khung Studio Tabs ở bên phải , bạn bấm vào biểu trưng Add new page or link. Ở hộp thoại hiện ra , bạn chọn kích thước trang tại hai mục Width và Hight của khung Appearance , chọn vị trí đặt trang mới ở khung Placement ( Before - trước trang , After - sau trang , Child of - trang con của trang đang chọn ) , bấm OK. Ngoài ra , bạn có khả năng tạo ra nhiều Master Page ( trang quy định các nguyên tố nền móng như biểu trưng , hình nền , thanh điều hướng ) bằng cách bấm vào nút Add new master page hoặc bấm chuột phải vào Master A chọn Copy để tạo trang chính giống với Master A. Trong hộp thoại Copy Master Page , bạn chọn các thuộc tính Copy Objects - sao chép các đối tượng , Copy Background - sao chép cả hình nền , Copy attached HTML - sao chép mã HTML đính kèm.

- Tạo thanh điều hướng:

Bạn bấm đôi chuột vào trang chính Master A và bấm vào thanh menu ( thanh điều hướng ) mặc định của website mẫu. Trong hộp thoại Navigation Bar Settings , chọn thẻ Type rồi chọn Create New Navigation Bar , bấm Select ở dạng cần chọn. Thẻ Navigation Type , bạn chọn kiểu xổ xuống của các trang con ( menu con ) ở mục Base on site structure hoặc tự tạo thanh menu theo cách riêng ở mục Custom. Bạn có khả năng dùng chuột kéo thả để đổi thay kích thước của thanh điều hướng.

- Thiết lập thuộc tính trang:

Để thiết lập thuộc tính cho trang web , bạn bấm chuột phải vào một vùng trống trên trang , chọn Page Properties. Ở hộp thoại hiện ra , bạn đổi thay thiết lập trong các thẻ Navigation ( tên trang , tên file , thuộc tính thanh điều hướng ) , Appearance ( canh chỉnh nội dung , quy định kích thước trang ) , Effects ( hiệu ứng chuyển trang ) , Page Security ( chỉ định nhóm người được phép thâm nhập trang web phê chuẩn danh sách thành viên tại Serif Web Resources ) , Search Engine ( tối ưu các thẻ meta để giúp cho các robot lùng phân tách và thu thập dữ liệu nhanh hơn ).

3. Thêm nội dung vào trang

Webplus Starter Edition cung cấp cho người dùng tươm tất phương tiện giúp quản lý tốt nội dung ở các trang. Những phương tiện này tập kết ở các menu Insert , Text , Table và thanh phương tiện nằm dọc ở bên trái cửa sổ.

- Chèn văn bản: Bạn bấm vào biểu trưng chữ A ( Artistic Text Tool ) trên thanh phương tiện để thêm nội dung văn bản vào bất kỳ một vị trí nào trên trang. Bên cạnh đó , bạn có khả năng dùng tính năng Freehand Path Text Tool ( đường cong vẽ bằng tay ) , Straight Path Text Tool ( đường thẳng ) , Curved Path Text Tool ( đường cong ) trong biểu trưng chữ A để nhập văn bản theo những đường vẽ tương ứng. Ngoài ra , bạn dùng file văn bản sẵn có để nhập vào trang web , bằng cách dùng tính năng Text File trong menu Insert. Định dạng file văn bản mà tính năng này hỗ trợ là txt , doc , odt , rtf.

- Chèn bảng biểu: Có các dạng bảng HTML Table Tool ( bảng có hỗ trợ ngôn ngữ HTML , thích hợp với các bộ máy lùng ) , Creative Table Tool ( bảng sáng tạo , hỗ trợ nhiều tính năng , có cả hiệu ứng 3D ) , Insert Calendar ( chèn bảng dạng lịch ).

- Chèn hình ảnh: Bạn dùng phương tiện Import Image để đưa hình ảnh từ thư mục trên máy tính vào từng trang web. Với hình ảnh đưa vào , chương trình còn cung cấp một số phương tiện chỉnh sửa cơ bản giúp cho hình ảnh thêm bắt mắt hơn. Ví dụ như tính năng Boder trong menu Format giúp tạo khung viền cho hình ảnh.

- Chèn các nội dung đa phương tiện khác: Bạn bấm vào nút xổ xuống cạnh biểu trưng hình nốt nhạc trên thanh phương tiện rồi chọn nội dung cần chèn , gồm có: Sound Clip - âm thanh , Video Clip - đoạn phim , Flash File - file dạng swf , YouTube Video - đường dẫn đến file video trên YouTube , Google Map - bản đồ , Animated GIF - hình ảnh động , Java Applet - áp dụng Java trên trình duyệt , Animated Marquee - hình ảnh động chuyển động ngang trên web.

4. Xuất bản website

Sau khi đã hoàn tất việc thiết kế , bạn cần dùng tính năng Preview Site trong menu File để xem lại sản phẩm trước khi xuất bản nội dung. Để thẩm tra tính tương thích trên các trình duyệt , bạn hãy xem trước website bằng tính năng Preview Site in Mozilla Firefox ( Internet Explorer hoặc Browse Preview List ). Khi không có gì đổi thay thì bạn vào menu File > Publish Site , chọn hình thức xuất bản:

- Publish to Disk Folder: giúp xuất bản website ra một thư mục trên máy tính , bạn chọn thư mục lưu trữ tại khung Output Folder. Khi đó , bạn có khả năng sao lưu hết thảy website vào đĩa CD/DVD hoặc tải lên máy chủ một cách độc lập nhờ vào chương trình FTP.

- Publish to Web: Tính năng này giúp đưa website vào hoạt động ngay trên Internet. Bạn cần có một trương mục quản lý máy chủ ( hosting ) , điền thông cáo nhu yếu vào các ô trong hộp thoại Account Details như: Account name - tên trương mục tại WebPlus , FTP Address - địa chỉ máy chủ , Username và Password - tên trương mục và mật khẩu đăng nhập hosting. Nếu cần tải tất thảy các trang web lên máy chủ thì bạn đánh dấu chọn vào ô Publish All Pages tại khung Page Range.

Theo vietcntt

hướng dẫn

Điền địa chỉ email của bạn vào hộp thoại , rồi nhấn  Continue . Một trang mới xuất hiện , các bạn nối tiếp điền tươm tất thông cáo vào khung hộp thoại , sau đó nhấn  Continue.

thẩm tra email , bạn sẽ nhận được một tin nhắn từ  donotreply@serif.com  với tiêu đề  Activate your Serif.com Account . Các bạn nhấn vào  confirm your account set up  để kích hoạt tài khoản.

Tại trang web mới , các bạn nhấn  Continue . Nối tiếp điền mật khẩu bạn vào , rồi nhấn  Continue . Trang web mới sẽ hiển thị tươm tất thông cáo trương mục của bạn và đường dẫn để tải phần mềm này về( nhấn vào  Download ).

Lưu ý , bạn cần sao chép số Product Keys tại dòng Webplus Starter Edition để phục vụ cho quá trình cài đặt phần mềm 

7-zip free giải nén và nén số 1 thế giới