Video: Thiết kế web - 01 Thiết kế web với Dreamweaver 2025
Tạo một trang web trong Adobe Creative Suite 5 (Adobe CS5) Dreamweaver là một công việc đơn giản. Việc hiểu được HTML cơ bản mà nó tạo ra đòi hỏi một lời giải thích nhỏ. Trang web có thể phức tạp hoặc đơn giản như bạn muốn và cả hai loại đều hiệu quả như nhau nếu được tạo đúng cách.
Dreamweaver hoạt động ở chế độ nền để đảm bảo rằng trang mới của bạn hoạt động ở hầu hết tất cả các phiên bản gần đây của các trình duyệt web phổ biến, chẳng hạn như Firefox, Internet Explorer và Safari. Rất nhiều mã được tạo ra để giúp trình duyệt web nhận ra rằng đây là HTML và phiên bản HTML mà nó sử dụng.
Theo mặc định, Dreamweaver sử dụng XHTML 1. 0 Tiêu chuẩn chuyển tiếp mỗi khi bạn tạo một trang HTML mới. XHTML kết hợp chặt chẽ với XML (Extensible Markup Language) với các thẻ HTML để tạo ra một ngôn ngữ hoạt động độc lập và nhất quán trên các trình duyệt web và các thiết bị mới (như điện thoại di động và PDA).
-
Để tạo một trang trống, chọn File → New → Blank Page → HTML → và sau đó nhấp vào Create.
Trang HTML trống, không có tiêu đề xuất hiện. Nó không có định dạng cho đến khi bạn thêm các bảng hoặc các lớp.
-
Nhập một số văn bản (nói tên của bạn) trên trang và nhấp vào nút Mã trên thanh công cụ Tài liệu.
Khi bạn nhập vào trang trong tài liệu, văn bản xuất hiện trên trang web. Nhưng có nhiều điều hơn thế.
-
Chọn Chế độ xem Chia bằng cách nhấp vào nút Chia trên thanh công cụ Tài liệu.
Tác vụ này hiển thị cả chế độ xem Thiết kế và Mã số đồng thời, để bạn có thể thấy các thay đổi của bạn ảnh hưởng đến HTML ở hậu trường như thế nào.
Làm việc trong chế độ xem Chia giúp bạn xem các phần tử trang của bạn được tạo và định dạng bằng các thẻ HTML như thế nào.
-
Chọn văn bản.
-
Chọn tùy chọn Văn bản từ danh sách thả xuống Chung trên bảng Chèn.
Giả sử bạn chọn B (để in đậm) để in đậm văn bản đã chọn. Trong chế độ xem mã của trang của bạn, bạn sẽ thấy thẻ được thêm trước khi văn bản và thẻ được thêm vào sau văn bản.
Bạn có thể thay đổi hướng và sắp xếp các chế độ xem trong Chế độ xem Chia. Để chuyển chế độ xem Thiết kế từ phải sang trái, hãy chọn Chế độ xem → Chế độ xem Thiết kế ở bên trái. Để sắp xếp các khung nhìn theo chiều dọc, chọn View → Split Vertically. Lưu ý: Bạn có thể đảo ngược các tùy chọn này cũng dễ dàng từ các tùy chọn tương tự trên trình đơn Xem.
