Hướng dẫn cho người mới dùng Weebly - (Phần 3) Thêm văn bản vào Website

Có 4 thành phần dùng để thêm hình ảnh vào website.

• Thành phần văn bản có sẵn hình ảnh như đã nói ở trên.
• Thành phần hình ảnh – thêm một hình ảnh cho mỗi một thành phần
• Thành phần gallery hình ảnh - tải lên tùy thích số hình ảnh để tạo bộ sưu tập.
• Thành phần hình ảnh trình chiếu tự động (slideshow) - tải lên tùy thích số hình ảnh để tạo slideshow.

Cũng như việc thêm văn bản, bạn chỉ cần click chọn thành phần hình ảnh và kéo vào bên trong trang. Bạn có thể tải hình ảnh lên bằng cách kích vào khung hình ảnh mẫu màu xanh (Sample Image)

Bạn sẽ thấy hộp thoại nơi bạn có thể chọn nơi lấy hình ảnh để tải. Bạn có thể:

• Tải một hình ảnh từ máy của bạn.
• Chọn một hình ảnh từ bộ sưu tập miễn phí của Flickr.
• Chọn một hình ảnh từ internet. Bạn chỉ nên dùng sự lựa chọn này khi bạn đã sở hữu hình ảnh bạn muốn đưa vào.

Trong ví dụ này, ta vừa chọn lấy hình ảnh từ máy tính, rồi click vào Choose File để chọn file ảnh. Sau đó chúng ta có thể chọn hình ảnh từ một file nào đó trong máy.

Có rất nhiều cách khác nhau để thay đổi và chỉnh sửa một hình ảnh vừa tải lên. Trước tiên bạn sẽ thấy xuất hiện hộp thoại nhỏ phía trên góc phải của hình ảnh khi bạn rê chuột trên hình. Bạn có thể:

• Liên kết (link) hình ảnh đến một website, một địa chỉ email, hay một file nào đó.
• Thêm chú thích cho hình ảnh.
• Xóa hình ảnh

Thứ hai là thanh công cụ màu xanh xuất hiện ở phía trên của khung hình khi ta kích chuột vào hình ảnh. Sử dụng thanh này (từ trái qua phải):

• Thay thế hình ảnh hiện tại bằng một hình ảnh mới.
• Thiết lập kích thước của đường viền (hoặc chọn không có đường viền)
• Chọn đường viền màu xám hoặc đen.
• Chọn đặt hình ảnh ở bên trái, bên phải hay ở giữa khung (bạn cũng có thể click chuột vào hình ảnh và kéo)

Sử dụng tùy chọn nâng cao Advanced để thiết lập các lề xung quanh hình ảnh và nhập mô tả cho hình ảnh vào phần Alt Text nếu cần thiết. (Nễu bạn không rõ về Alt Text thì cũng không cần thiêt phải dùng đến).

Thứ ba là nút Edit, xuất hiện phía trên góc trái của hình ảnh khi bạn rê chuột trên hình.

Kích vào Edit, bạn sẽ thấy hộp thoại ImagePerfect. Bạn có thể cắt (Crop), xoay (Rotate), hoặc thêm hiệu ứng cho hình ảnh. Bạn cũng có thể thêm nhiều hình ảnh vào một thành tố hình ảnh, nhưng trường hợp này hạn chế hơn so với việc sử dụng Slideshow hay Gallery.

Kích vào ô vuông nhỏ ở góc phải phía dưới của hình ảnh, và kéo để thay đổi kích cỡ của hình ảnh.

Website bây giờ trông sẽ như thế này:

Bạn có thể thấy, mỗi thành phần (khối hình ảnh hay văn bản) đều nằm ở phía trên hay phía dưới của một thành tố khác. Các thành tố đều được sắp xếp chồng lên nhau theo mặc định.

Nếu muốn sắp xếp hai hay nhiều thành tố ngang hàng nhau thì làm thế nào? Trong phần tiếp theo chúng ta sẽ tìm hiểu rõ hơn.