Làm thế nào để Thêm và Định dạng Văn bản trong Dreamweaver - núm vú

Rất nhiều người ngạc nhiên vì họ dễ dàng tạo ra một trang web cơ bản với văn bản và hình ảnh trong Dreamweaver. Bạn có thể làm định dạng văn bản cơ bản bằng cách sử dụng các tùy chọn định dạng HTML của Dreamweaver, bao gồm tiêu đề và các thẻ đoạn văn. Bắt đầu với những thẻ HTML cơ bản này để giữ mọi thứ đơn giản lúc đầu.

Cách thêm văn bản vào trang web trong Dreamweaver

Để thêm văn bản vào một trang, bạn có thể chỉ cần nhấp để chèn con trỏ vào đầu trang và gõ. Nếu bạn muốn thêm văn bản mà bạn có ở một nơi khác, chẳng hạn như trong một tệp được tạo trong Microsoft Word, bạn có thể sao chép và dán văn bản vào Dreamweaver thay vì nhập lại nó.

Dreamweaver cung cấp nhiều cách để duy trì định dạng khi bạn sao chép và dán văn bản từ một chương trình khác. Tính năng này đặc biệt quan trọng khi bạn sao chép văn bản từ Microsoft Word vì nếu bạn chỉ cần dán văn bản như vậy, bạn có nguy cơ bao gồm nhiều mã bổ sung độc đáo cho Microsoft Word và có thể gây ra vấn đề trong trang web của bạn.

Bạn có thể thay đổi mặc định cho cách Dreamweaver xử lý định dạng khi bạn chọn Edit → Paste bằng cách thay đổi Preferences trong mục Copy / Paste. Bạn cũng có thể chọn Chỉnh sửa → Dán Đặc biệt để hiển thị các tùy chọn này bất kỳ lúc nào bạn dán nội dung mới.

Sau đây là bốn lựa chọn chính của bạn để chèn văn bản khi bạn chọn Edit → Paste Special cũng như ba cách để tinh chỉnh lựa chọn của bạn:

Chỉ văn bản: Dreamweaver dải bất kỳ định dạng và chèn nào văn bản thô.
Văn bản với Cấu trúc: Dreamweaver bao gồm các đoạn, danh sách, bảng và các tùy chọn định dạng kết cấu khác.
Văn bản với cấu trúc cơ bản Plus Định dạng: Dreamweaver bao gồm định dạng cấu trúc cũng như định dạng cơ bản, chẳng hạn như đậm và nghiêng.
Giữ lại các ngắt dòng: Ngắt dòng được bảo toàn, ngay cả khi bạn không giữ các tùy chọn định dạng khác. Tùy chọn này không khả dụng nếu bạn chọn Chỉ Văn bản.
Dọn dẹp khoảng cách đoạn văn bản: Tùy chọn này loại bỏ mã định dạng đặc biệt độc đáo cho Microsoft Word và không cần thiết (và không khuyến khích) cho văn bản trên web.
Thông báo thông minh để trích dẫn thẳng: Báo giá thông minh - tên phổ biến cho những trích dẫn nhím nhím mà các nhà thiết kế thích sử dụng trong các tài liệu in - yêu cầu một ký tự đặc biệt được hiển thị đúng trên web và rằng ký tự đặc biệt đó không hoạt động trong tất cả các trình duyệt web.Để tránh vấn đề tiềm ẩn này, hãy chọn hộp này và chuyển đổi tất cả các dấu ngoặc kép của bạn sang những dòng thẳng.
Làm thế nào để định dạng văn bản với các thẻ tiêu đề trong Dreamweaver Một trong những lựa chọn định dạng tốt nhất cho tiêu đề là tập hợp các thẻ tiêu đề. Trong HTML, sử dụng các thẻ tiêu đề (

,

, v.v.) để định dạng văn bản làm tiêu đề hoặc tiêu đề cung cấp nhiều lợi thế. Thẻ đầu đề được thiết kế để được hiển thị với kích thước tương đối, với

lớn nhất,

nhỏ hơn,

nhỏ hơn, và như vậy thông qua

.

Vì vậy, dù kích thước văn bản mặc định của một trang web là gì (và kích thước văn bản có thể thay đổi do cài đặt trình duyệt và nền tảng máy tính), mọi văn bản được định dạng với thẻ

luôn luôn lớn hơn văn bản được định dạng với

.

Phổ biến tin tưởng rằng nhiều công cụ tìm kiếm ưu tiên các từ khoá trong văn bản được định dạng với thẻ

vì văn bản quan trọng nhất trên một trang thường được bao gồm trong tiêu đề có kích thước lớn nhất. Tương tự, các chuyên gia công cụ tìm kiếm sẽ cho bạn biết rằng bạn chỉ nên sử dụng thẻ

một lần mỗi trang.

Để định dạng văn bản với thẻ tiêu đề, hãy làm theo các bước sau:

Làm nổi bật văn bản bạn muốn định dạng.

Trong thanh tra thuộc tính, ở dưới cùng của không gian làm việc, đảm bảo nút HTML ở bên trái của thanh tra được chọn.

Sử dụng danh sách thả xuống Định dạng để chọn một tuỳ chọn tiêu đề.

Khi thẻ tiêu đề được áp dụng, văn bản sẽ tự động thay đổi để trở nên lớn và đậm trong chế độ xem thiết kế.

Tín dụng: Ảnh của Casey Stoll

Nói chung, thanh tra thuộc tính là cách đơn giản nhất để áp dụng định dạng cơ bản, nhưng bạn có thể tìm thấy các tùy chọn định dạng HTML này bằng cách chọn Format → Paragraph Format và sau đó chọn một tùy chọn heading từ xuất hiện.

Làm thế nào để thêm đoạn văn và ngắt dòng trong Dreamweaver

Khi bạn tạo ra các thiết kế trang cho web, bạn phải làm việc trong nhiều giới hạn có thể có vẻ khó hiểu lúc đầu. Thiết kế web và thiết kế in là khác nhau cơ bản, và có thể làm cho ngay cả những công việc dường như đơn giản hơn phức tạp hơn bạn mong đợi. Làm thế nào bạn tạo đoạn văn và ngắt dòng là một ví dụ tốt.

Nếu bạn đang làm việc trong chế độ xem thiết kế trong Dreamweaver và nhấn phím Enter (Windows) hoặc phím Quay lại (Mac), Dreamweaver chèn một thẻ đoạn hoặc

trong mã, tạo ra một ngắt dòng sau bởi một dòng trống.

Nếu bạn muốn ngắt dòng mà không cần thêm dòng trống, giữ phím Shift trong khi bạn nhấn Enter (hoặc Return) để nói với Dreamweaver để chèn thẻ

vào mã, tạo một ngắt dòng đơn.

Thực tiễn tốt nhất là tránh sử dụng nhiều đoạn hoặc các thẻ gãy để tạo thêm không gian trong một trang web (và không phải tất cả các trình duyệt sẽ duy trì không gian trống nếu bạn tạo nó theo cách đó). Nếu bạn muốn thêm rất nhiều không gian giữa các đoạn văn hoặc các phần tử khác trên trang, lựa chọn tốt nhất của bạn là sử dụng CSS.

Nếu bạn đang làm việc trong chế độ xem mã và thêm khoảng trống bằng cách sử dụng phím Enter hoặc Return, bạn thêm khoảng trắng vào trong mã. Không gian thêm trong mã HTML có thể hữu ích vì không gian thêm có thể làm cho mã dễ đọc hơn nhưng nói chung, nó không ảnh hưởng đến cách một trang được hiển thị trong khung nhìn Thiết kế hoặc trong trình duyệt web.