Dreamweaver là gì?
Dreamweaver là một chương trình phần mềm để thiết kế web, về cơ bản là một trình soạn thảo lập trình và web HTML đầy đủ tính năng hơn. Chương trình cung cấp giao diện WYSIWYG để tạo và chỉnh sửa các trang web. Dreamweaver hỗ trợ nhiều ngôn ngữ đánh dấu , bao gồm HTML, XML , CSS và JavaScript . Đối với ngôn ngữ của con người, nó hỗ trợ tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp, tiếng Đức, tiếng Nhật, tiếng Trung, tiếng Ý, tiếng Nga và nhiều ngôn ngữ khác.
Dreamweaver ban đầu được phát triển và xuất bản bởi Macromedia vào năm 1997. Adobe đã mua Macromedia (bao gồm các quyền đối với Dreamweaver) vào năm 2005 và tiếp tục phát triển chương trình. Nhiều tính năng của Dreamweaver làm nó trở thành một công cụ chỉnh sửa web linh hoạt, được dùng để tạo các trang web phức tạp hoặc đơn giản.
Dreamweaver CC vừa là trình soạn thảo WYSIWYG vừa là trình soạn thảo mã cho PC Windows và Mac. Nó có thể đọc các mẫu WordPress, Joomla và Drupal và nó bao gồm một hệ thống lưới để thực hiện thiết kế web responsive. Dreamweaver cung cấp nhiều công cụ để phát triển web di động bao gồm tạo ứng dụng gốc cho thiết bị iOS và Android.
Dreamweaver CC chỉ khả dụng khi đăng ký Adobe Creative Cloud trên gói hàng tháng hoặc hàng năm. Các gói bao gồm phiên bản mới nhất của phần mềm, 100GB dung lượng lưu trữ đám mây cho các tệp, porfolio, phông chữ cao cấp và các công cụ truyền thông xã hội. Dreamweaver cũng có sẵn như là một phần của đăng ký Tất cả ứng dụng bao gồm hơn 20 ứng dụng bao gồm Photoshop CC, Illustrator CC và Adobe XD CC.
Tính năng Dreamweaver
Adobe thường xuyên bổ sung các tính năng nâng cao và cập nhật giao diện của Dreamweaver. Những cải tiến gần đây bao gồm:
Bootstrap 4.0.0
Hỗ trợ đa màn hình (Windows)
Hỗ trợ cho màn hình HiDPI
Xem trước thiết bị
Xem trực tiếp cz-lekarna.com
Hỗ trợ PHP 7
Cải tiến hỗ trợ GIT
Cải thiện tìm và thay thế
Trình chỉnh sửa mã được cải thiện với sự hỗ trợ của Emmet
Thiết kế đáp ứng
Trích xuất với xuất hàng loạt
Kiến trúc 64 bit
Mẫu khởi xướng
Hướng dẫn trực tiếp
Hỗ trợ chứng chỉ
Quản lý trang web
Chèn phần tử HTML5 nhanh hơn
Phông chữ web Adobe Edge
Trình chỉnh sửa CSS trực quan
Xem trước trình duyệt thời gian thực
Hỗ trợ mã hóa thông minh
Hỗ trợ CMS tích hợp
http://bit.ly/2ZlKIKhTài liệu giáo trình thiết kế web bằng dreamweaver cs6
Bước 1: Tạo trang web mới
Bước đầu tiên là tạo một trang web mới: Trang web> Trang web mới.
Bước đầu tiên là đặt tên cho trang web. Sau đó, chọn nơi để lưu nó.
Chỉnh sửa Thông tin trong Cài đặt nâng cao. Nhấp vào biểu tượng thư mục ở bên phải – Hình ảnh mặc định. Sau đó, đi đến thư mục trang web mới tạo, tạo một thư mục hình ảnh mới và chọn đó là thư mục mặc định. Bằng cách đó, Dreamweaver sẽ tự động lưu hình ảnh được liên kết với trang web ở đó.
Bấm Lưu để quay lại không gian làm việc của bạn.
Bước 2: Tạo tệp trang chủ
Nếu Dreamweaver không cung cấp tùy chọn, hãy đi tới Tệp> Mới. Bạn có thể tạo một tệp hoàn toàn mới hoặc sử dụng một mẫu hiện có.
HTML được đặt theo mặc định và bạn có thể để nguyên như vậy. Đối với tiêu đề tài liệu, nhập index.html và chọn Tạo như màn hình sau:
Bước 2: Tạo tiêu đề
Để chèn một yếu tố vào trang, trước tiên bạn cần chọn vị trí của nó. Nhấp vào trang trống (Dreamweaver sẽ tự động chọn thành <body> ) hoặc đặt con trỏ vào cùng một phần tử trong phần mã của màn hình.
Sau đó, bạn cần chuyển đến tab Chèn ở góc trên bên phải, nó sẽ cấp một danh sách các thành phần trang web và HTML phổ biến mà bạn có thể thêm vào trang web. Cuộn xuống cho đến khi bạn có thể thấy tuỳ chọn Tiêu đề.
Sau đó, bạn quay lại Chèn, nhấp vào mũi tên bên cạnh Tiêu đề và chọn H1, để tiêu đề trang thành một thẻ HTML H1.
Bước 4: Tạo một tệp CSS
CSS là phần cung cấp tất cả các kiểu dáng trên trang web. Nó cho phép bạn xác định màu sắc, kích thước của các yếu tố, loại phông chữ và kích thước..vv..
Bạn có thể thêm CSS ngay bên trong tài liệu HTML hoặc là tạo một tệp chuyên dụng cho tất cả các kiểu CSS của toàn bộ trang web.
Bước đầu tiên là cung cấp cho tiêu đề mới một layer hoặc id CSS, Dreamweaver cũng sẽ nhắc bạn tạo một tệp bảng kiểu. Chuyển đến menu DOM ở phần dưới bên phải của màn hình, liệt kê toàn bộ cấu trúc trang web.
Nhấp vào dấu cộng và nhập vào #header. Hashtag có nghĩa là bạn đang gán một id với một lớp layer. Bấm phím Enter. Trong menu mở, chọn Tạo tệp CSS mới . Trong cửa sổ bật lên, chọn Duyệt và điều hướng đến thư mục trang web. Sau đó nhập style.css (là tên tiêu chuẩn cho biểu định kiểu) vào trường Tên tệp và nhấn Lưu .
Khi bạn chọn Ok, một tệp mới sẽ xuất hiện ở đầu chế độ xem trực tiếp. Bạn có thể xem và chỉnh sửa nó từ đó. Nó cũng sẽ được liên kết với <head>phần của phần HTML trên trang.
Dec 25 2019, 09:00 AM
