Trước đây để
thiết kế website hoặc thay đổi giao diện website phải cần đến những lập trình viên với những mã code riêng biệt cho từng trang. Hiện nay mọi chuyện đã thay đổi với công nghệ mới của chúng tôi, bất cứ ai cũng có thể tự tạo ra một website cho riêng mình.
Webvietnam xin giới thiệu với các bạn công cụ kéo - thả trong thiết kế website:
Để bắt đầu chỉnh sửa giao diện, ta chọn trang cần chỉnh sửa trong danh mục trang, ví dụ: trang chủ, sản phẩm, danh sách bài viết... khi đó màn hình sẽ hiển thị như sau:
Các nút Properties, Layers, Toolbox: là các nút khi chọn sẽ hiện ra các box chức năng tương ứng để làm việc.
Properties: hiển thị danh sách các cấu hình dữ liệu(param data), cấu hình css (param css) của các wrapper, component . Khi chọn [edit] một thuộc tính trong bảng properties thì css của thuộc tính đó sẽ được hiển thị bên bảng “Layer CSS style”.
Toolbox: chứa các component dùng để chèn các nội dung cho page (hình ảnh, bài viết, sản phẩm…). Đưa chuột đến các icon chức năng muốn thêm chọn giữ chuột kéo vào bên trong khung website đến vị trí bạn muốn rồi thả chuột thì component chức năng đó sẽ được thêm vào vị trí bạn muốn.
Box Layer CSS styles: Cung cấp các chức năng tùy chỉnh các style - màu sắc, định dạng, vị trí, viền,…cao cấp theo chuẩn CSS. Để sử dụng sâu thanh công cụ này, cần dành thời gian tìm hiểu sâu về CSS. Chúng tôi sẽ giới thiệu các chức năng tùy chỉnh đơn giản cho người dùng.
Thuộc tính CSS để chỉnh sửa được hiển thị theo hai kiểu Normal(Icon) và Advanced(Textbox).
Chỉnh sửa trang bằng cách kéo các component trong Toolbox vào vị trí lựa chọn sẽ để tạo vùng, thêm nội dung, thêm ảnh sau đó chỉnh kích cỡ, màu sắc, font chữ, cài đặt nâng cao… sẽ được trang giống hình dưới đây:
Hoặc các trang hoàn chỉnh như sau:
Với những hướng dẫn trên, Webvietnam hy vọng bạn có thể tự mình thiết kế website với giao diện theo ý muốn. Nếu gặp bất cứ trở ngại nào, hãy liên hệ với đội ngũ kỹ thuật của chúng tôi để được tư vấn và hỗ trợ. Webvietnam luôn đồng hành cùng bạn trong quá trình kinh doanh.