Hơn 100 mẹo và kỹ thuật Dreamweaver khác nhau
Adobe Dreamweaver là một công cụ mạnh mẽ cho các nhà thiết kế web, bởi vì nó có rất nhiều thứ bạn có thể làm với nó. Tất nhiên, tất cả những điều bạn có thể làm đều gây khó khăn cho việc học. Tìm hiểu một số điều mà Dreamweaver có thể làm, bao gồm cả những thay đổi trong phiên bản mới nhất, CS5. Và đừng quên kiểm tra những thứ còn thiếu trong Dreamweaver CS5 .
Xác định trang web
- Bắt đầu một trang web mới
- Tạo một trang web
- Chỉ thiết lập các phần của trang web mà bạn cần, khi bạn cần chúng * Mới trong CS5
- Thiết lập máy chủ từ xa, QA và thử nghiệm để có quy trình làm việc hoàn chỉnh hơn * Mới trong CS5
- Tạo và xuất bản thư mục mới
- Thay đổi loại tài liệu
- Bao gồm dữ liệu meta trong các trang của bạn
Đặt trang web của bạn trực tiếp
- Xác định một trang web từ xa
- Các tệp FTP tới máy chủ Web
- Sử dụng hệ thống kiểm soát phiên bản để kiểm tra tệp trong và ngoài
- Kết nối với Subversion để kiểm soát phiên bản nâng cao hơn * Mới trong CS5
- Để lại ghi chú cho đồng đội của bạn
Tạo trang web
- Viết một trang ở chế độ WYSIWYG
- Viết một trang bằng HTML
- Tạo một trang mới từ một mẫu
- Tạo một trang mới từ đầu
- Tạo mẫu
- Lưu tệp vào thư mục trang web của bạn
- Xác định thuộc tính trang
CSS
- Sử dụng các tờ kiểu CSS
- Thêm kiểu nội tuyến
- Tạo bảng kiểu ngoài
- Đính kèm một biểu định kiểu bên ngoài
- Tạo lớp, ID, thẻ và các bộ chọn CSS ghép
- Chỉnh sửa các quy tắc CSS hiện có
- Tạo CSS cho các trang có thể in
- Bật và tắt thuộc tính kiểu dáng * Mới trong CS5
- Kiểm tra mô hình hộp CSS trực quan * Mới trong CS5
Bản văn
- Sửa đổi văn bản
- Sử dụng phông chữ khác nhau
- Chèn ngắt dòng
- Sử dụng các ký tự đặc biệt
- Bao gồm ngày hôm nay
- Viết nhận xét
- Áp dụng thẻ HTML cho văn bản
- Thêm thuộc tính HTML vào thẻ
Liên kết
- Liên kết văn bản và hình ảnh
- Kiểm tra liên kết trang web
- Thay đổi màu liên kết mặc định (liên kết, đã truy cập, di chuột, đang hoạt động)
- Tạo các mẹo công cụ trên các liên kết
- Tạo liên kết mailto
- Tạo neo trang web
Hình ảnh
- Thêm đồ họa vào một trang
- Chỉnh sửa hình ảnh
- Thay đổi kích thước hình ảnh
- Thêm văn bản thay thế vào hình ảnh
- Thêm tùy chọn trợ năng bổ sung vào hình ảnh
- Căn chỉnh hình ảnh và văn bản
- Tạo hình ảnh di chuột qua
- Sử dụng bản đồ hình ảnh
- Sử dụng hình ảnh truy tìm
- Sử dụng trình giữ chỗ hình ảnh
- Chèn Fireworks HTML
- Chèn tệp Photoshop
Bố trí
- Sử dụng các tempates miễn phí bao gồm * Bố cục khởi động CSS mới trong CS5
- Chèn div cho bố cục
- Chỉnh sửa div trong bảng kiểu CSS
- Chèn các phần tử được định vị hoàn toàn
- Định dạng các phần tử được định vị hoàn toàn trong trình kiểm tra thuộc tính
- Sử dụng thước kẻ, lưới và hướng dẫn
Danh sách
- Thêm danh sách có dấu đầu dòng và được đánh số
- Tùy chỉnh dấu đầu dòng và số danh sách
Những cái bàn
- Tạo bảng
- Thêm hàng và cột tiêu đề
- Sử dụng hình ảnh trong suốt để giữ các ô bảng mở
- Tạo chiều rộng cố định và cột chiều rộng linh hoạt
- Thay đổi kiểu đường viền của bảng
- Nhúng bảng trong bảng
- Nhập dữ liệu dạng bảng
Các hình thức
- Sử dụng biểu mẫu mailto
- Xác định hành động biểu mẫu
- Thêm hộp văn bản, radio, hộp kiểm, tệp, hình ảnh, hộp chọn và trường biểu mẫu ẩn
- Làm cho các biểu mẫu của bạn có thể truy cập được bằng các trường trường và nhãn
- Tạo nút gửi tùy chỉnh
- Xác thực biểu mẫu bằng JavaScript (Spry)
Cơ sở dữ liệu và PHP Scripting
- Đính kèm trang web của bạn vào cơ sở dữ liệu
- Thiết lập trang web PHP / mySQL
- Sử dụng các phần tử Spry để kết nối với cơ sở dữ liệu
- Chèn các đối tượng dữ liệu vào các trang của bạn
- Kiểm tra và cập nhật nguồn dữ liệu Spry hoặc hiển thị
- Chỉnh sửa các trang web động phức tạp trong chế độ xem thiết kế
- Khám phá tất cả các tệp có liên quan động để tập hợp các trang web PHP CMS (WordPress, Joomla và Drupal) * Mới trong CS5
- Tùy chỉnh lớp gợi ý cho mã PHP, bao gồm các khung bên thứ ba như khung công tác Zend * Mới trong CS5
Khung
- Tạo trang web có khung
- Chỉnh sửa nội dung noframes
- Định dạng và tạo kiểu cho khung của bạn
- Thiết lập mục tiêu liên kết mặc định giữa các khung
Thêm tương tác
- Tạo album ảnh (Không còn trong CS5)
- Thêm âm thanh vào các trang web
- Tạo menu thả xuống
- Sử dụng hành vi Dreamweaver để mở cửa sổ bật lên, tạo menu nhảy, phát âm thanh, trao đổi hình ảnh và hơn thế nữa
- Thêm nguồn cấp dữ liệu RSS vào trang web
- Chèn văn bản Flash dưới dạng rollover
- Chèn văn bản CSS dưới dạng rollover
- Chèn các plugin khác
- Thêm thanh menu Spry, các tab được gắn thẻ, accordion, mẹo công cụ và bảng điều khiển có thể thu gọn
- Sử dụng Trình duyệt tiện ích con để tìm các tiện ích mới cho trang web của bạn mà không cần biết JavaScript
Kiểm tra trang của bạn
- Kiểm tra các trang của bạn trong Chế độ xem trực tiếp để xem các thay đổi do JavaScript và tương tác * Mới trong CS5
- Xác thực HTML của bạn
- Xem trước các trang của bạn trong một số trình duyệt
- Sử dụng BrowserLab để xem trước các trang của bạn trong các hệ điều hành khác * Mới trong CS5
- Sử dụng Trung tâm thiết bị để kiểm tra xem các trang trông như thế nào trên thiết bị di động
- Kiểm tra tính tương thích của trình duyệt
- Thay đổi cài đặt để phù hợp với những gì trang web của bạn cần làm việc
- Kiểm tra các liên kết trang nội bộ
- Kiểm tra khả năng truy cập trang web của bạn (Không còn trong CS5)
- Chuyển đổi tài liệu Word thành HTML
Tùy chỉnh Dreamweaver
- Thêm tiện ích mở rộng
- Tắt tiện ích mở rộng
- Tùy chỉnh Dreamweaver bằng phím tắt
Tăng hiệu quả của bạn
- Sử dụng phím tắt tích hợp
- Sử dụng đoạn mã
- Tạo và sử dụng các mẫu
- Tạo các trang mới từ các mẫu tùy chỉnh
- Cập nhật mẫu
- Bao gồm một tệp trong thư mục khác với thư viện Dreamweaver
- Cập nhật mục thư viện
- Bao gồm một tệp trong một tệp khác bằng SSI
- Sử dụng tìm kiếm và thay thế