Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Tháng mười một 2024)
Adobe có thể đã nghỉ ngơi trên vòng nguyệt quế của mình khi cập nhật Dreamweaver lên phiên bản mới nhất của mình trong dịch vụ Creative Cloud dựa trên đăng ký là Dreamweaver CC. Trong phiên bản trước đó là Dreamweaver CS6, một phần của Creative Suite 6 của Adobe, trình chỉnh sửa trang web tiên tiến của Adobe đã có rất ít hoặc không có cạnh tranh nghiêm trọng như một công cụ để tạo và duy trì các trang web đa nền tảng ngày nay. Ví dụ, Dreamweaver CS6 đã giới thiệu bố cục Web "lưới chất lỏng" sẵn sàng sử dụng CSS để tự động định hình lại các trang web theo kích thước màn hình, giúp dễ dàng xây dựng một trang web sử dụng với điện thoại, máy tính bảng và máy tính để bàn mà không cần phức tạp Mã hóa CSS yêu cầu trước đây.
Dreamweaver CC mới tăng cường tính năng lưới chất lỏng bằng cách hỗ trợ các yếu tố cấu trúc HTML5 như Phần và Bài viết. Nó cũng thêm một công cụ tiết kiệm công sức không kém, Trình thiết kế CSS mới sử dụng giao diện đồ họa tương tác để sửa đổi các thuộc tính CSS như bóng và góc cong, vì vậy bạn chỉ cần nhấp và kéo để sửa đổi mã CSS phức tạp trong khi nhìn thấy kết quả trong thực tế thời gian. Hỗ trợ đầy đủ cho các phông chữ dựa trên Web, được tải xuống từ các máy chủ của Adobe trong khi trình duyệt tải một trang, giúp dễ dàng tạo ra các thiết kế bắt mắt. Ngoài ra, giống như phần còn lại của bộ Creative Cloud, Dreamweaver cũng có giao diện đơn giản hóa và dễ dàng tùy chỉnh hơn và hoạt động giống hệt nhau trong cả Windows và OS X.
Pro và Semi-Pro
Dreamweaver là một công cụ cấp độ chuyên nghiệp đáng để có nếu bạn có thể mua nó ngay cả khi bạn không chuyên nghiệp. Người dùng Dreamweaver lần đầu có thể bị đe dọa bởi vô số menu và bảng thuộc tính trong bố cục mặc định, nhưng sẽ sớm hiểu rõ cách sử dụng chúng để truy cập nhanh vào các điều khiển nâng cao trên các phần tử CSS hoặc chuyển nhanh giữa các màn hình hiển thị một trang web sẽ nhìn khi được in hoặc khi được hiển thị trên các màn hình kích thước khác nhau. Các nhà thiết kế Web nâng cao có thể nhấp vào một menu các tiện ích UI dựa trên JavaScript vào mã của họ để tạo các hộp thoại bật lên, bộ chọn ngày, menu kiểu accordion và mọi thứ khác trong các hiệu ứng UI hiện tại. Nhưng ngay cả những người dùng kém nâng cao hơn cũng có thể tạo các trang web tuân thủ HTML5 linh hoạt, trông đẹp trên mọi nền tảng.
Bắt đầu dệt ước mơ
Bắt đầu từ một trang trống hoặc bố cục mẫu, bạn nhấp vào các mục trong bảng Chèn để thêm các thành phần như mẫu (với các vùng có thể chỉnh sửa và không thể chỉnh sửa), đa phương tiện (HTML5 hoặc Flash) và các tính năng HTML tiêu chuẩn. Màn hình mặc định được chia thành khung mã và ngăn thiết kế WYSIWYG, nhưng bạn có thể chọn cái này hoặc cái kia hoặc làm cho ngăn thiết kế "Live" để xem nội dung đa phương tiện như video hoặc nội dung sẽ được cung cấp từ cơ sở dữ liệu khi Trang xuất hiện trong trình duyệt. Một điều tôi ngưỡng mộ về Dreamweaver là nó không ưu tiên các công nghệ độc quyền của Adobe như Flash hơn các tiêu chuẩn mở như video HTML5, nhưng cung cấp sự hỗ trợ như nhau cho cả hai và thậm chí còn cung cấp trình phát video HTML5 đẹp hơn và dễ sử dụng hơn so với tích hợp Flash player.
Khi bạn xây dựng một trang với tính năng lưới chất lỏng của Dreamweaver, trước tiên, ứng dụng sẽ tạo một trang chứa một lưới các cột dọc có thể nhìn thấy trong Dreamweaver chứ không phải khi trang xuất hiện trong trình duyệt. Theo mặc định, một trang được thiết kế cho điện thoại phù hợp với bốn trong số các cột vô hình này. Khi cùng một trang được hiển thị trên một máy tính bảng, nó sẽ lấp đầy tám cột và mười hai cột khi được hiển thị trên máy tính để bàn.
Khi bạn chuyển đổi giữa các kích thước màn hình trong cửa sổ chỉnh sửa của Dreamweaver, nội dung trang web của bạn sẽ tự sắp xếp lại để phù hợp với chiều rộng mà bạn đã chỉ định cho loại màn hình cụ thể và bạn có thể sử dụng bảng CSS Designer để điều chỉnh hình dạng, kích thước và các thuộc tính khác của các yếu tố riêng biệt để phù hợp với các kích thước màn hình khác nhau.