1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

[PORADNIK] Edycja podpisu w Starej Poczcie home.pl - podpis HTML

Dyskusja w 'Poczta home.pl' rozpoczęta przez użytkownika Grzesiek, 15 Maj 2015.

  1. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325
    W tym wpisie, rozwijamy temat, dot. dodawania podpisu w formacie HTML.

    O tym czym jest oraz jakie zastosowanie ma język HTML, możecie poczytać tutaj.

    W skrócie, HTML to język używany najczęściej do tworzenia stron internetowych. Ze względu na jego szerokie zastosowanie, także w nowoczesnych systemach CMS, jeżyk ten nazywany jest językiem znaczników. W praktyce oznacza to, że wprowadzone treści nie tylko zawierają tekst i obraz, ale także dodatkowe informacje opisujące go.

    Znaczniki odpowiadają za wprowadzenie specyficznego wyglądu strony, dokumentu, tekstu czy obrazu, oraz akcje, jakie powoduje, np. kliknięcie w niego.

    Jak więc zastosować język HTML w podpisie wiadomości e-mail?

    Wiadomości e-mail mogą być tworzone w 2 wersjach:

    - tekstowej, zawierającej sam tekst, bez formatowania.

    Najprościej porównać go do tekstu tworzonego w notatniku. Nie ma w nim nic wyróżniającego go, nie ma też elementów dynamicznych. Jest prosty, ale zarazem, co ważne dla poczty, zajmuje mało miejsca i powoduje zużycie niewielkich zasobów pakietu transferu.

    - w wersji HTML, zawierającej tekst, obraz oraz elementy dynamiczne, w tym także przyciski akcji.

    Wiadomości e-mail tworzone w ten sposób, zwykle są pełne grafiki, a dodane hiperłącza są wyraźnie oznaczone.

    Możemy też stosować różnego rodzaju formatowanie, nadawane wprowadzanym treściom (pogrubienie, pochylenie, ramki). Prezentowane treści są złożone, jednak przekładają się znacznie na zwiększenie atrakcyjności wiadomości, jej czytelność. Tak utworzona wiadomość zajmuje dużo więcej miejsca, a jej odczytanie lub wysłanie, może zużywać większe zasoby pakietu danych.

    Dodawanie podpisu HTML w podpisie wiadomości e-mail

    1. Zaloguj się do Starej Poczty home.pl (https://stara.poczta.home.pl)
    2. Przejdź do ustawień Konfiguracja --> Profile Poczty --> Podpis
    3. Dodaj swój podpis w formacie HTML.

    Jeśli chcesz utworzyć prosty podpis, możesz to zrobić od razu. Wprowadź tekst, ustal, klikając Enter, w ilu wierszach zostanie on wyświetlony i Zapisz wprowadzone zmiany.

    Najprostsze podpisy przyjmą postać, np.:

    Kod:
    --
    Pozdrawiam
    Jan Kowalski
    
    kontakt: 80144 55 55
    Home.pl S.A
    
    Oczywiście w/w podpis to tylko przykład, w sieci można znaleźć wiele poradników o tym jak tworzyć podpisy i jakich zasad trzymać się podczas ich edycji. Złota zasada mówi, im krócej tym lepiej. Pamiętajmy także o treści, aby była logiczna i przekazywała najważniejsze dla odbiorcy dane.

    Formatowanie tekstu i wstawianie linków.

    Wykorzystajmy dodatkowo język HTML do urozmaicenia naszego podpisu.
    Chcielibyśmy aby imię i nazwisko było pogrubione (bold), a nazwa firmy była linkiem (hiperłączem) do naszej strony WWW.

    Zastosujemy znaczniki:

    <p align="left">...</p> - odpowiedzialny za utworzenie akapitu z wyrównaniem do lewej strony
    <br /> - odpowiedzialny za utworzenie nowego wiersza w akapicie
    <b>...</b> - odpowiedzialny za pogrubienie tekstu
    <a href="adres strony WWW">opis</a> - odpowiedzialny za dodanie hiperłącza

    Kod:
    <p align="left">
    -- <br />
    Pozdrawiam<br />
    <b>Jan Kowalski</b><br />
    <br />
    kontakt: 801 44 55 55<br />
    <a href="https://home.pl">Home.pl S.A</a>
    </p>
    


    Znacznik <p></p> stosujemy na początku i na końcu akapitu, jako rozpoczęcie i jego zakończenie.
    Znacznik <br /> rozpoczyna nowy wiersz, użycie go podwójnie, spowoduje dodanie 2 wierszy. Możemy używać go w nowej linii lub na końcu wiersza (język html wymaga użycia znacznika jako nowy wiersz, więc nasz ENTER nie będzie brany pod uwagę).
    Znacznik <b></b> używamy przed i za tekstem, który chcemy pogrubić.

    podpis22.png

    Jeśli chcecie, aby wprowadzony tekst był jeszcze ciekawszy, zajrzyjcie do artykułu dot. formatowania tekstu.

    Dodawanie obrazów w podpisie.

    Analogicznie jak formatujemy tekst, możemy także wstawiać w podpisie obrazy. Ważne jest, aby obraz był umieszczony w zew. lokalizacji, np. może to być obraz podpięty z naszej strony WWW lub umieszczony na serwerze FTP. Język HTML w tym wypadku poprzez zastosowanie odpowiedniego znacznika, odwoła się do istniejącego zasobu/lokalizacji. Sam w sobie nie jest w stanie pobrać i umieścić obrazu w wiadomości.

    Nasza grafika znajduje się przykładowo pod adresem: https://pomoc.home.pl/nowa/wp-content/uploads/2015/02/logo_home.png

    Do wstawienia obrazu, użyjemy znacznika <img />. Nie posiada on znacznika zamykającego, umieszczone w nim informacje, będą zamknięte w jednym nawiasie < >.

    Przykładowy znacznik:
    Kod:
    <img title="Tytul obrazka" src="gfx/obrazek.jpg" alt="Taki sobie obrazek" width="100" height="50" />
    title - atrybut odpowiada za tytuł obrazka, będzie on widoczny po najechaniu na niego kursorem myszy, gdy obraz będzie niedostępny lub gdy odbiorca ma włączoną opcję blokowania obrazów w wiadomości e-mail (kliknij tutaj, aby dowiedzieć się więcej),
    alt - odpowiada za opis obrazka, będzie odczytywany przez czytniki ekranu (wspomagające pracę niewidomych), (kliknij tutaj, aby dowiedzieć się więcej),
    src - atrybut wskazuje lokalizację pliku z obrazem,
    width/height - określa rozmiar obrazka wyświetlany w pikselach w naszej wiadomości e-mail (przydatne, jeśli nasz obraz nie jest w rozmiarze, w którym faktycznie chcielibyśmy go dodać do podpisu).

    Nasz znacznik będzie miał postać:

    Kod:
    <img title="Logo firmy home.pl" src="https://pomoc.home.pl/nowa/wp-content/uploads/2015/02/logo_home.png" alt="Obrazek logo home.pl" width="153" height="44" />
    
    Nasz podpis będzie miał postać:
    Kod:
    <p align="left">
    -- <br/>
    Pozdrawiam<br/>
    <b>Jan Kowalski</b><br/> <br/>
    kontakt: 801 44 55 55<br/>
    <a href="https://home.pl">Home.pl S.A</a> <br/><img style="width: 153px; height: 44px;" alt="Obrazek logo home.pl" width="153" src="https://pomoc.home.pl/nowa/wp-content/uploads/2015/02/logo_home.png"/>
    </p>
    podpis21.png
    Aby obraz był wyświetlany w nowym wierszu, po nazwie firmy dodaliśmy dodatkowy znacznik nowego wiersza <br />. W załączniku do postu, umieściłem zrzuty ekranu efektów naszej pracy.

    podpis22.png

    Jeśli macie dodatkowe pytania, zapraszam do dyskusji!
     
  2. kaktus-88

    kaktus-88 Początkujący

    Wiadomości:
    8
    Docenione treści:
    1
  3. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325
    Tak. Język HTML umożliwi Ci rozwinięcie wyglądu podpisu.

    Warto jednak zachować zdrowy rozsądek. Podpis nie jest najważniejszą treścią wiadomości e-mail. A złota zasada mówi, im prościej tym lepiej. :)

    Sam kurs jest w trakcie tworzenia i będziemy go systematycznie poszerzać o nowe, przydatne zagadnienia. Skoncentrujemy się na tym, co możesz Ty oraz inni użytkownicy, wykorzystać podczas korzystania z naszych usług. W sieci jest dużo bezpłatnych kursów, które wyczerpują temat, ale nie wszystko będzie przydatne od razu. Chyba, że tworzysz strony WWW.
     
  4. TheL

    TheL @Lider VIP Moderator forum

    Wiadomości:
    2 363
    Docenione treści:
    520
    błąd, dodanie BRek powoduje podwójne odstępy, przed chwilą sprawdzone.
    CSS działa i spokojnie można dodać <style> ... </style>
    chociaż mi się nie podobają maile w htmlu, a jeszcze bardziej nie cierpię wielkich obrazków w podpisie :D
     
  5. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325
    W przykładzie użyłem znacznika akapitu, stąd prawidłowa budowa podpisu.

    Całość musi być ujęta w akapit, np. <p align=left>...</p>
    Dzięki temu znacznik <br /> będzie działał jak należy, rozpoczynając nowy wiersz. Warunek konieczny.

    Jeśli chodzi o CSS, dzięki za informację. Sam kurs CSS jeszcze nie został rozwinięty, ale przy okazji jego tworzenia, rozwinę temat CSS'a w podpisie maila.
     
  6. TheL

    TheL @Lider VIP Moderator forum

    Wiadomości:
    2 363
    Docenione treści:
    520
    a no faktycznie tego nie zauważyłem :D
    równie dobrze każdy wiersz możemy ująć w diva :)
    ja to jestem jednak zdania, że powinno się zabronić htmla w mailach i podpisów na 20 linijek różnymi czcionkami z kilkoma obrazkami :D
    ale jedno trzeba przyznać, że z podpisem w poczcie home można zrobić bardzo wiele.

    Dodatkowo trzeba napisać, że dokładnie w ten sam sposób możemy edytować podpis w starej poczcie.
     
  7. Mariusz

    Mariusz pomoc.home.pl home.pl Administrator forum

    Wiadomości:
    3 060
    Docenione treści:
    300
    Mała aktualizacja związana z tym wątkiem. W Starej Poczcie home.pl nadal możliwe jest skorzystanie z powyższych wskazówek HTML. Ale w Nowej Poczcie home.pl możemy już korzystać z edytora typu WYSIWYG, który ułatwi stworzenie zaawansowanego podpisu.

    podpis-nowa-poczta.png
    Dziękuję naszemu użytkownikowi za podesłanie tej informacji do nas za pomocą formularza kontaktowego. Byłeś od nas szybszy! Zabieram się już za aktualizacje informacji w artykułach pomocy :)
     
  8. oh_niuta

    oh_niuta Nowy użytkownik

    Wiadomości:
    2
    Docenione treści:
    0
    Mam problem z obrazami w stopce. Nie wyświetlają się, ciągle są zablokowane chociaż zmieniłam paramerty wyświatlania obrazów.
     
  9. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325
    Powiedz czego dotyczy Twoje zgłoszenie? Nowej czy Starej Poczty (zgodnie z tytułem wątku)? Jaki kod masz aktualnie wklejony?
     
  10. oh_niuta

    oh_niuta Nowy użytkownik

    Wiadomości:
    2
    Docenione treści:
    0
    dotyczy starej poczty
     
  11. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325
    @oh_niuta starapoczta.home.pl zgodnie z wcześniejszymi komunikatami, jest webowym klientem poczty, którego ani nie rozwijamy ani nie świadczymy wsparcia. W przypadku klientów posiadających usługi w home.pl, na których zostały aktywowane konta e-mail przed zmianą systemu, starapoczta jest nadal aktywna. Dla nowych kont, dostęp do niej został już zablokowany.

    Wsparcie dla html w podpicie niestety także zostało ograniczone, w związku z czym dodane wcześniej znaczniki i kody, mogą nie działać.

    Zachęcam Cię do przejścia na Nową Pocztę - poczta.home.pl gdzie masz odpowiedni edytor podpisu.
    Nowa Poczta, dzięki prostej konfiguracji WIDOKU pozwoli Ci uzyskać bardzo przybliżony widok ekranu głównego, jak jej poprzednia wersja.
     
    Ostatnia modyfikacja: 3 Grudzień 2015

Poleć forum znajomym