Buzz
Phiên bản Dreamweaver CC 2015 đã giới thiệu các mẫu email HTML để giải quyết vấn đề này.
Cách Tạo Mẫu Email Trong Dreamweaver
Để biết thêm thông tin, đọc bài viết dưới đây của Mytour về cách tạo mẫu email trong Dreamweaver.
Nếu bạn chưa có Dreamweaver CC 2015, hãy truy cập tại đây để tải và cài đặt phần mềm.
Hướng Dẫn Tạo Mẫu Email Trong Dreamweaver
1. Tìm Kiếm Mẫu
Khi bắt đầu Dreamweaver, trên màn hình chào mừng, bạn sẽ thấy mục Mẫu Khởi Đầu ở góc dưới cùng giữa. Nhấp vào đó để mở hộp thoại tạo tài liệu mới với các mẫu sẵn có.
Hoặc bạn cũng có thể mở hộp thoại tạo tài liệu mới từ tệp đang mở và chọn Mẫu Khởi Đầu từ đó.
Tiếp theo, nhấp vào Mẫu Email và chọn một trong những mẫu sau:
- Cơ Bản: tiếp cận theo tiêu chí 'di động trước hết', dễ dàng triển khai, sử dụng một cột với văn bản lớn, CTA phù hợp trên mọi màn hình và kích thước.
- Linh Hoạt: phương pháp tiếp cận với bố cục Tự Động Thay Đổi hay còn gọi là 'bố cục lỏng lẻo'. Tùy chọn này hoạt động tốt với các bố cục phức tạp vì chúng không giữ được quan hệ tuyệt đối giữa văn bản và hình ảnh.
- Kết Hợp.
- Đáp Ứng: sử dụng các truy vấn đa phương tiện CSS để điều chỉnh bố cục và kích thước của email, thay đổi kích thước hình ảnh và văn bản, thậm chí có thể ẩn hoặc thay đổi nội dung giữa các thiết bị khác nhau.
Sau khi tài liệu đã được tạo, bước tiếp theo là thực hiện các chỉnh sửa, điều chỉnh theo ý của bạn.
2. Sáng Tạo với các Mẫu (Template)
Chuyển sang Giao Diện Thiết Kế (nằm ở góc trên bên phải của thanh ứng dụng) để dễ dàng truy cập Bảng Điều Khiển Thuộc Tính, ở đây bạn có thể điều chỉnh mọi thứ như liên kết, ... mà không làm thay đổi mã.
Thay thế văn bản tạm thời bằng văn bản của bạn. Để tạo liên kết trong văn bản, đơn giản chỉ cần chọn từ bạn muốn làm liên kết và trên màn hình sẽ hiển thị một công cụ (widget) (nếu đang ở chế độ xem trực tiếp, hoặc nếu không sử dụng Bảng Điều Khiển Thuộc Tính), click vào biểu tượng liên kết và nhập địa chỉ đích vào khung văn bản.
Để thay thế hình ảnh tạm thời bằng hình ảnh thực, click chọn menu 3 dấu gạch thẳng hàng ở góc bên trái của hình ảnh như hình dưới đây, sau đó nhập URL hình ảnh vào khung văn bản trên cửa sổ menu hiển thị trên màn hình. Ngoài ra bạn cũng có thể nhập văn bản thay thế cho người dùng tắt hình ảnh trong email tại đây.
3. Bí Quyết Cho Người Mới Bắt Đầu với Email HTML:
Hình ảnh trong email HTML cần phải được lưu trữ trên máy chủ có thể truy cập công cộng để khi người đọc mở email, thiết bị của họ sẽ biết lấy hình ảnh từ đâu để hiển thị.
Bạn cũng cần sao chép mã của mình và chạy mã qua công cụ nội tuyến. Đơn giản chỉ cần tìm kiếm 'công cụ nội tuyến email HTML', sẽ có nhiều tùy chọn cho bạn lựa chọn và sử dụng.
Trong bài viết này, Mytour đã hướng dẫn cách sử dụng Dreamweaver để tạo mẫu email. Bạn có thể tham khảo để áp dụng vào công việc của mình và tìm hiểu thêm một số bí quyết để làm việc hiệu quả hơn với Dreamweaver.
Bên cạnh đó, bạn có thể khám phá cách tạo hình ảnh cuộn trong Dreamweaver, một loại hình ảnh kết nối, thay đổi khi người dùng di chuột qua và trở lại trạng thái ban đầu khi không di chuột, tham khảo cách tạo hình ảnh cuộn trong Dreamweaver để tối ưu trang web của bạn.
