Giới Thiệu
Phiên bản mới nhất Adobe Dreamweaver 2020 cung cấp cho bạn các cách nhanh hơn, dễ dàng hơn để thiết kế, viết mã và xuất bản các trang web và ứng dụng web trông tuyệt vời trên mọi kích thước màn hình.
Dreamweaver hỗ trợ tất cả các tiêu chuẩn web từ HTML cơ bản, đến CSS, Javascript và tất cả các chức năng hiện đại, bao gồm cả Bootstrap. Nó tập trung vào việc tạo các trang web responsive với thiết bị mà khách truy cập đang xem (có thể là máy tính, máy tính bảng hoặc điện thoại), nhưng tất nhiên không có gì ngăn bạn tạo các trang web không hỗ trợ responsive và hướng dẫn trang web của bạn chuyển hướng đến các trang cụ thể tùy thuộc trên thiết bị mà nó đang được xem.
Nếu bạn chưa quen với Dreamweaver, ứng dụng sẽ cung cấp cho bạn một vài mẫu để bắt đầu. Những điều này rất hữu ích để giúp bạn bắt đầu phát biểu và thường có thể hữu ích hơn là bắt đầu thiết kế với một trang web trắng.
Tuy nhiên, không có nhiều mẫu để lựa chọn và đừng để bị lừa khi nghĩ rằng Dreamweaver sẽ làm tất cả công việc cho bạn: hãy coi các trình giữ chỗ như nguồn cảm hứng để bạn tự đi và tùy chỉnh các trang đó.
Tuy nhiên, không có nhiều mẫu để lựa chọn và đừng để bị lừa khi nghĩ rằng Dreamweaver sẽ làm tất cả công việc cho bạn.
Xây Dựng Một Trang Web
Giao diện được chia thành nhiều phần khác nhau có thể được tùy chỉnh ở một mức độ nào đó. Thanh bên ở phía bên trái cho phép bạn truy cập vào các lệnh thông thường, chẳng hạn như mở tài liệu, quản lý tệp và tùy chọn Live View.
Các tab ở bên phải là nơi bạn quản lý các tệp của trang web và libraries CC. Có một danh sách các mục bạn có thể kéo và thả vào trang của mình, cũng như một phần để thiết kế trang CSS.
Và phần chính của giao diện được dành riêng cho mã Code của bạn hoặc bản xem trước của trang bạn đang xây dựng.
Bạn có thể dễ dàng chuyển đổi giữa xem toàn bộ bản xem trước trang của mình (cùng với các tùy chọn để mô phỏng trang trông như thế nào trên các màn hình có kích thước khác nhau), chỉ hiện thị code hoặc kết hợp cả hai.
Để thay đổi các phần của trang (như hình ảnh hoặc văn bản), việc mở cửa sổ Properties sẽ cho phép bạn thực hiện các thay đổi bạn cần. Thậm chí có một cách dễ dàng để kéo một biểu tượng icon vào một hình ảnh khác trong tab File để chuyển đổi thành hình ảnh một cách nhanh chóng và dễ dàng.
Mặc dù có các tính năng như vậy, nhưng nếu bạn không có kiến thức về Code, bạn sẽ bị lạc khá nhanh. Bạn có thể kéo và thả các mục từ tab “Insert” vào Bản xem trước của trang, nhưng điều này sẽ chỉ giúp bạn thiết kế nhanh hơn và bạn sẽ thấy mình phải đi sâu vào Code một cách nhanh chóng và thường xuyên, để thực hiện các thay đổi bạn cần.
Dreamweaver cố gắng làm cho nó trở nên dễ dàng: highlight text trong phần xem trước và văn bản tương tự được highlighted trong Code, cắt giảm thời gian bạn dành để tìm kiếm cùng một section. Điều ngược lại cũng đúng: highlight một số code và phần nó liên quan đến các điểm highlight trong khu vực xem trước.
Đây có lẽ là một lý do tại sao chúng tôi cảm thấy chế độ Split view là tùy chọn tốt nhất vì nó cho phép bạn kéo và thả các mục, sau đó nhúng vào mã để thực hiện các thay đổi bạn cần trong vài giây.
Một cải tiến khác mà chúng tôi đánh giá cao, đó là gợi ý về code: giống như khi bạn nhập trên điện thoại và giao diện cung cấp cho bạn lựa chọn từ mà nó cho rằng bạn hiện đang nhập để bạn có thể chọn từ phù hợp nhanh hơn là nhập toàn bộ, hãy bắt đầu viết mã trong Dreamweaver và bạn sẽ được cung cấp các gợi ý khi làm như vậy. Nó không chỉ giúp bạn viết nhanh hơn mà còn có thể giúp bạn nhập mã chính xác và tránh lỗi chính tả. Chúng tôi cảm thấy điều này có thể mang lại lợi ích to lớn cho những người chuyên nghiệp cũng như người mới.
Các Tính Năng Mới
Tính Năng On Edit Linting
Trong phiên bản mới nhất, tính năng chỉnh sửa linting được giới thiệu để nâng cao khả năng linting tự động . Cải tiến mới cho phép bạn xem đồng thời các lỗi và cảnh báo trong output panel trong khi chỉnh sửa các tệp HTML (.htm và .html), CSS, DW Templates và JavaScript.
Chỉnh Sửa Chế Độ Xem Trực Tiếp Liền Mạch
Trong chỉnh sửa chế độ xem trực tiếp, các quy trình làm việc xung quanh việc tạo mã, focus, các tùy chọn chỉnh sửa và hơn thế nữa được tinh chỉnh thêm.
Trong phiên bản này, khả năng chỉnh sửa của các phần tử có nội dung động đã được cải thiện.
Ngoài ra, bạn có thể tiếp tục sử dụng tùy chọn auto-push để tự động đẩy các tài liệu đã chỉnh sửa đến máy chủ testing khi lưu nó.
Tích Hợp Bootstrap 4.4.1
Dreamweaver hiện đã có phiên bản Bootstrap 4.4.1 được tích hợp trong bản phát hành 20.1.
Theo mặc định, một trang web mới được tạo bằng Bootstrap phiên bản 4.4.1. Ngoài ra, thành phần Spinners và các đoạn mã snippets như Toasts cũng được giới thiệu trong phiên bản này.
Tóm Tắt Các Tính Năng Mới
- Thiết kế và xây dựng các trang Web tiêu chuẩn
- Mã hóa được tích hợp với môi trường đồ họa
- Hỗ trợ các công nghệ web và ngôn ngữ lập trình
- Hỗ trợ JavaScript, ActionScript, CSS, ASP, PHP, HTML
- Thiết kế và phát triển nhiều trang động dựa trên công nghệ Ajax
- Khả năng tự động phát hiện loại chương trình mã lập trình
- Xem và chỉnh sửa các trang web được thiết kế trực tuyến
- Khả năng tải lên các trang trực tiếp trên các máy chủ
- Công cụ thiết kế mới và hỗ trợ tích hợp công nghệ CSS
- Tương thích hoàn toàn với các tiêu chuẩn web mới nhất
- Hỗ trợ nhiều màn hình dành cho người dùng Windows
- Giao diện người dùng được thiết kế lại, hiện đại hơn
- Tăng cường tích hợp Bootstrap và hỗ trợ phiên bản mới nhất
- Truy cập hàng ngàn phông chữ Adobe ngay lập tức để sử dụng
