HTML to język znaczników do stylizacji dokumentów internetowych.
Źródło obrazu: Janka Dharmasena/iStock/Getty Images
Dreamweaver, narzędzie programistyczne firmy Adobe, umożliwia tworzenie dowolnego rodzaju dokumentu HTML, takiego jak strona internetowa lub wiadomość e-mail. Jeśli umiesz pisać znaczniki HTML, możesz użyć widoku Kod, aby wpisać wiadomość e-mail ze znacznikami HTML. Jeśli wolisz stylizować wiadomości e-mail wizualnie, program Dreamweaver udostępnia większość funkcji formatowania zapewnianych przez edytor tekstu. Możesz także wybrać widok Split, aby jednocześnie wyświetlać na tym samym ekranie zarówno widok Kod, jak i Wyświetlacz.
Ustaw formatowanie
Krok 1
Uruchom program Dreamweaver, a następnie wybierz „HTML” w kolumnie Utwórz nowy.
Wideo dnia
Krok 2
Kliknij przycisk „Projekt” u góry, aby zmienić widok Kod na widok Projekt, jeśli Projekt nie jest jeszcze wybrany.
Krok 3
Kliknij przycisk „Właściwości strony...” w oknie Właściwości u dołu ekranu, a następnie wybierz domyślna czcionka i rozmiar, kolor tekstu, kolor tła lub obraz, jeśli jest, oraz strona marginesy.
Krok 4
Wybierz „Linki (CSS)” w kolumnie Kategoria, a następnie wybierz czcionkę, rozmiar i kolor linków w wiadomość na podstawie pozycji myszy, na przykład najazdu, oraz stanu łącza, na przykład aktywne lub odwiedzone. Wybierz styl podkreślenia łączy w wiadomości.
Krok 5
Kliknij „:Nagłówki (CSS)” w kolumnie Kategoria, a następnie wybierz czcionkę, rozmiar i kolor dla różnych nagłówków, których chcesz użyć w wiadomości.
Krok 6
Wybierz „Tytuł (kodowanie)” w kolumnie Kategoria, wpisz tytuł dokumentu, na przykład temat wiadomości, i następnie wybierz typ dokumentu, np. „HTML5” i kodowanie znaków, np. „Unicode (UTF-8)”. Wybierz „OK”, gdy Gotowe.
Wpisz i sformatuj wiadomość
Krok 1
Wpisz wiadomość e-mail na pustym ekranie. Sformatuj tekst, stosując style z okna Właściwości u dołu ekranu podczas pisania wiadomości lub po jej zakończeniu.
Krok 2
Wybierz typ nagłówka w polu Format w oknie Właściwości, aby stylizować tekst jako nagłówek. Kliknij „B”, aby tekst był pogrubiony, lub „I”, aby był pisany kursywą.
Krok 3
Zaznacz w wiadomości tekst, który chcesz nadać stylowi jako listę nieuporządkowaną lub uporządkowaną, a następnie kliknij przycisk „Lista nieuporządkowana” lub „Lista uporządkowana” w oknie Właściwości. Wybierz przycisk „Cytat blokowy”, aby sformatować tekst jako cytat blokowy; wybierz przycisk „Usuń cytat blokowy”, aby usunąć formatowanie.
Krok 4
Wyróżnij tekst, który chcesz zamienić w łącze, które można kliknąć, a następnie wpisz adres URL łącza w polu Łącze w oknie Właściwości. Wybierz sposób otwierania łącza w polu wyboru Cel. Na przykład wybierz „_blank”, aby wymusić otwarcie łącza w nowym oknie.
Krok 5
Wybierz „Wstaw”, a następnie kliknij „Tabela”, aby wstawić tabelę do wiadomości. Wybierz liczbę wierszy i kolumn, określ szerokość tabeli i wprowadź grubość obramowania. Wpisz liczbę spacji, których chcesz użyć do wypełnienia wewnątrz komórek tabeli i odstępu między komórkami tabeli. Wpisz podpis i podsumowanie tabeli, jeśli chcesz je uwzględnić, a następnie kliknij „OK”. Wpisz tekst w tabeli, która pojawi się na ekranie.
Krok 6
Wybierz „Wstaw”, kliknij „Obraz”, a następnie ponownie wybierz „Obraz”, aby wstawić obraz. Znajdź i wybierz plik obrazu do wyświetlenia. Dostosuj położenie obrazu w wiadomości, przeciągając go myszą.
Podgląd i transfer
Krok 1
Wybierz „Plik”, kliknij „Podgląd w przeglądarce”, a następnie wybierz przeglądarkę, jeśli masz zainstalowanych wiele przeglądarek, aby wyświetlić podgląd wiadomości e-mail i jej formatowania. Kliknij hiperłącza zawarte w wiadomości, aby upewnić się, że są prawidłowo rozwiązane.
Krok 2
Naciśnij "Ctrl-A", aby zaznaczyć całą wiadomość, a następnie naciśnij "Ctrl-C", aby ją skopiować. Przejdź do programu pocztowego, utwórz nową wiadomość e-mail, a następnie w razie potrzeby zmień typ wiadomości na „HTML”.
Krok 3
Naciśnij "Ctrl-V", aby wkleić wiadomość do programu pocztowego. Zaadresuj wiadomość do odbiorców, wpisz temat wiadomości, a następnie wyślij ją.
Wskazówka
Przetestuj wiadomość e-mail, wysyłając ją do siebie przed wysłaniem jej do innych osób, aby upewnić się, że kod HTML został poprawnie zinterpretowany i wysłany.
Ostrzeżenie
Informacje zawarte w tym artykule dotyczą programu Dreamweaver CC. Może się nieznacznie lub znacznie różnić w zależności od innych wersji lub produktów.