Quản trị mạng - Hãy tưởng tượng kịch bản: bạn là một nhà thiết kế Web, đồng thời cũng là một chuyên gia về Photoshop và muốn chuyển đổi một thiết kế tuyệt vời của mình từ Photoshop vào một trang web cụ thể. Làm thế nào bạn có thể thực hiện điều này một cách dễ dàng nhất?

Bạn có hai giải pháp: Thứ nhất bạn phải học HTML (hầu như chắc chắn bạn cũng cần phải biết PHP) và tự viết code , hoặc phải trả tiền cho nhà viết code để họ làm điều đó cho bạn. Với Basekit, bạn sẽ có một giải pháp thứ ba – chỉ cần nhập file .psd và chương trình sẽ tự động chuyển đổi thiết kế của bạn thành một  mẫu (template) chuẩn.

BaseKit được phát triển bởi một công ty có trụ sở tại Vương quốc Anh, nó cho phép bạn tạo trang web nhanh chóng và dễ dàng. Hãy suy nghĩ về nó như một công cụ Dreamweaver trực tuyến, nhưng dễ sử dụng hơn và và mạnh hơn. Với BaseKit bạn chỉ cần có rất ít hoặc thậm chí không cần có kiến thức về HTML để viết code cho trang web. Tất cả cái bạn cần chỉ ở đây là một chút sáng tạo.

Bắt đầu

Basekit hiện đang trong quá trình thử nghiệm beta và nó chỉ dành cho các thành viên được mời. Để bắt đầu, bạn phải đăng ký như là một người dùng thử bản beta và chờ đợi cho đến khi có email trả lời chấp nhận cho phép bạn trở thành người dùng thử.

Khi đã nhận được email đồng ý cho phép trở thành thành viên mời dùng thử phiên, bạn có thể tiến hành đăng ký tài khoản của mình. Đây là nơi bạn sẽ chọn một tên miền phụ cho tài khoản. Tên miền phụ này sẽ là một site, nơi có tất cả các trang web của bạn.

basekit-registration

Tạo thiết kế đầu tiên

Khi lần đầu tiên đăng nhập, sẽ có thông báo nhắc rằng bạn có muốn nhập file .psd hoặc tạo một trang web dựa trên mẫu sẵn có của Basekit.

basekit-create-template

Việc import các file psd là cách làm nhanh nhất để có được trang web đang chạy. Đối với những người sử dụng không thường xuyên hoặc không dùng Photoshop, bạn có thể chọn các mẫu có sẵn từ thư viện site. Sẽ không có cách nào để bạn tạo mẫu riêng cho chính mình, vì vậy bạn phải làm với những mẫu hạn chế trong thư viện. Hy vọng rằng trong tương lai, họ sẽ thêm vào nhiều mẫu hơn và cũng có thể cung cấp cho bạn những công cụ để tạo ra mẫu riêng (không phải từ các file psd).

Tiếp theo, chúng tôi sẽ hướng dẫn bạn đến với cửa sổ làm việc nơi có vùng soạn thảo và các thanh công cụ .

basekit-main-screen

Cột phía bên tay trái được chia thành ô (cell) nhỏ bên trên và bên dưới. Cell phía trên, page management area, là vùng quản lý trang nơi bạn thêm các trang mới, thay đổi mẫu, thay đổi các thiết lập cho mỗi trang vv.  Cell bên dưới chứa tất cả các widget được sử dụng cho trang web của bạn. Đây là nơi BaseKit thực tỏ ra ưu việt. Có một widget cho hầu hết các thành phần web như Navigational menu, RSS feed, Twitter widget, text box, comments area, Flickr, Search bar, Google Maps, videos, forms và nhiều widget khác nữa mà chúng tôi không liệt kê ra ở đây. Tất cả bạn cần làm chỉ là kéo và thả các vật dụng vào vị trí mong muốn. Đã qua rồi cái thời mà bạn phải ngồi đó để viết các code mở rộng.

basekit-sidebar-widgets

Mặc dù nó không có đầy đủ các chế độ HTML, nhưng bạn có thể chỉnh sửa các thành phần HTML cho nội dung của mỗi widget. Bạn cũng có thể thay đổi dạng hay CSS của widget này với điều kiện có đủ sự thành thạo để chỉnh sửa nó.

basekit-html-editing

Tại bất kỳ thời điểm nào, bạn đều có thể nhấn vào nút Preview để xem nó sẽ hiển thị thế nào như trên trình duyệt thực tế. Khi đã thực hiện xong thiết kế của mình hãy nhấn vào nút Publish để chuyển nó trên trang web của bạn.