Tư vấn thiết kế web

Hướng dẫn soạn thảo văn bản giúp tiết kiệm thời gian quản trị

13/08/2015  | 
Để giúp người quản trị web tiết kiệm tối đa thời gian soạn thảo, Công ty thiết kế web V&V xin gửi đến bạn đọc bài viết hướng dẫn thực hành chức năng soạn thảo văn bản trực quan trên bitrix.

1. Ý nghĩa việc soạn thảo văn bản trực quan

Trong quá trình quản trị bạn thường phải thực hiện các thao tác:

• Soạn thông tin mô tả ngăn cho một sản phẩm, một tin tức, dự án...
• Soạn thông tin bài viết cho sản phẩm, tin tức, dự án...
• Chèn ảnh minh họa vào các bài viết
• Chèn link liên kết vào bài viết
• Chèn video vào bài viết Chính vì vậy bạn cần một công cụ tối ưu các chức năng soạn thảo ngay trên hệ thống quản trị của mình để dễ dàng soạn thảo và tiết kiệm thời gian nhất

Vì vậy việc nắm bắt và thành thạo các thao tác soạn thảo văn bản trực quan sẽ giúp bạn tiết kiệm thời gian khi quản trị.

2. Giới thiệu chi tiết khu vực soạn thảo văn bản

Khu vực soạn thảo văn bản gồm các thành phần sau:

Thao tác 1: tích chọn Visual Editor để hiển thị ra bảng soạn thảo trực quan

soan-thao-1
Khu vực soạn thảo văn bản

soan-thao-2
Công cụ soạn thảo văn bản (ảnh 1)

soan-thao-3
Công cụ soạn thảo văn bản (ảnh 2)

Để soạn thảo một văn bản các bạn tích chọn visual sau đó tiến hành soạn thảo như việc soạn một bản word.

soan-thao-4
Soạn thảo văn bản như bản word

3. Cách chèn một ảnh vào bài viết

Để thực hiện chèn một ảnh vào bài viết chúng ta thức hiện các bước sau: 

Bước 1: Để con trỏ vào khu vực muốn chèn ảnh

Bước 2: thực hiện các thao tác sau:

Thao tác 1: Click vào nút dưới đây
Thao tác 2: Có 2 cách lấy ảnh như sau:

Cách 1: nếu bạn có ảnh trong Media Library thì click vào Select a Media Library
Cách 2: nếu bạn lấy trực tiếp ảnh từ Trong máy tính của mình thì thực click Vào select file at sever

Chúng ta sẽ đi lần lượt từng cách của bước 2 như dưới đây:

Cách 1: Lấy ảnh từ Media Library theo các bước sau: 

Bước 1: chọn Select a media library. Sau khi chon Select Media Libray chúng ta sẽ thấy hiển thị cửa sổ như dưới đây

soan-thao-5
Thực hiện chèn ảnh

Bước 2 : Chúng ta thực hiện các thao tác sau

Thao tác 1 : chọn thư mục chứa ảnh cần chèn
Thao tác 2 : chọn ảnh cần chèn
Thao tác 3 : click select

(Trên cửa sổ này chúng ta có thể tạo một thư mục lưu ảnh mới bằng cách click vào Collection, thêm ảnh mới từ máy tính vào thư mục bằng cách click vào Add item)

Sau khi đã chọn ảnh và click select thì ảnh sẽ được đưa ra cửa sổ ban đầu như sau :

soan-thao-6
Chèn ảnh trong thư viện

Bước 3 : sau khi thấy ảnh được đưa ra cửa sổ như dưới đây là chúng ta đã hoàn thành lấy ảnh từ Media Library

soan-thao-7
Hoàn tất thao tác lấy ảnh trong thư viện

Cách 2 : Lấy ảnh từ một thư mục trên hosting hay server của bạn

Bước 1 : Click chọn Select file At Server

soan-thao-9
Lấy ảnh từ server

Sau khi click Select File At Server sẽ đi tới cửa sổ hiển thị cửa sổ như dưới đây :

Bước 2 : Thực hiện các thao tác khi ảnh đã có sẵn trên hosting của bạn

Thao tác 1 : Nếu file ảnh của bạn đã có sẵn, bạn click Open file
Thao tác 2 : Click file ảnh mà bạn muốn chèn

Sau khi chọn ảnh chúng ta click vào open là hoàn thành đưa ảnh ra ngoài giống như bước 3 của cách 1.

soan-thao-10
Chọn hình ảnh cần chèn

Bước 2 : thực hiện thao tác khi chưa có ảnh trên hosting

Thao tác 1 : click upload file
Thao tác 2 : click chọn tệp tin và lấy ảnh từ máy tính đang sử dụng

soan-thao-11
upload file ảnh 

Sau khi up ảnh từ máy tính lên và click Upload là bạn đã hoàn thành việc đưa ảnh ra ngoài giống như bước 3 của cách 1.

Sau khi chúng ta đã hoàn thành việc đưa ảnh ra khu vực cửa sổ như dưới đây chúng ta thực hiện bước tiếp theo là điền thông tin, chỉnh kích cỡ cho ảnh cho phù hợp với khu vực cần chèn ngoài văn bản.

Bước 3 : Chúng ta thực hiện các thao tác sau

Để các thao tác được dễ hiểu nhất chúng ta đi tới hình dưới đây : 

Thao tác 1 : Điền tên title cho ảnh
Thao tác 2 : chỉnh kích cỡ cho phù hợp
Thao tác 3 : Căn chỉnh trên dưới trái phải
Thao tác 4 : Điền thông số cho mỗi mục căn chỉnh của thao tác 3
Thao tác 5 : Save lại là bạn đã hoàn thành đưa ảnh ra khu vực chèn

soan-thao-12
Điền thông tin cho hình ảnh

Sau khi click save lại các bạn sẽ thấy ảnh hiển thị ra như dưới đây :

Chúng ta nhấn apply lại là đã hoàn thành bước chèn ảnh vào bài viết.

4. Cách chèn đường link vào bài viết 

Để thực hiện chèn link vào bài viết, các bạn cần thực hiện các bước sau :

Bước 1 : bôi đen đoạn chữ cần chèn link
Bước 2 : click vào biểu tượng như dưới đây

soan-thao-14
Chèn đường link vào bài viết

Sau khi click vào biểu tượng chèn link chúng ta sẽ thây cửa sổ hiển thị ra như hình dưới đây :

Sau khi cửa sổ như dưới đây hiện ra các bạn thực hiện các thao tác sau

Bước 2 : thực hiện copy đường link muốn link tới và paste vào ô dưới đây

soan-thao-15
Copy và paste đường link muốn link tới

Sau khi save lại là chúng ta đã hoàn thành việc chèn link vào đoạn văn bản cần chèn link và hiển thị như hình dưới đây :

Đoạn text chèn link hiển thị như dưới đây là đã hoàn thành việc chèn link vào bài viết

soan-thao-16
Hoàn thành việc chèn link

5 Cách chèn một video vào bài viết

Để thực hiện chèn một video vào bài viết chúng ta thực hiện lần lượt các bước sau :

Bước 1 : vào Youtube copy mã nhúng của video cần chèn

Thao tác 1 : Click vào chia sẻ
Thao tác 2 : Click vào nút “nhúng”
Thao tác 3 : Copy đoạn mã nhúng

soan-thao-17
Copy đoạn mã nhúng của video trên Youtube

Bước 2 : Ghi nhớ đoạn mà bạn muốn chèn video

soan-thao-18
Ghi nhớ mã nhúng và đặt con trỏ tai vị trí cần chèn

Sau khi chúng ta đã ghi nhớ trong đầu dòng chữ mà chúng ta cần chèn video dưới dòng đó, chúng ta sẽ thực hiện bước tiếp theo như sau : 

Bước 3 : thực hiện các thao tác sau

Thao tác 1 : Tích chọn html
Thao tác 2 : Paste đoạn mã nhúng youtube vào đoạn mà chúng ta đã ghi nhớ 

Sau khi chèn xong các bạn paste mã nhúng và apply lại và click vào visual Editor trở về giao diện soạn thảo trực quan chúng ta thấy hiển thị như sau :

Các bạn click apply để lưu lại là đã hoàn thành chèn một video vào bài viết

soan-thao-19
Đưa mã nhúng của video vào bài viết và hoàn thành

Khi copy một đoạn hay một bài văn bản về website các bạn cần chú ý và sử dụng 4 chức năng quan trọng sau để văn bản copy về khi hiển thị ra ngoài không bị lỗi.

1. Xóa bỏ định dạng khi copy từ một file word về
2. Xóa bỏ định dạng khi copy từ một file text về
3. Xóa bỏ toàn bộ định dạng
4. Tối ưu mã code (loại bỏ các thẻ định dạng html thừa)

soan-thao-20
Một số chức năng quan trọng cần lưu ý

Trên đây là chi tiết cách thực hiện soạn một văn bản trên công cụ soạn thảo văn bản trực quan Visual Editor. Khi sử dụng thành thạo công cụ này sẽ giúp cho người quản trị tiết kiệm tối đa thời gian cho việc chỉnh sửa, soạn thảo các viết đưa lên thiết kế web.

Like Bản tin V&V
Nhân dịp năm mới 2015 V&V áp dụng chương trình giảm giá 30% đối với tất cả các...
Slot Dana Slot Luar Negeri Slot Maxwin Slot Thailand Slot777 Slot Dana Slot Luar Negeri Slot Maxwin Slot 4d Slot777 Slot Thailand Slot Dana Slot Luar Negeri Slot Maxwin Slot 4D Slot 777 Slot Server Thailand AyamJP Login Resmi AYAMJP Robopragma Robopragma CUPANGJP CUPANGJP Slot Kamboja Slot Luar Negeri Slot Maxwin Slot Thailand https://kecmeliau.sanggau.go.id/dana/ https://kecmeliau.sanggau.go.id/kamboja/ https://kecmeliau.sanggau.go.id/luar/ https://kecmeliau.sanggau.go.id/maxwin/ https://kecmeliau.sanggau.go.id/rusia/ https://kecmeliau.sanggau.go.id/slot777/ https://kecmeliau.sanggau.go.id/thailand/ https://sirefka.jayapurakota.go.id/dana/ https://sirefka.jayapurakota.go.id/luar/ https://sirefka.jayapurakota.go.id/maxwin/ https://sirefka.jayapurakota.go.id/sl777/ https://sirefka.jayapurakota.go.id/sto2/ https://sirefka.jayapurakota.go.id/thailand/ https://minorrahman.sch.id/blog/dana/ https://minorrahman.sch.id/blog/luar/ https://minorrahman.sch.id/blog/maxwin/ https://minorrahman.sch.id/blog/s4d/ https://minorrahman.sch.id/blog/sl777/ https://minorrahman.sch.id/blog/thailand/ https://tumurunmuseum.org/jepang/ https://tumurunmuseum.org/kamboja/ https://tumurunmuseum.org/luar/ https://tumurunmuseum.org/rusia/ https://tumurunmuseum.org/thailand/ https://portal.stikestelogorejo.ac.id https://pelaporan.pn-banyuwangi.go.id/ https://dana.tv.moestopo.ac.id https://luar-negeri.tv.moestopo.ac.id https://maxwin.tv.moestopo.ac.id https://slot4d.tv.moestopo.ac.id https://slot777.tv.moestopo.ac.id https://thailand.tv.moestopo.ac.id https://elearning.polsa.ac.id/rusia/