TWORZENIE STRONY INTERNETOWEJ — PRZYKŁADY
W tej książce tworzymy stronę internetową dla Nanonautów. Ilekroć wprowadzamy jakąś zmianę w kodzie, możesz zapoznać się z jej efektem, klikając poniższe odsyłacze. Po prostu sprawdź numer strony w książce. Możesz też kopiować i wklejać kod z podanych przykładów, aby zaoszczędzić sobie pisania. Zobaczmy, jak to zrobić za pomocą przeglądarki Google Chrome (znajdziesz ją na stronie z plikami do pobrania):
- Otwórz stronę
- Kliknij prawym przyciskiem myszy w dowolnym miejscu strony i wybierz polecenie Zbadaj
- Ekran zostanie podzielony na części. Po lewej zobaczysz samą stronę, a w panelach po prawej różne informacje dotyczące jej kodu.
- W pasku menu po prawej stronie wybierz zakładkę Sources (źródła).
- Pojawi się wtedy panel o tej samej nazwie.
- Aby skopiować kod HTML, kliknij w panelu Sources (źródła) plik z rozszerzeniem .htm lub .html. Kod zostanie wyświetlony w panelu po prawej stronie.
- Aby skopiować kod CSS, w panelu Sources (źródła) kliknij strzałkę obok foldera o nazwie css, a potem kliknij znajdujący się w nim plik .css.
- Za pomocą panelu Inspect (inspektor) możesz nawet modyfikować kod HTML lub CSS albo włączać i wyłączać wybrane części arkusza stylów — poeksperymentuj, aby zapoznać się z dostępnymi możliwościami!
PRZYKŁADY KODU HTML I CSS
Kliknij wybrany odsyłacz, aby otworzyć plik w nowym oknie. Możesz potem kliknąć stronę prawym przyciskiem myszy i wybrać polecenie Wyświetl źródło strony, aby zapoznać się z kodem HTML. Pliki CSS od razu otworzą się w zwykłej, tekstowej formie.
