[ Pobierz całość w formacie PDF ]
//-->Tworzenie stron WWW. Ilustrowany przewodnikRozdział 4.HTML – język Internetu..............................................................70.Podstawy i struktura dokumentu...............................................................71Polecenia w nagłówku...........................................................................7Ciało dokumentu...................................................................................75Nagłówki................................................................................................75Akapity..................................................................................................76.Cytaty....................................................................................................76Listy.......................................................................................................77Łącza.....................................................................................................78Tabele....................................................................................................80Formularze............................................................................................8Pole.INPUT.......................................................................................8Pole.SELECT....................................................................................84Pole.TEXTAREA...............................................................................84Ramki....................................................................................................86Adresowanie dokumentów wewnątrz ramek.........................................88Dodatkowe.znaczniki. ...........................................................................88.Rozdział 5.Co to znaczy mieć styl, czyli słów kilka o CSS...........................90Formatowanie. .........................................................................................98Pionowe i poziome wyrównanie tekstu.................................................98.Wcięcie pierwszego wiersza akapitu.....................................................98Odstępy.................................................................................................98Dekoracja tekstu...................................................................................99.Małe i wielkie litery..............................................................................100Formatowanie wyglądu czcionki.........................................................100.Kolor i tło.............................................................................................104Marginesy............................................................................................105Programy do tworzenia arkuszy stylów...................................................109Rozdział 6.Tworzenie dynamicznych stron WWW,czyli JavaScript w akcji............................................................111.Typy danych............................................................................................ 114Boolean...............................................................................................114Number...............................................................................................114.String...................................................................................................114Null i Undefined....................................................................................... 115Wyrażenia i warunki................................................................................ 116Inne operatory......................................................................................... 118Wprowadzanie poleceń........................................................................... 1194Spis treściWprowadzanie poleceń w elemencie SCRIPT........................................120Łączenie poleceń w funkcje....................................................................12Sterowanie przepływem..........................................................................125if...else.................................................................................................125while....................................................................................................126do...while.............................................................................................126for........................................................................................................ 126break i continue...................................................................................127switch..................................................................................................127.Okna........................................................................................................129Tworzenie nowego okna przeglądarki.....................................................11Uruchamianie skryptów za pomocą zdarzeń..........................................1.Rozdział 7.Animacja Flash................................................................................ 16Przygotowywanie grafiki..........................................................................17Proste obiekty geometryczne..............................................................19Wypełnienie.........................................................................................141Linie.....................................................................................................144Transformacje.....................................................................................144.Skalowanie i obracanie.......................................................................145Przekształcenia numeryczne..............................................................146.Tekst....................................................................................................146Animacje.............................................................................................147.Przesuwanie grafiki po ścieżce...........................................................152Dźwięk.....................................................................................................156Eksportowanie i publikowanie filmów......................................................158Wskazówki pomocne w optymalizowaniu animacji Flash.......................166Rozdział 8.Promocja..................................................................................161Wyszukiwarki internetowe.......................................................................162Rejestracja..............................................................................................165Element TITLE....................................................................................165.Reklama..................................................................................................169Katalogi.internetowe................................................................................171Ogłoszenia prasowe................................................................................172Poczta.elektroniczna...............................................................................17Banery reklamowe..................................................................................174.Agencje reklamowe.................................................................................176Skorowidz....................................................................................................1775Rozdział 5.Co to znaczy mieć styl,czyli słów kilka o CSSPrzyciski, paski menu, zdjęcia, obrazy— nieodłączne części stron WWW.Wiesz już, jak je tworzyć i jak budowaćz nich całość za pomocą edytorów teks-towych oraz programów WYSIWYG.Znasz podstawy języka HTML, a teraznadszedł czas, aby wyjaśnić, co to są tekaskadowe arkusze stylów, które wielo-krotnie pojawiały się w poprzednich roz-działach. W Paryżu lub Nowym Jorkuokreślenie „mieć styl” oznacza, że cho-dzisz w butach od Gucciego, marynar-kach od Armaniego i dżinsach od Mar-ca Jacobsa. Na szczęście w wirtualnymświecie styl kosztuje dużo mniej. Abymieć styl, wystarczy się zapoznać zespecyfikacją kaskadowych arkuszy sty-lów i stosować tę technologię do budowytworzonych stron.Kaskadowe arkusze stylów (ang.casca-ding style sheets—CSS)są stosowanedo formatowania stron i pozwalają uzy-skać doskonałą kontrolę nad wyglądemcałego dokumentu. Sensowność korzy-stania z kaskadowych arkuszy stylównietrudno udowodnić — wyobraź sobiewitrynę składającą się z dużej liczbystron WWW, nad którą pracuje cała gru-pa programistów. Mając już wyobraże-nie o stopniu skomplikowania zadaniapolegającego na stworzeniu kilku stron,na których używana będzie ta sama sty-listyka — krój, kolor, wielkość czcionki,kolorystyka elementów czy wygląd ta-bel, wyobraź sobie, jak trudno jest zapa-nować nad tymi wszystkimi elementami,gdy masz do ogarnięcia kilkaset stronprojektowanych przez kilka różnychosób.Korzystanie z kaskadowych arkuszy sty-lów oznacza również oszczędność miej-sca, ponieważ styl każdego elementu jestdefiniowany jednokrotnie w pliku defi-nicji stylów, a nie przy każdym wystą-pieniu elementu na stronie, czyli w przy-padku takich elementów jak na przykładakapit czy nagłówek kilkadziesiąt razyna każdej stronie.WskazówkaSzczegółowe informacje na temat kaska-dowych arkuszy stylów znajdziesz podadresem:http://www.w3.org/TR/REC-CSS 290Rozdział 5.Co to znaczy mieć styl, czyli słów kilka o CSS<body><p>Pierwszy akapit</p><p>Drugi akapit</p></body></html>Definicje stylów można wprowadzać doopisu strony na kilka sposobów, któreteraz omówię. Pamiętaj, że każdy z tychsposobów ma swoje wady i zalety, a wy-bór najlepszego sposobu zależy od prefe-rencji programisty oraz sytuacji, w którejstyl ma być zastosowany.Sposób 1.<p style=”color: blue; font-family:Arial; font-size: 12pt; ”>Zawartośćakapitu itd. itd. itd.</p>Definicja stylu jest umieszczona bezpo-średnio w znaczniku. Zaletą tego rozwią-zania jest prostota jego użycia. Styl jestumieszczony wewnątrz znacznika tak,jak umieściłbyś tam odpowiednie atry-buty znacznika. Wadą jest koniecznośćpowtarzania tej definicji dla każdegokolejnego znacznika umieszczanego nastronie.Sposób 2.<html><head><style type=”text/css”>p{color: blue;font-family: Arial;font-size: 12pt;}</style></head>Definicja stylu jest umieszczona w na-główku dokumentu. Tak zdefiniowanystyl odnosi się do wszystkich znaczni-ków tego typu w dokumencie. W naszymprzykładzie styl dotyczy wszystkich aka-pitów, które zostaną umieszczone w do-kumencie. Ale jeśli znajdą się w nimrównież nagłówki, obrazy czy tabele,to definicja stylu nie będzie się już donich odnosić — będą one wyświetlanezgodnie z domyślnymi wartościami. Ta-kie rozwiązanie pozwala na jednokrotnądefinicję stylu dla elementu w obrębiestrony. Jeśli jednak zechcesz użyć tegosamego stylu na innych stronach, to mu-sisz go ponownie zdefiniować w nagłów-kach tych stron.Sposób 3.<html><head><link href=”style.css”rel=”stylesheet” type=”text/css”></head><body><p>Pierwszy akapit</p><p>Drugi akapit</p></body></html>91 [ Pobierz całość w formacie PDF ]