08. Thêm hình ảnh vào Tin/Bài

03 Tháng Sáu 20151:11 SA(Xem: 18086)
08. Thêm hình ảnh vào Tin/Bài
514Vote
44Vote
31Vote
22Vote
15Vote
3.826
pdf-icon2 (Xem file PDF)

Nếu tin/bài bạn thêm vào có hình kèm, bạn hãy theo hướng dẫn sau đây để chèn hình vào bài, và tạo hình thumbnail (hình đại diện).

Thí dụ:
Bạn sẽ chèn hình vào đầu bài vừa mới thêm vào website, và muốn rằng hình sẽ nằm phía trái phần chữ. Bạn sẽ làm như sau.

Nếu đã lên trước đây một thời gian, bạn xem phần "Sửa, Xóa Tin/Bài" để biết cách mở lại tin/bài cũ. Nếu vừa đưa bài lên website và chưa làm gì khác, hãy trở lại phiếu dữ liệu của tin bài này. Thí dụ, màn hình đang hiện phiếu dữ liệu của tin/bài, bạn hãy làm như sau.

14.
Vào ô Description, tìm tới đầu bài, và bấm chuột vào vị trí này.

blank

15.
Bấm vào biểu tượng chèn hình (Insert/edit Image). Một khung nhỏ sẽ hiện ra như sau.

blank

16.
Bấm vào biểu tượng cuối ô Image URL. Bạn sẽ thấy các file trong web server. Các file này được sắp xếp có hệ thống. Vì file này liên quan tới tin/bài (Articles), bạn nên upload vào folder "Articles".

blank

17. Bấm vào folder Articles bên lề trái. Bạn sẽ vào nơi chứa file của Articles. Folder này trông tương tự như sau (nếu bạn chưa thêm tin bài nào hay hình ảnh nào thì ô bên phải hoàn toàn trống) .

blank

18.
Bấm vào nút Upload. Bạn sẽ thấy bảng tương tự như sau.

blank

Lưu ý:
Bước đầu, bạn đừng quan tâm tới những chọn lựa ở phía bên phải bảng này.

19.
Bấm nút "Add". Bạn sẽ thấy các file trong computer của bạn tương tự như sau. Bạn có thể bấm vào biểu tượng góc trên, bên phải để chọn cách hiển thị file bằng hình thumbnail.

blank

20.
Bấm vào tên file muốn upload rồi bấm nút Open. Màn hình upload sẽ hiện trở lại như sau.

blank

LƯU Ý:
Bạn có thể chọn nhiều file để upload cùng một lúc. Muốn vậy, tiếp tục bấm nút Add và chọn thêm file cần upload. Sau đó mới bấm nút Upload. Bạn có thể bỏ bớt file (nút Delete) hoặc bỏ hết các file vừa chọn (nút Delete All). Bên phải của khung có những chọn lựa những chức năng như tạo thêm hình nhỏ, tạo hình theo kích thước chuẩn của website, v.v...

21.
Bấm nút Upload. File sẽ được upload lên server. Khi hoàn tất bạn sẽ thấy thông báo như sau “All Files have been uploaded”. Bấm nút OK. Sau đó bấm nút "Close this window".

blank

22.
Một bảng thông báo hiện ra yêu cầu bạn xác nhận muốn ra khỏi chương trình upload. Bấm nút "Yes".


blank

23. Bạn sẽ trở lại nơi lưu trữ file trong server (Resource) và thấy tên file này trong folder Articles.

blank

24. Bấm vào tên file.

blank

Bạn sẽ thấy một hình nhỏ của file này ở góc dưới, bên trái nhằm giúp bạn nhận diện hình. Bên dưới hình là nút "
Adjust image". Nút này đưa tới một số chức năng như:

  • Tạo thêm hình thu nhỏ, phóng lớn cho vừa kích cỡ chuẩn. Mặc định là giữ nguyên kích cỡ hình gốc.


blank

  • Thêm chú thích hình. Chú thích này sẽ được tạo ra với dạng ảnh và dính liền với hình. Khi muốn sửa chú thích hình, bạn cần upload lại hình gốc và làm lại chú thích hình. Điền chú thích hình vào ô "Draw caption", rồi bấm "OK". Lưu ý: Bấm "Close" nếu bạn muốn hủy bỏ những gì làm trong bảng này.

25. Sau đó bấm vào nút "Insert" phía dưới, bên phải.

blank

26.
Bạn sẽ trở lại khung Insert/edit Image. Bây giờ, ô Image URL đã được điền đường dẫn của file banner, tương tự như sau.

blank

Hãy điền những chi tiết còn lại của khung này, nếu cần.

  • Orginal Insert. Nếu bấm check vào ô này thì chương trình sẽ chèn ảnh đúng kích thước ảnh gốc của bạn. Nếu không bấm check vào ô này, hình của bạn sẽ được tự động làm nhỏ lại theo kích thước chuẩn, chọn sẵn cho website.
  • Alignment. Vị trí ảnh mà bạn muốn hiển thị trong nội dung tin/bài (cho phép bạn chọn: canh trái, phải, trên,dưới,...).
  • Border:
    Nếu điền số 0: không có đường viền cho ảnh
    Nếu điền ừ số 1 trở lên hình ảnh sẽ có đường viền to nhỏ theo đơn vị pixel.
  • VerticalHorizontal space: khoảng cách từ biên ảnh đến nội dung chữ.

    27. Bấm nút
    Insert. Ô nội dung, sau khi thêm hình ảnh, sẽ tương tự như sau.

    blank

    Bạn đã hoàn tất thêm hình vào tin/bài.

    Tuy nhiên, bạn còn phải làm thêm một việc nữa. Đó là thêm hình thumbnail
    cho tin/bài này. Nếu bạn không thêm hình thumbnail, website sẽ hiển thị bài này ở trang danh sách với một hình tạm như sau. Chương trình có chức năng tạo hình thumbnail giúp bạn. Hãy làm tiếp những bước sau.

blank

28. Trong phiếu dữ liệu của tin/bài này, tìm tới ô Thumbnail Image.

blank

29. Bấm nút "Browser". Bạn sẽ vào nơi lưu trữ file trên server. Tìm tới file bạn chọn làm hình thumbnail.

30.
Bấm vào tên file rồi bấm nút "Insert" ở góc dưới, bên phải.

blank

31.
Bạn sẽ trở lại phiếu dữ liệu và nhận thấy đường dẫn của hình thumbnail đã được điền vào ô Thumbnail Image tương tự như hình dưới. Hình thumbnail bây giờ cũng hiện ra, thay cho tấm hình tạm.

blank

32. Bấm nút "Update" ở đầu trang hoặc cuối trang để lưu hình mới chèn và hình thumbnail. Thông báo "Update Successful!" sẽ hiện ra ở góc trên, bên trái.

blank

33. Vào website để kiểm soát xem hình đã hiện ra trong tin/bài này chưa, và hình thumbnail đã hiện ra trong danh sách tin/bài của danh mục Writings chưa. Bạn cần bấm nút refresh của web browser để cập nhật trang web này. Nếu cần chỉnh sửa, xin đọc tiếp phần "Sửa, Xoá Tin/Bài".

Bạn đã hoàn tất thêm hình vào tin/bài.

Gửi ý kiến của bạn
Tên của bạn
Email của bạn
)