stworzyć stronę - Kurs HTML i CSS
CSS dla zielonych / Zaczynamy kurs CSS!...języka HTML - jeśli nie, zapraszam najpierw do lektury rozdziału: HTML dla zielonych. Skoro nadal czytasz, zapewne oznacza to, że potrafisz stworzyć przynajmniej prostą stronę internetową zawierającą tekst, obrazki i odsyłacze. Chociaż treść jest najważniejszym elementem każdej strony WWW, to przecież wygląd też się liczy. I właśnie do tego służy język CSS (Kaskadowe Arkusze Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę internetową za pomocą...
HTML dla zielonych / Jak zrobić dobrą stronę HTML...ważną sprawę, o której wiele osób zdaje się zapominać. Znajomość podstaw HTML w zupełności wystarcza do napisania strony internetowej, lecz aby stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej: Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może przyciągnąć czytelników? Nie...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...typu odsyłacza). Odsyłacz ten zostanie uruchomiony, gdy klikniemy myszką obrazek, do którego podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF, większe zdjęcia - JPG. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie rysować wszystkich grafik. W Internecie na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Tekst alternatywny (atrybut...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...za pomocą właściwości CSS column-count, należy przypisać liczbę kolumn do odpowiedniego kontenera. Jak zrobić dwie kolumny tekstu w HTML? Aby stworzyć dwie kolumny tekstu w HTML przy użyciu właściwości CSS column-count, można przypisać wartość 2 do liczby kolumn. Na przykład: .tekst { column-count: 2 }.
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...kafelka znajdowały się na tej samej wysokości co po prawej stronie. Analogicznie należy postąpić dla górnej i dolnej krawędzi. Przykładowo, aby stworzyć efekt zeszytu w kratkę, wystarczy przygotować kwadratową grafikę z przecinającymi się liniami w formie krzyżyka. Kafelek nie zawsze jednak musi być kwadratowy. Dla uzyskania efektu zeszytu w linie wystarczy przygotować grafikę o wysokości odzwierciedlającej rozstaw linii, ale szerokości tylko jednego piksela. Proponuję poeksperymentować w...
- HTML dla zielonych / Zaczynamy kurs HTML!
...że jesteś "zielony/zielona"... ale nic się nie martw. Jeśli koniecznie chcesz "zmienić kolor", przeczytaj umieszczony poniżej tekst. Pozwoli Ci on, stworzyć Twoją pierwszą stronę internetową, nawet w ciągu jednego dnia. Jeśli uważasz, że pisanie stron w języku HTML jest dla Ciebie "czarną magią", a sama strona jest jakimś tajemniczym i bardzo skomplikowanym dokumentem, to się mylisz. Napisanie krótkiej strony internetowej jest prostsze niż Ci się wydaje. Zatem nie trać już czasu na wymówki...
Skórki...znaczenia. Kolejna skórka to po prostu nowy plik *.css, do którego bezwzględną ścieżkę trzeba podać w kolejnym odsyłaczu. W ten sposób można stworzyć całą kolekcję. Oczywiście prócz skórek, każdy serwis musi posiadać swój domyślny arkusz CSS, który dołącza się w tradycyjny sposób (znacznik <link>) - można go nazwać skórką domyślną. Będzie ona automatycznie ustawiona, jeżeli użytkownik nie wybierze innej. Dla skórki domyślnej nie ma sensu tworzyć odsyłacza ustawiającego, ale trzeba...
- Multimedia HTML / Obrazek HTML <img>
...takie obrazki. Natomiast jeżeli ustalimy przezroczystość na obrazku, zawsze będzie ona niewidoczna. Animowany banner Animowany banner można stworzyć przy użyciu takich programów jak np. Animation Shop, Ulead GIFAnimator czy GIMP i inne. Jest to po prostu specjalny plik GIF, który wstawiamy na stronę, tak jak zwykły obrazek. Może on mieć przykładowo rozmiary 400x50. Pamiętaj, że im więcej klatek animacji, tym większe rozmiary pliku i dłuższe wczytywanie strony!
- Multimedia HTML / Osadzenie pliku <embed>
...powszechnym standardem publikacji elektronicznych. Umożliwia m.in. różnorodne formatowanie tekstu, wstawianie grafiki i inne. Dokumenty PDF można stworzyć np. przy użyciu programu wbudowanego w pakiet biurowy WordPerfect Office 2000, natomiast aby przeglądać pliki PDF, trzeba dysponować darmowym programem Adobe Reader. Aby można było osadzić na stronie WWW plik PDF, użytkownik oglądający nasz serwis musi mieć zainstalowany program Adobe Reader. Dodatkowo należy pamiętać o podaniu...
- Drukowanie CSS / Po co drukować strony internetowe?
...takich jak nawigacja czy reklamy, oraz optymalizację układu pod kątem czytelności. Uniwersalność - stylowanie wydruku z wykorzystaniem CSS pozwala stworzyć jedną stronę internetową, która działa świetnie zarówno online, jak i w formie drukowanej, bez potrzeby projektowania oddzielnych wersji. Druk w formie cyfrowej - stylowanie CSS dla wydruku może być wykorzystane do generowania plików PDF - formatów popularnych w e-bookach, raportach czy dokumentacji technicznej. Wydruk w erze cyfrowej...