Khi bắt đầu lập trình web' class='hover-show-link replace-link-1315'>học lập trình web , bạn có thể đã nghe đến Dreamweaver - một trình chỉnh sửa WYSIWYG (What You See Is What You Get). Trong bài viết này, chúng ta sẽ đi chi tiết để bạn có thể tạo một trang web bằng Dreamweaver.
Dreamweaver là gì?
Dreamweaver, hay Adobe Dreamweaver CC, là một công cụ nổi tiếng dùng để xây dựng website, được xem như sự kết hợp giữa các trình chỉnh sửa WYSIWYG và HTML. Dreamweaver ban đầu được phát triển bởi Macromedia và sau đó được Adobe Inc. thâu tóm vào năm 2005.
Dreamweaver là một phần mềm integrated development environment (IDE), có cung cấp các công cụ hỗ trợ phát triển ứng dụng web. Nó có khả năng xây dựng và thiết kế website thông qua phương pháp kéo thả, đồng thời cũng có thể sử dụng như một trình chỉnh sửa mã nguồn để chỉnh sửa trực tiếp.
Những tính năng độc nhất
Khi sử dụng Dreamweaver, bạn có lợi thế sử dụng các thư viện và ưu tiên của Adobe. Điều này bao gồm giao diện thiết kế quen thuộc và các tính năng mạnh mẽ như syntax highlighting (tự động làm nổi bật các phần code khác nhau), code completion (tự động hoàn thành code), CSS documentation (tài liệu hỗ trợ liên quan đến CSS), Bootstrap 4 ready và hỗ trợ Git.
Hướng dẫn Dreamweaver: xây dựng website
Để tạo một trang web bằng Dreamweaver, bạn có thể làm như sau:
1. Tạo một trang mới
Trong giao diện quản lý của Dreamweaver, vào Site -> New Site để tạo một thư mục mới cho trang web của bạn. Đặt tên và lưu nó vào thư mục trên máy tính của bạn.
2. Tạo một file Trang Chủ
Trong giao diện làm việc của Dreamweaver, vào File -> New -> New Document và chọn HTML làm loại tệp tin. Đặt tiêu đề cho tài liệu và lưu nó dưới dạng index.html trong thư mục trang web của bạn.
3. Tạo header
Thêm header vào trang web bằng cách chọn yếu tố <body> và nhấn vào nút Insert. Tìm và chọn yếu tố Header trong giao diện chọn yếu tố HTML.
4. Thêm chuyển hướng tới trang chủ
Thêm nút chuyển hướng tới trang chủ bằng cách chọn yếu tố Navigation trong giao diện chọn yếu tố HTML. Sau đó, thêm liên kết hyperlink và chỉnh sửa nội dung của nó.
5. Thêm mô tả website
Thêm tiêu đề thứ hai và mô tả vào header bằng cách chọn yếu tố H2 và Paragraph trong giao diện chọn yếu tố HTML.
6. Tạo một tệp CSS
Tạo một tệp CSS bằng cách chọn yếu tố Header và chọn Create a New CSS file. Đặt tên cho tệp CSS và lưu nó trong thư mục trang web của bạn. Sau đó, tạo các CSS Selector và áp dụng các thuộc tính CSS cho các yếu tố trên trang web của bạn.
7. Xem site trên giao diện di động
Sử dụng giao diện di động tích hợp trong Dreamweaver để xem trước trang web trên thiết bị di động. Bạn cũng có thể quét mã QR hoặc nhập URL để xem trang web trên thiết bị di động thật.
8. Xuất bản website của bạn trực tuyến
Kết nối Dreamweaver với máy chủ hosting bằng cách tạo kết nối FTP và sau đó tải lên trực tuyến từ Dreamweaver.
Đó là hướng dẫn Dreamweaver toàn diện để tạo và xuất bản website trực tuyến. Hãy thử tạo một trang web đầu tiên của bạn bằng Dreamweaver và khám phá các tính năng thú vị khác của nó!