wygląd strony - Kurs HTML i CSS
Odsyłacze HTML / Do podstrony <a href>...to również pozostałych typów odsyłaczy przedstawionych na tej stronie): <a target="_blank" href="adres">opis</a> kliknij tutaj [Aby określić wygląd nowego okna (rozmiar, położenie, pokazanie/ukrycie pasków menu, narzędzi, statusu itd.), zobacz: Otwarcie nowego okna].
Wstawianie stylów CSS / Kaskadowość stylów...to z kolei może być zmieniane przez style zdefiniowane bezpośrednio w ciele dokumentu (inline). Zatem priorytet ważności stylów (pierwszeństwo) wyglądałby tak: Styl lokalny (inline) Rozciąganie stylu (SPAN) Wydzielone bloki (DIV) Wewnętrzny arkusz stylów Import stylów do wewnętrznego arkusza Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- Menu drzewiaste / Skrypt menu drzewiastego
...Najbardziej zewnętrzny znacznik <ul>...</ul> powinien mieć przypisaną klasę CSS: class="tree". Dzięki temu punkty menu przyjmą odpowiedni wygląd. Ten sam najbardziej zewnętrzny znacznik <ul>...</ul> musi posiadać atrybut: id="tree0" Zaraz poniżej kodu menu musi się znajdować blok <script>...</script>. Zauważ, że wyróżniony w nim identyfikator tree0 musi być identyczny z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników...
- Promocja strony WWW / Projekt graficzny
...to, żeby Twoja strona była arcydziełem sztuki webdesignerskiej, ale dobrze jest trzymać się przynajmniej elementarnych zasad projektowania tak, aby wygląd serwisu już na wstępie nie odrzucał odwiedzających (podstawowe zasady projektowania layoutu strony znajdziesz w rozdziale: Jak zrobić dobrą stronę). Dobrym pomysłem może być konsultowanie każdego etapu swojej pracy z innymi. Można np. poddać stronę do oceny na forum dyskusyjnym jednego z wielu popularnych serwisów webmasterskich. Oczywiście...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...że poniższy skrypt zadziała dopiero po wprowadzaniu strony na serwer WWW. Nie będzie można go przetestować na swoim dysku lokalnym, a co więcej sam wygląd formularza może być wtedy nieprawidłowy. Aby wysłać formularz bez pośrednictwa programu pocztowego, należy utworzyć normalną stronę HTML, a następnie w wybranym miejscu dokumentu wstawić poniższy kod zawierający formularz. Ważne jest tylko, aby plikowi nadać rozszerzenie *.php (czyli np. formularz.php), a nie *.html. Jeżeli nie dopełnisz...
- Selektory specjalne CSS / Klasy selektorów <... class>
...treści dokumentu. Dzięki temu możemy np. ustalić określone atrybuty dla danego elementu (selektora) na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo...
- Drukowanie CSS / Po co drukować strony internetowe?
...na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne kontrolowanie wyglądu stron podczas wydruku. Choć mogłoby się wydawać, że w erze cyfryzacji druk jest coraz mniej ważny, w praktyce nadal istnieje wiele sytuacji, w których przygotowanie materiałów do druku pozostaje kluczowe. Dlaczego warto korzystać z CSS do stylowania wydruku? Profesjonalny wygląd dokumentów - strony internetowe projektowane z myślą o...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...przycisk, po wciśnięciu którego cała zawartość formularza zostanie natychmiast przywrócona na stanu początkowego bez czekania na przeładowanie strony. W tym celu wewnątrz formularza trzeba umieścić specjalny znacznik: <input type="reset" value="Wyczyść">. Jak wyczyścić formularz? Pojęcie wyczyszczenia danych zwykle jest stosowane zamiennie z resetowaniem formularza. Formalnie jednak resetowanie oznacza przywrócenie wartości początkowych - tzn. takich jakie miały ustawione pola...
- Wstawianie stylów CSS / Wydzielone bloki <div style>
...<div>, który tworzy kontenerowy blok bez żadnych domyślnych stylów lub efektów wizualnych. Poprzez nadawanie stylów CSS możemy nadal nadzorować wygląd i układ tych bloków oraz grupować w nich powiązane elementy. Co daje DIV HTML? Znacznik <div> w HTML jest elementem blokowym, który pozwala tworzyć kontenerowe bloki na stronie. Dzięki niemu można grupować inne elementy, tworzyć układy strony, stosować style CSS oraz manipulować zawartością za pomocą skryptów JavaScript, co umożliwia...