Cách tạo mẫu email trong Dreamweaver

Dreamweaver là công cụ để xây dựng các mã tiêu chuẩn trong suốt một thời gian dài, giúp cho việc thiết kế web, ứng dụng, ... trở nên đơn giản và dễ dàng hơn nhiều, bài viết dưới đây Taimienphi.vn sẽ hướng dẫn bạn cách tạo mẫu email trong Dreamweaver.

Một trong những hạn chế lớn nhất trên các phiên bản Dreamweaver cũ là người dùng phải tạo các mẫu email mà họ cần lấy mã. May mắn là phiên bản Dreamweaver CC 2015 gần đây được bổ sung và giới thiệu các mẫu email HTML.

tao mau email trong dreamweaver

Cách tạo mẫu email trong Dreamweaver

Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu cách tạo mẫu email trong Dreamweaver.

Nếu chưa cài đặt Dreamweaver CC 2015, bạn có thể truy cập tại đây để tải phần mềm về máy và cài đặt.

Cách tạo mẫu email trong Dreamweaver

1. Tìm mẫu

cach tao mau email trong dreamweaver

Trên màn hình chào mừng, hiển thị khi bạn khởi chạy Dreamweaver, bạn sẽ thấy có tùy chọn Starter Templates nằm ở góc dưới cùng của khung giữa. Click vào tùy chọn này để mở hộp thoại tài liệu mới, với các mẫu được chọn trước.

Hoặc ngoài ra bạn cũng có thể mở hộp thoại tài liệu mới nếu đã mở file và chọn tùy chọn Starter Templates từ đó.

cach tao mau email trong dreamweaver 2

Tiếp theo click chọn Email templates và chọn một trong số các mẫu:

- Basic: tiếp cận "mobile first" (thiết bị di động trước tiên), dễ dàng triển khai, sử dụng một cột duy nhất với các văn bản lớn, CTA phù hợp trên tất cả các màn hình với các kích thước khác nhau.

- Fluid: cách tiếp cận theo bố cục Reflowable hay còn gọi là "liquid layout" (một dạng layout có thể tự động chỉnh sửa). Tùy chọn này hoạt động tốt nhất với các layout nặng vì các layout này không thể kiểm soát được mối quan hệ giữa văn bản và hình ảnh.

- Hybrid.

- Responsive: sử dụng các truy vấn đa phương tiện CSS để thay đổi bố cục, layout của email, điều chỉnh kích thước hình ảnh và văn bản, thậm chí đôi khi có thể ẩn hoặc hoán đổi nội dung giữa các kích thướ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 sửa đổi, tinh chỉnh theo ý muốn của bạn.

cach tao mau email trong dreamweaver 3

2. Làm việc với các mẫu (template)

Chuyển qua Design workspace (trình chuyển đổi không gian làm việc nằm góc trên cùng bên phải giao diện trên thanh Application) để dễ dàng truy cập Properties Inspector, tại đây bạn có thể thay đổi mọi thứ như liên kết, ... mà không ảnh hưởng đến mã.

Thay thế placeholder text bằng văn bản của bạn. Các bước để tạo liên kết trong văn bản khá đơn giản, chỉ cần chọn các từ mà bạn muốn liên kết và trên màn hình sẽ hiển thị tiện ích (widget) (nếu đang ở chế độ xem Live view, hoặc nếu không sử dụng Properties Inspector), click vào biểu tượng liên kết và nhập địa chỉ đích vào khung text.

cach tao mau email trong dreamweaver 4

Để hoán đổi image placeholders thành hình ảnh, click chọn menu 3 dấu gạch thẳng hàng nằm góc bên trái thẻ hình ảnh như hình dưới đây, sau đó nhập URL hình ảnh vào khung text trên cửa sổ menu hiển thị trên màn hình. Ngoài ra tại đây bạn có thể nhập văn bản thay thế cho người dùng tắt hình ảnh trong email.

cach tao mau email trong dreamweaver 5

cach tao mau email trong dreamweaver 6

3. Mẹo hay cho người mới làm quen với email HTML:

Hình ảnh được sử dụng trong email HTML phải được lưu trữ trên máy chủ có thể truy cập công khai để 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ị.

Ngoài ra bạn vẫn phải sao chép mã của mình và chạy mã thông qua công cụ nội tuyến. Chỉ cần nhập tìm kiếm "công cụ nội tuyến email HTML", sẽ có rất nhiều tùy chọn mà bạn có thể lựa chọn và sử dụng.

Bài viết trên đây Taimienphi.vn vừa hướng dẫn bạn cách sử dụng Dreamweaver để tại mẫu email, bạn có thể tham khảo để áp dụng cụ thể cho các công việc của mình, tìm hiểu thêm một số mẹo sử dụng Dreamweaver để chủ động hơn trong các thao tác với phần mềm.

https://thuthuat.taimienphi.vn/cach-tao-mau-email-trong-dreamweaver-45819n.aspx
Ngoài ra, bạn có thể tìm hiểu cách tạo hình ảnh cuộn trong Dreamweaver là dạng hình ảnh được liên kết, thay đổi khi người dùng di chuột qua đó và trở lại trạng thái bình thường khi không di chuột, tham khảo cách tạo hình ảnh cuộn trong Dreamweaver để hoàn thiện cho trang web của mình.

Tác giả: Ngọc Thảo     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Cách Tạo và Chỉnh sửa Gradient trong Adobe Illustrator
Hướng dẫn vẽ Avatar chuyên nghiệp bằng Adobe Illustrator
Adobe gửi email thông báo khai tử Shockwave vào ngày 9/4
Cách cắt ảnh trong Adobe Illustrator
Đọc PDF bằng Adobe Reader, xem file pdf bằng phần mềm Adobe Reader
Từ khoá liên quan:

Cách tạo mẫu email trong Dreamweaver

, tạo mẫu email trong Dreamweaver, Dreamweaver,

SOFT LIÊN QUAN
  • Adobe Dreamweaver CS6

    Thiết kế, lập trình website

    Adobe Dreamweaver CS6 là chương trình thiết kế web chuyên nghiệp với giao diện trực quan giúp người dùng có thể dễ dàng thiết kế hình ảnh, chỉnh sửa các trang web theo ý muốn của bản thân, sử dụng phần mềm Adobe Dreamwea ...

Tin Mới

  • Tả bộ bàn ghế trong nhà

    3 bài văn mẫu Tả bộ bàn ghế trong nhà sẽ giúp các em có thêm nhiều thông tin thú vị để hoàn thành bài văn tả bộ bàn ghế của gia đình mình. Các em hãy tham khảo bài viết và vận dụng những hiểu biết của mình để hoàn thành bài văn với chất lượng tốt nhất nhé.

  • Tả chiếc đèn học

    Đèn học là vật dụng không thể thiếu trên bàn học của mỗi em học sinh. Bài Tả chiếc đèn học dưới đây sẽ cùng các em tìm hiểu chi tiết về cấu tạo cũng như vai trò của chiếc đèn học đối với mỗi bạn học sinh. Các em hãy cùng theo dõi nhé.

  • Cách sử dụng Maths Solver giải toán trên điện thoại

    Sử dụng Maths Solver để giải toan trên điện thoại hiện nay là một trong những phương án hữu hiệu mà các bạn học sinh, sinh viên áp dụng vào những bài tập của mình, Maths Solver có khả năng tính toán nhanh và tích hợp nhiều công thức, các dạng toán khác nhau.

  • Mẹo chặn, tắt quảng cáo game Brain Out

    Ngoài việc hỗ trợ các bạn xem đáp án Brain Out ra Taimienphi.vn còn giúp các bạn cách chặn, tắt quảng cáo game Brain Out để tránh làm ảnh hưởng đến quá trình chơi game. Vậy làm thế nào để chặn, tắt quảng cáo trong game Brain Out thì mời các bạn theo dõi bài viết dưới đây của chúng tôi nhé.


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá