Nội dung bài viết:
1. Giới thiệu trình soạn thảo mới 2. Cho phép điều khiển hoàn toàn cách trình bày nội dung! 3. Giảm thời gian soạn thảo nâng cao chất lượng bài viết 4. Chú ý quan trọng về việc sử dụng trình soạn thảo !!! 5. Hướng dẫn sử dụng một số chức năng thông dụng Chú ý: bạn có thể lựa chọn giữa trình soạn thảo rich text và trình soạn thảo bbcode đơn giản trước đây bằng cách vào Bảng điều khiển --> Thiết lập chính (quản lý web cá nhân) --> ở phần “Chọn trình soạn thảo” chọn "Rich Text" hoặc “Đơn giản”.
Ngày 17 tháng 9, blog VnVista đã thay trình soạn thảo chính: thay khung nhập text đơn giản, sử dụng BBCode trước đây bằng trình soạn thảo rich text (còn gọi là WYSIWYG viết tắt của What you see is what you get ). Với trình soạn thảo mới này, bạn có thể soạn bài viết của mình như soạn thảo văn bản trong chương trình MS Words quen thuộc. Bạn có thể thấy trước được format bài viết khi được đăng sẽ như thế nào ngay trong lúc soạn bài...
Nếu bạn nào đã sử dụng qua một chương trình soạn thảo văn bản nào đó, hẳn sẽ không còn lạ gì những công cụ căn chỉnh bài viết, chỉnh sửa font chữ, màu sắc, hình ảnh... Còn nếu bạn chưa sử dụng thì việc làm quen với các chức năng đó cũng không có gì là khó, chỉ cần bạn bỏ chút thời gian ra tìm hiểu là sẽ sử dụng được ngay. Các nút ở thanh công cụ hầu hết được minh họa để thể hiện khá rõ chức năng của chúng.
Bạn sẽ thấy là trình soạn thảo rich text cho phép bạn làm được hết tất cả những gì mà các thẻ bbcode của trình soạn thảo trước có thể làm (& còn hơn thế rất nhiều), nhưng nếu muốn thì bạn vẫn có thể sử dụng các thẻ bbcode ngay trong trình soạn thảo rich text bằng cách gõ tay (link tới bảng liệt kê các thẻ bbcode vẫn ở ngay bên dưới bảng mặt cười bên trái trình soạn thảo)
Trình soạn thảo này ra đời cùng với một thay đổi quan trọng ở blog VnVista: từ giờ các bạn không chỉ sử dụng các thẻ bbcode để post bài như trước đây, mà còn có thể sử dụng HTML & CSS – ngôn ngữ của web ! Xin được nói qua: tất cả các trang web mà bạn vào hàng ngày đều được tạo bởi ngôn ngữ HTML (do người hoặc chương trình viết ra). Việc cho phép sử dụng HTML ở blog VnVista đồng nghĩa với việc bạn có thể trình bày nội dung bài viết của bạn một cách linh động như một trang web thật sự (tất nhiên là giới hạn trong khối bài viết).
Xin đưa ra một số ví dụ dễ thấy nhất:
Tóm lại là bạn có thể trình bày nội dung bài viết một cách linh hoạt như hầu hết các trang web mà bạn vào thường ngày (trừ các tính năng sử dụng javascript).
Trình soạn thảo rich text còn được gọi là What you see is what you get – tức là ngay trong khi soạn thảo bạn có thể xem luôn được nội dung bài viết sẽ hiển thị thế nào khi bài viết được đăng. Chẳng hạn, thay vì việc trước đây bạn phải đặt kích thước ảnh bằng cách nhập số pixel chiều ngang của ảnh, & bạn ko biết ước lượng nên để bao nhiêu pixel thì vừa, thì giờ đây bạn chỉ việc chèn ảnh vào rồi dùng chuột để kéo to thu nhỏ ảnh và thấy luôn ảnh sẽ hiển thị như thế nào.
Ngoài ra, với rich text, khi bạn copy nội dung ở một trang web khác vào trình soạn thảo, thì format, link… của nội dung đó sẽ được giữ nguyên! Chẳng hạn nếu bạn thấy trên một trang web nào đó có một đoạn text màu đỏ, font chữ Arial, kiểu chữ in nghiêng, căn đều hai bên, trong đoạn đó có một số link & một số hình ảnh… thì bạn chỉ việc bôi đen đoạn đó, nhấn Ctrl + C để copy, rồi trở lại trình soạn thảo rich text, click con trỏ vào trong trình soạn thảo & nhấn Ctrl + V để dán, thì đoạn văn bản đó – kèm theo màu chữ, font chữ, các link, hình ảnh… cũng sẽ được copy y nguyên vào trình soạn thảo của bạn. Bạn sẽ ko phải mất thời gian thêm link, chèn ảnh… vào nội dung bài viết.
Chú ý: Không phải với trang web nào bạn cũng có thể copy y nguyên format được như trên (vì có thể nội dung của họ được format với các lớp trong CSS của họ). Nhưng ít ra bạn có thể copy được link, hình ảnh, bảng tính… và việc format còn lại cũng ko mất nhiều thời gian. Bạn cũng có thể soạn thảo trong chương trình Words quen thuộc trên máy tính, thực hiện hết các tác vụ format trong đó, rồi copy và dán vào trình soạn thảo rich text trên blog (có thể phải chỉnh sửa một vài chỗ).
Nếu bạn chỉ muốn copy nội dung bài viết trên một trang web nào đó mà không muốn copy cả format của chúng, thì cứ copy bình thường, sau đó mở một file Text Document mới và dán đoạn vừa copy vào đó, sau đó copy đoạn vừa dán vào file text đó rồi mới dán vào trình soạn thảo.
Mặc dù bạn có thể chọn lựa giữa hai trình soạn thảo: Trình soạn thảo đơn giản sử dụng bbcode và trình soạn thảo rich text, nhưng với một bài viết nào đó thì bạn chỉ nên sử dụng một trình soạn thảo để viết và chỉnh sửa. Vì:
Lý do:
Vì trình soạn thảo rich text sử dụng HTML, trong khi trình soạn thảo bbcode đơn giản không hiển thị được nội dung được format bằng HTML, nên nó sẽ hiện hết các thẻ HTML ra. Bạn phải biết HTML mới có thể chỉnh sửa được. Ngoài ra còn có vấn đề về việc dịch ngược một số thẻ HTML sang bbcode, trong khi chúng vốn không phải bbcode… Tóm lại bạn chỉ cần nhớ là bài viết nào đã được tạo hoặc chỉnh sửa với trình soạn thảo rich text thì sau này cũng chỉ dùng rich text để chỉnh sửa bài đó thôi.
Ngoài ra, khi sử dụng trình soạn thảo rich text, nếu bạn tự format bài viết của mình thì thường không có vấn đề gì, nhưng nếu bạn copy bài viết đã được format từ một trang web nào đó, thì có thể sẽ có những lúc nội dung bài viết làm hỏng khối bài viết và cả bố cục trên blog của bạn (chẳng hạn làm cho khối này bị kéo sang ngang hết màn hình, hay làm cho các khối bên cạnh bị chuyển hết xuống phía dưới trang web...). Nguyên nhân là do nội dung mà bạn copy từ trang web khác có kèm theo format của những khối không hoàn chỉnh trên trang web đó, hoặc tự bản thân chúng có quy định chiều rộng của nội dung --> những format này sẽ làm hỏng bố cục trên blog của bạn (vì tất cả đều là HTML - nên HTML của nội dung bài viết hoàn toàn có thể làm sai lệch các thông tin HTML của blog bạn...). Cách khắc phục: Bạn hãy chỉnh sửa bài viết mà làm sai bố cục blog đó: tốt nhất là hãy copy những nội dung từ trang web mà bạn cần copy đó sang một file text (trong Windows click phải vào desktop, chọn New -> Text Document). Sau đó mới copy nội dung từ file text đó vào trình soạn thảo (việc này nhằm loại bỏ hết các format trong nội dung từ trang web kia đi). Rồi bạn hãy tự format lại nội dung sử dụng các công cụ của trình soạn thảo rich text... Để sử dụng thành thạo trình soạn thảo này thì chỉ có cách bạn phải tự tìm hiểu, thử sử dụng các công cụ của nó & xem kết quả sẽ thế nào. Sau đây chỉ là hướng dẫn nhanh cho một số chức năng thông dụng nhất:
(Để biết tên của một công cụ nào đó trên thanh công cụ, bạn hãy rê chuột lên trên biểu tượng công cụ đó một lúc, tên của công cụ đó sẽ xuất hiện) - Mở rộng trình soạn thảo hết cửa sổ trình duyệt: Nếu bạn thấy trình soạn thảo nhỏ quá & muốn mở rộng ra, bạn chỉ cần click vào nút Full Screen
- Để chèn flash vào bài viết, bạn nhấn vào biểu tượng Flash Trong cửa sổ popup, nhập link flash vào phần Source. Bạn chưa cần phải nhập thông số kích thước chiều ngang và chiều cao ngay (width, height), sau khi chèn flash vào trình soạn thảo, bạn có thể dùng chuột để kéo chỉnh các chiều này cho phù hợp. - Để chèn nhạc, clip vào bài viết, bạn nhấn vào biểu tượng Media Cũng như với flash, nhập link nhạc vào phần Source. Sau khi chèn nhạc vào bạn có thể dùng chuột để chỉnh kích thước trình chơi nhạc. - Cách chèn các link vào bài viết:
1. Chèn một link bình thường: trước hết bạn bôi đen đoạn chữ mà bạn muốn chèn link vào rồi click biểu tượng Hyperlink một cửa sổ popup sẽ hiện ra:
Dòng Source có 2 phần: phần 1 chọn giao thức (http://, mailto:...), phần sau điền địa chỉ link (vd: www.vnvista.com, [email protected] …). Ở dòng Target có hai phần, bạn chỉ cần quan tâm phần thứ 2: chọn Self nếu bạn muốn người xem mở link trong cửa sổ hiện tại, chọn Blank nếu bạn muốn người xem mở link trong một cửa sổ mới (nếu bạn link tới một site khác, ko phải trong blog bạn thì nên chọn Blank – để người xem không bị rời khỏi blog của bạn khi click vào link đó). Ở dòng Title điền nội dung mà bạn muốn xuất hiện khi người xem rê chuột lên trên link. 2. Chèn link tới một đoạn nào đó trong bài viết: Đầu tiên bạn phải đi tới đoạn văn bản trong bài viết mà bạn muốn người xem khi click vào sẽ được chuyển tới. Bôi đen một vài từ đầu tiên của đoạn đó, rồi click vào biểu tượng Bookmark Ở dòng Name viết tên bookmark (thẻ đánh dấu) cho đoạn đó rồi nhấn insert (vd: doan1, doan2... - ko sử dụng tiếng Việt có dấu). Sau đó trở lại nơi bạn muốn chèn link tới đoạn đó, click biểu tượng Hyperlink đánh dấu vào hộp kiểm Bookmark, rồi chọn tên đoạn đã được bookmark mà bạn muốn link này trỏ tới. Rồi cũng như ở phần trên, chọn Target & nhập Title cho link.
3. Chèn link tới một đoạn nào đó trong một bài viết khác: Trước hết ở bài viết đó bạn phải chèn một bookmark vào đoạn mà link cần trỏ tới. Chẳng hạn đặt tên bookmark đoạn đó là “doan3”. Giờ bạn copy địa chỉ của bài viết đó (vd: http://vnvista.com/i-shine/index.php?cmd=showentry&eid=13178 ), rồi thêm vào sau đó #doan3 --> Bạn được: http://vnvista.com/i-shine/index.php?cmd=showentry&eid=13178#doan3 Đây chính là link tới đoạn mà bạn đánh dấu trong bài viết đó. Giờ bạn chỉ việc trở lại trình soạn thảo cho bài viết mà bạn đang soạn, chèn link này vào (cách làm như là chèn 1 link bình thường đã hướng dẫn ở trên). - Để chèn ảnh vào nội dung bài viết, trước hết để con trỏ vào nơi bạn muốn chèn ảnh rồi click vào công cụ Image Một cửa sổ popup sẽ hiện ra. Phần Source nhập link tới ảnh. Phần Title nhập nội dung mà bạn muốn hiện ra khi người xem rê chuột lên / cũng là dòng chữ sẽ xuất hiện thay thế khi ảnh ko hiển thị được (vd: link ảnh bị die hay thời gian load quá lâu). Phần Alignment cho phép bạn chọn sắp xếp ảnh bên trái / phải, trên / dưới / giữa… Click vào nút Border Style nếu bạn muốn thêm đường viền cho ảnh. Phần Width , Height (chiều ngang, dọc) thì ko cần phải điền (bạn có thể dùng chuột để kéo các chiều ảnh cho phù hợp). Ở phần Spacing bên tay phải, bạn nhập khoảng cách tính bằng pixel giữa ảnh với nội dung xung quanh (khoảng cách với nội dung bên trên – Top, nội dung bên phải – Right…). VD: ảnh ở bên cạnh đoạn này có Title là “Ảnh demo” (thử rê chuột qua ảnh một lúc bạn sẽ thấy), Allignment là left, Spacing – Right là 10px, Bottom 10px (để ảnh không bị sát vào với chữ), và có sử dụng Border (đường viền) như bạn thấy đó.
- Với các công cụ để format chữ như màu chữ Foreground Color , màu nền Background Color , kiểu chữ đậm , nghiêng , gạch chân , gạch ngang , chữ bên trên , bên dưới , font chữ , kích thước chữ thì bạn phải bôi đen đoạn văn bản mà bạn muốn format, rồi mới dùng các công cụ đó để điều chỉnh. - Với các công cụ để format đoạn văn như công cụ căn chỉnh lề trái / phải / giữa / cách đều , lập danh sách , thụt đoạn văn sang trái / phải , soạn từ trái sang phải / phải sang trái , kiểu đoạn văn bản … thì bạn chỉ cần để con trỏ vào một vị trí trong đoạn văn bản bạn muốn điều chỉnh rồi nhấn vào các công cụ đó để điều chỉnh.
- Công cụ Styles & Formatting cho phép chỉnh sửa các thành phần khác nhau như format chữ (Text Formatting), format đoạn văn bản (Paragraph Formatting), format danh sách (List Formatting), format các khối trong bài viết (Box Formatting) (chú ý: một đoạn văn bản bất kỳ cũng được coi là một khối), sử dụng CSS của riêng bạn (Custom CSS). - Nếu bạn muốn xóa hết bài viết đi để soạn thảo lại từ đầu thì hãy click biểu tượng Clear All - Nếu bạn biết HTML và muốn trực tiếp chỉnh sửa mã HTML thì hãy click vào biểu tượng View/Edit Source
|
(¯`·.º-:¦:-♥ Images ♥-:¦:-º.·´¯)
Thực đơn người xem
♥ Yêu ♥
Chat chit
Bài viết cuối
Bạn bè
Blog bạn bè
[diary] Loneliness Knows Everything
Loneliness knows everything I keep inside My endless thought in the silence of the night [Eng Fic] You never know what the future holds *Eng fic, sẽ dịch trong một ngày nào đó có hứng. Đọc bản Eng xong mất hết... [Diary] Aint I stupid? Có Ngu ngốc, ngớ... [Diary] Nhìn lại Nhìn lại thì tôi còn hạnh phúc hơn họ. Tôi ko hiểu nổi cô gái ấy, cô gái... [Diary] Phá XD Hôm nay phởn chí đi lập 1 cái nick thứ 2 để phá Tik tik tak
Danh mục bài viết
|
Bình luận
Thực tập viên
Nhóm: Members
Bài viết: 1
Nhập: 19-August 06
Thành viên: 13,796
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 28-July 06
Đến từ: Quang ninh
Thành viên: 12,412
--------------------
o0o-♥Công Chúa♥-o0o
Nhóm: Members
Bài viết: 1,195
Nhập: 28-May 06
Đến từ: hok biết nữa ...
Thành viên: 7,624
Vô Danh Kiếm
Nhóm: Members
Bài viết: 0
Nhập: 2-July 06
Đến từ: Thế Giới Vi Tính
Thành viên: 10,123
dangyeulanh
Nhóm: Members
Bài viết: 0
Nhập: 18-July 06
Thành viên: 11,324
Vincent vangogh
Nhóm: Members
Bài viết: 9
Nhập: 12-July 06
Đến từ: TP Huế
Thành viên: 10,762
bi
Nhóm: Members
Bài viết: 1
Nhập: 3-August 06
Đến từ: Nếu cuộc sống thay đổi thì liệuu quan niệm tinh yêu của bạn có thay đổi không ?
Thành viên: 12,665
quỳnh anh
Nhóm: Members
Bài viết: 1
Nhập: 28-September 06
Đến từ: đà nẵng
Thành viên: 16,219
hic ! lam` the' nao` de? down duoc nhac ta ?
--------------------
Tôi ko khóc khi trái đất nổ tung !
Tôi chỉ buồn khi người yêu tôi khóc !
Và tôi chỉ khóc khi người yêu tôi buồn ! ^^
-----------------------------------------------------------------------
Quỳnh anh !
Em là thành viên mới của diễn đàn , hy vọng được mọi người giúp đỡ ^0^
quỳnh anh
Nhóm: Members
Bài viết: 1
Nhập: 28-September 06
Đến từ: đà nẵng
Thành viên: 16,219
--------------------
Tôi ko khóc khi trái đất nổ tung !
Tôi chỉ buồn khi người yêu tôi khóc !
Và tôi chỉ khóc khi người yêu tôi buồn ! ^^
-----------------------------------------------------------------------
Quỳnh anh !
Em là thành viên mới của diễn đàn , hy vọng được mọi người giúp đỡ ^0^
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 1-October 06
Thành viên: 16,390
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 23-September 06
Thành viên: 16,013
Nhân viên
Nhóm: Members
Bài viết: 22
Nhập: 25-July 06
Thành viên: 12,078
Đông Phương Bất Bại
Nhóm: Members
Bài viết: 5
Nhập: 22-October 06
Đến từ: Nơi không ai biết mà biết cũng không ai ở
Thành viên: 17,741
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 30-October 06
Thành viên: 18,228
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 30-October 06
Thành viên: 18,228
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 31-October 06
Thành viên: 18,282
chang quan tam
Nhóm: Members
Bài viết: 0
Nhập: 23-October 06
Thành viên: 17,859
Thực tập viên
Nhóm: Members
Bài viết: 0
Nhập: 6-November 06
Thành viên: 18,626
bơm xe đạp
Nhóm: Members
Bài viết: 0
Nhập: 11-November 06
Đến từ: ninh bình
Thành viên: 18,872
bơm xe đạp
Nhóm: Members
Bài viết: 0
Nhập: 11-November 06
Đến từ: ninh bình
Thành viên: 18,872