Drukowanie Tła Strony HTML

admin — Wed, 24 Mar 2010 15:06:58 +0000

Większość nowoczesnych przeglądarek internetowych domyślnie nie drukuje tła strony. Ma to sens, ponieważ w większości przypadków, drukując stronę chodzi nam o to aby przelać na papier tekst na niej zawarty, a drukowanie to niepotrzebne dodatkowe zużycie toneru. Są jednak wyjątki. Czasami potrzebujemy wydrukować tło, gdyż inaczej wydruk może nie być czytelny. Przykładem niech będą tu np. krzyżówki dostępne w internecie. Na stronie Krzyżówki można znaleźć skrypt umożliwiający rozwiązywanie krzyżówek online. Co jednak, gdy chcielibyśmy taką krzyżówkę wydrukować aby rozwiązać ją w później, spokoju, na papierze, bez komputera.

Wydruk krzyżówki bez tła wyglądałby jak kratownica bez zaznaczonych pól ciemnych i jasnych – żadną miarą nie dałoby się jej rozwiązać, no chyba, że ktoś lubi dodatkowe utrudnienia i chce się domyślać ile liter ma wpisywane hasło. W takim i podobnych przypadkach musimy zrezygnować z oszczędności na tonerze i tło jednak wydrukować.

Jak to zrobić? Jak wydrukować tło strony html?. Można oczywiście zrobić graficzny zrzut strony i wydrukować obraz ale są prostsze sposoby.

Wydruk html z tłem i bez tła

W popularnych przeglądarkach istnieje możliwość ustawienia drukowania tła. Gdzie się ona znajduje? W najnowszych wersjach przeglądarek sprawdźcie ‘Podgląd Wydruku/Ustawienia’, powinien tam znajdować się checkbox ‘Drukuj kolory i obrazy tła’ (IE7), ‘Drukuj tło (kolory i obrazy)’ (FF 3.6). Checkbox ten należy oczywiście zaznaczyć. Jeśli na karcie ustawień w podglądzie wydruku brak jest możliwości ustawiania żądania wydruku tła, spróbujcie poszukać go w ustawieniach przeglądarki według poniższej podpowiedzi:

Internet Explorer (IE) - Narzędzia/Opcje Internetowe/Zaawansowane/ w sekcji ‘Drukowanie’ należy zaznaczyć pole ‘Drukuj kolory i obrazy tła’
FireFox (FF) – Plik/Ustawienia Strony/Drukuj Tło (kolor oraz obrazki)
Opera - Plik/Opcje wydruku/Drukuj Tło Strony
Chrome – brak opcji, Chrome powinien domyślnie drukować tło (uwaga Chrome nie ma podglądu wydruku)

Tak przy okazji, na marginesie. Przeglądarka Chrome, z niewiadomych przyczyn, nie posiada możliwości podglądu wydruku. Można sobie z tym mankamentem poradzić w dość łatwy sposób. Wystarczy zainstalować driver typu PDF Printer (PDF Writer) czyli program symulujący drukarkę i drukujący do pliku PDF zamiast na urządzenie.

Kreator Formularzy HTML

admin — Sat, 20 Mar 2010 15:03:29 +0000

Każdy kto ma jakieś doświadczenie webmasterskie na pewno spotkał się z problemem tworzenia formularzy na stronę www. Zadanie to jest o tyle niewdzięczne, że trzeba, oczywiście w zależności od ilości danych w formularzu, wklepać dość dużo kodu, zadbać o format danych wprowadzanych przez użytkownika, co np. w przypadku pola z datą nie jest takie proste, nie mówiąc już o samym wyglądzie formularza. Formularze html można oczywiście tworzyć ‘na piechotę’ ale można też posłużyć się, stworzonymi do tego celu, kreatorami (generatorami) formularzy html.

Jednym z takich, bardzo eleganckich, łatwych w obsłudze, intuicyjnych i w pełni WYSYWIG, generatorów jest kreator umieszczony na stronie phpform.org. Jest to kreator online umożliwiający w błyskawicznym tempie tworzenie dość zaawansowanych formularzy html. Wizard tego generatora składa się z trzech stron.

Na pierwszej z tych stron wybieramy wygląd, a właściwie kolorystykę formularza (25 templatek do wyboru). Na drugiej dodajemy i edytujemy w bardzo łatwy sposób pola formularza – do wyboru mamy standardowe pola html tzn. pola tekstowe (jedna linia i wiele linii ), checkbox’y, combobox’y, pola upload’u plików oraz niestandardowe, czyli np. data, godzina, cena, adres www, imię i nazwisko, telefon, email, dana liczbowa. Właściwości tych pół możemy w łatwy sposób, w ograniczonym zakresie, wizualnie edytować. Na trzeciej stronie, po zapisaniu formularza, mamy możliwość podglądu utworzonego dzieła i ewentualnej jego edycji lub ściągnięcia wygenerowanych plików. O ile generacja niektórych pól ‘dodatkowych’ np. ‘imię i nazwisko’ przyśpiesza nam jedynie tworzenie strony, o tyle pole z wyborem daty wyposażone w dołączony, otwierany po kliknięciu, kalendarz na pewno uatrakcyjni niejeden formularz. Pliki, które musimy ‘wgrać’ do naszej aplikacji, ściągamy z kreatora w jednym pliku zip. Po rozpakowaniu znajdujemy tam kilka plików, z których najważniejsze (być może będziemy je modyfikować) to form.html (kod html naszej formatki) i view.css. Dodatkowo dostajemy jeszcze plik view.js (javascript obsługujący formularz), obrazki (png i gif), plik htc i opcjonalnie plik javascript obsługujący ‘wyskakujący’ kalendarz. Ocena narzędzia: <ul>Zalety: <li>Elegancja wykonania i elegancki wygląd generowanych formularzy <li>Intuicyjność, a co za tym idzie łatwość obsługi od pierwszego razu <li>Bardzo szybkie tworzenie formularzy <li>Możliwość dodania opisów pól (helpów dla użytkownika) <li>Dodatkowe, niestandardowe pola <li>Kalendarz w wyborze daty <li>Pełny kod z możliwością modyfikacji (formularz nie korzysta w trakcie działania z plików na innych serwerach) </ul> <ul>Wady <li>Brak walidacji na poziomie javascript wprowadzonych danych. Np. pole numeryczne pozwala na wprowadzenie liter, zatwierdzenie nie buntuje się przy wprowadzeniu miesiąca o numerze 13, czy godziny 25:67:89 <li>Brak możliwości zmiany atrybutu ‘name’ pól formularza z poziomu kreatora WYSYWIG (można zmienić w plikach) </ul> Aby pokazać, kilka razy podkreślaną w powyższym tekście, elegancję narzędzia, poniżej znajduje się wygenerowany przez nie przykładowy formularz html, którego tworzenie nie trwał dłużej niż 2 minuty. Wygląd jest w 100% oryginalny, zmodyfikowane (zmiany w otzrymancyh plikach) jest jedynie działanie klawisza ‘Wyślij’ </article> </main></body></html>

PROGRAMOWANIE i WEBMASTERKA » html

Drukowanie Tła Strony HTML

Kreator Formularzy HTML