Projektowanie stron WWW



Podobne dokumenty
2 Podstawy tworzenia stron internetowych

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

World Wide Web? rkijanka

Pierwsza strona internetowa

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

URL:

TWORZENIE PREZENTACJI MS POWERPOINT

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

Kurs obsługi systemu CMS. Prawie wszystkie treści wyświetlające się na stronie są zlokalizowane w dziale artykuły.

Drugi rok nauczania semestr I. Ocena Tematyka Dopuszczająca Dostateczna Dobra Bardzo dobra Multimedia

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

PROGRAM KOŁA INFORMATYCZNEGO DLA UCZNIÓW GIMNAZJUM W SKOMLINIE W ROKU SZKOLNYM 2004/2005

Dokumentacja techniczno-użytkowa Serwis internetowy

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr )

Tworzenie Stron Internetowych. odcinek 5

Tomasz Grześ. Systemy zarządzania treścią, cz. II

1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji

Program szkolnego koła informatycznego

Spis treści. Rozdział 1. Wprowadzenie, czyli kilka słów o komputerze / 11

INFORMATYKA dla gimnazjum Opis założonych osiągnięć ucznia wymagania na poszczególne oceny szkolne

Spis treści. Rozdział 2. Graficzna oprawa witryny...z Stosowanie motywu...s...s.. 19

Informatyka. w ćwiczeniach. Plan wynikowy. Wydanie nowe Drugi rok nauczania. Bożena Kwaśny Andrzej Szymczak Maciej Wiłun

Planowanie strony www. Grunt to organizacja

Spis treści. Warto zapamiętać...2. Podstawy...3

Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami.

Informatyka kl. 1. Semestr I

Tworzenie prezentacji w MS PowerPoint

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

PLAN WYNIKOWY Z INFORMATYKI DLA KLASY VI

Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Technik Informatyk

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Spis treúci. Księgarnia PWN: Paweł Kobis - Marketing z Google. Podziękowania O Autorze Wstęp... 13

Projektowanie aplikacji internetowych Tworzenie własnego portalu Internetowego przy użyciu oprogramowania SharePoint Services

RAMOWY HARMONOGRAM SZKOLENIA

Wymagania na poszczególne oceny w klasach I gimnazjum

Wstęp do poradnika metodycznego Przykładowy rozkład materiału 13 I rok nauczania...13 II rok nauczania...13 Rozkład materiału:...

Tworzenie prezentacji multimedialnej Microsoft PowerPoint

Informatyka. w ćwiczeniach. Plan wynikowy. Wydanie nowe Drugi rok nauczania. Bożena Kwaśny Andrzej Szymczak Maciej Wiłun

FORMATY PLIKÓW GRAFICZNYCH

Poziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający- D Uczeń:

Pracownia internetowa w każdej szkole (edycja Jesień 2007)

KATEGORIA OBSZAR WIEDZY

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej.

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

#1 Wartościowa treść. #2 Słowa kluczowe. #3 Adresy URL

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń:

Instrukcja obsługi szablonów aukcji

SYLABUS DOTYCZY CYKLU KSZTAŁCENIA realizacja w roku akademickim 2016/2017

inż. Konrad Postawa Akademia Aktywnego Seniora Wolontariusza

SYSTEMY ZARZĄDZANIA TREŚCIĄ WORDPRESS

biegle i poprawnie posługuje się terminologią informatyczną,

Proste kody html do szybkiego stosowania.

Internetowa strategia marketingowa

GRAFIKA SIECIOWA. WYKŁAD 2 Optymalizacja grafiki. Jacek Wiślicki Katedra Informatyki Stosowanej

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, O STRUKTURZE PRZEDMIOTOWEJ

Poradnik SEO. Ilu z nich szuka Twojego produktu? Jak skutecznie to wykorzystać?

1. Przypisy, indeks i spisy.

Edycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji

Tworzenie Stron Internetowych. odcinek 9

Przewodnik... Tworzenie Landing Page

e r T i H M r e n L T n

WYMAGANIA EDUKACYJNE Z ZAJĘĆ KOMPUTEROWYCH DLA KLASY SZÓSTEJ W ZAKRESIE WIADOMOŚCI I UMIEJĘTNOŚCI UCZNIÓW

Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można

MasterEdytor. Podprogram pomocniczy do programu mpfotoalbum 1.2 INSTRUKCJA

Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu:

WYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV

Numer i nazwa obszaru: Temat szkolenia:

Zasady tworzenia dobrych prezentacji

Tworzenie stron WWW PROGRAM AUTORSKI. Spis treści ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE

KRYTERIA OCENIANIA II ETAP EDUKACYJNY ZAJĘCIA KOMPUTEROWE KLASA IV KLASA V KLASA VI. DOPUSZCZAJĄCY Uczeń

zaprasza Państwa na szkolenie MS Excel -poziom średnio zaawansowany zgodne z: Intermediate Microsoft Excel 2016 (zgodne z MS 55166A)

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

3.1. Na dobry początek

Informatyka dla szkół ponadgimnazjalnych zakres podstawowy

Tworzenie dokumentów oraz prezentacji programu Młodzi Aktywiści Prezydencji przy wykorzystaniu EduTuby

Kryteria ocen zajęcia komputerowe klasa 4

Plan nauczania informatyki Opracował: mgr Daniel Starego

Aplikacje Internetowe

Tworzenie formularzy w Microsoft Office Word 2007

Aplikacje WWW - laboratorium

OGŁOSZENIE O ZAMÓWIENIU O WARTOŚCI PONIŻEJ EURO. Zn. spr. ZG /2014

Spis treści. Od autorów / 9

Rozkład materiału nauczania informatyki w klasie 5a, 5b, 5c i 5d.

Wymagania edukacyjne Informatyka zakres podstawowy po szkole podstawowej

INDYWIDUALNY PLAN DZIAŁANIA

Sigplus. Galeria w Joomla

Księgarnia internetowa Lubię to!» Nasza społeczność

Dodawanie grafiki i obiektów

Opracowanie: Katarzyna Ziemińska. INFORMATYKA KRYTERIA WYMAGAŃ Gimnazjum Specjalne

Ćwiczenie 1 (28) Zakładanie darmowego konta pocztowego.

Edytor Edit+ - dodawanie zdjęć i. załączników. Instrukcja użytkownika

Transkrypt:

Projektowanie stron WWW Projektowanie stron WWW, podobnie jak tworzenie wstępnego zarysu książki, planowanie czy malowanie, może być czasami bardzo złożonym procesem. Wcześniejsze opracowanie ogólnego planu może być niesłychanie pomocne w pracy nad szczegółowymi rozwiązaniami, może też zapobiec ewentualnym komplikacjom. Jak opracowywać prosty plan i strukturę grupy stron WWW: zdecydować, jaką treść chcesz zaprezentować, wyznaczyć cele, którym służyć ma witryna, podzielić treść na główne tematy, stworzyć ogólny plan witryny. Z planem w ręku możesz przystąpić do lektury kolejnych rozdziałów, gdzie nauczysz się tworzyć pojedyncze strony WWW, hiperpołączenia między nimi oraz uatrakcyjniać strony poprzez wstawianie grafiki i mediów innego rodzaju.

Edytory Do edycji stron WWW wystarczy nam zwykły Notatnik, ale praca nad stroną przy wsparciu specjalistycznego edytora HTML będzie znacznie wygodniejsza i szybsza, a do tego nie będziemy musieli znać dokładnie konstrukcji każdego ze znaczników. Świetna lista edytorów http://dir.yahoo.com/computers_and_internet/software/internet/world_wide_web /html_editors/ HomeSite http://www.allaire.com/products/homesite/ HotDog (dla Windows) http://www.sausage.com/ HoTMetaL Pro (Windows, Macintosh, UNIX) http://www.hotmetalpro.com/ HTML Assistant Pro (Windows) http://www.exit0.com/ns/home.html HTML Transit (Windows) http://www.intranetsolutions.com/ Microsoft FrontPage (Windows, Macintosh) http://www.microsoft.com/frontpage/

Grafika Stosowanie grafiki na stronie jest zjawiskiem normalnym, ale wskazany jest umiar. Należy kierować się zasadą złotego środka. Musimy pamiętać, że nie każdy posiada szybki dostęp do Internetu. Dlatego ilość umieszczonej grafiki oraz wielkość poszczególnych elementów nie powinna być zbyt duża. Dobrą zasadą jest umieszczanie na jednej stronie nie więcej niż 70 kb elementów graficznych oraz rezygnacja z pojedynczych elementów większych niż 30 kb. Chcąc publikować większe grafiki lub zdjęcia, powiadom o tym odwiedzających strony, umieść miniatury oryginalnych grafik, a następnie ustaw dla nich hiperłącza do oryginałów. W ten sposób każdy będzie mógł zobaczyć stronę. Najpopularniejszym formatem plików graficznych do zastosowań w Internecie jest format GIF (Graphics Interchange Format). Obrazy GIF są interpretowane niemal przez wszystkie typy przeglądarek. Drugim na liście formatów plików graficznych stosowanych w Internecie jest format JPEG (Joint Photographics Experts Group). Format JPEG to najlepszy wybór dla prezentacji fotografii. Umieszczając na stronie obrazy należy pamiętać o tekście alternatywnym. Informuje on użytkowników o treści obrazu, jeśli przeglądarka obrazu z jakichś względów nie wyświetla. Dodanie tekstu alternatywnego umożliwia atrybutu alt znacznika <img>. Przed publikacją warto samemu sprawdzić szybkość ładowania strony lub za pomocą odpowiednich programów, dostępnych w Internecie (np. na serwerze TUCOWS), które potrafią symulować prędkość modemu i podzć przybliżony czas ładowania strony.

Tło Dobór odpowiedniego tła to bardzo ważna sprawa, od tego zależy jak nasza strona będzie wyglądała. Używaj kolorów tła i tekstu tak, aby kontrast był wyraźny, a całość możliwa do czytania. Używając tła będącego grafiką należy tak samo pamiętać o doborze kolorów, oraz o wielkości plików. Pliki te nie powinny być zbyt duże. O ile to możliwe korzystaj z efektu powielania tła w pionie i w poziomie. Nie umieszczaj w tle obrazków opartych na efekcie wytłoczenia jakiegoś symbolu. Całość jest wtedy nieczytelna i nieelegancka. Przy projektowaniu stron oficjalnych dla firm staraj się używać jednokolorowego tła o stonowanych barwach. Inne rozwiązania są mało eleganckie.

Formatowanie Formatuj strony przy pomocy zewnętrznych kaskadowych arkuszy stylów. Taki sposób formatowania bardzo ułatwi zmiany lub odświeżanie wyglądu stron. Nowe tendencje i możliwości pozwalają wydzielić trzy zupełnie niezależne elementy stron: szablon tekst formatowanie za pomocą CSS Tak skonstruowana strona może być modyfikowana małym nakładem pracy. Zmiana wyglądy całego serwisu wiąże się tylko ze stworzeniem nowego szablonu. Podobnie wygląda sprawa ze zmianą formatowania. Najnowsze rozwiązania dużych serwisów oparte są na bazach danych i formularzach do aktualizacji. To wszystko zostało wymyślone po to, aby projektowanie stron było łatwiejsze i szybsze.

Ramki Stosowanie ramek na stronach jest bardzo ważną kwestią, ramki mają swoich zagorzałych zwolenników i przeciwników. Stosowanie ramek ma swoje wady i zalety. Ramki należy używać z umiarem i tylko w sytuacjach kiedy użycie ich daje pozytywne efekty.

Prawidłowa promocja serwisu Wykonanie strony to jedynie połowa sukcesu, chyba że robimy strony jedynie dla siebie i nie zależy nam na tym, aby ktoś inny je oglądał. Dlatego bardzo ważna jest promocja naszej strony. Istnieje wiele sposobów promocji: systemy wymiany banerów, grupy dyskusyjne, wyszukiwarki i katalogi sieciowe, listy mailingowe, stopki doklejane do poczty wysyłanej za pośrednictwem darmowych serwisów, publikacje witryn na płytach CD dołączanych do wydań popularnych magazynów, itp... Podstawową metodą jest odpowiednie przygotowanie strony oraz jej rejestracja w katalogach i wyszukiwarkach sieciowych. Katalogi i wyszukiwarki indeksują strony na dwa sposoby: sprawdzają w kodzie strony znacznik meta ( keywords i description ) na podstawie danych podanych w formularzu zgłoszeniowym - rejestracja strony na serwisie indeksującym

keywords i description Definiując znacznik meta trzeba pamiętać o odpowiednim dobieraniu słów kluczowych. Nie każdy z poszukujących stron w sieci będzie miał takie samo pojęcie o tym, czego szuka. Chodzi o to, że słowa kluczowe dla nas są oczywiste, natomiast dla innych ludzi mogą być zupełnie niezwiązane z tematyką stron. Dlatego powinniśmy przewidzieć możliwie najwięcej słów i tak dobrać ich zawartość, by dla każdego były tak oczywiste jak dla nas. Nie jest to proste zadanie, ale z czasem łatwo dojść do wprawy. Warto zadać sobie trud i dla każdej ze stron określić odpowiednie słowa kluczowe oraz opisy zgodne z treścią danej strony. Dobrym rozwiązaniem jest określenie indywidualnych słów kluczowych dla wszystkich dokumentów naszego serwisu. Dzięki temu odnalezienie tej jednej strony stanie się znacznie prostsze.

Rejestracja strony na serwisie indeksującym Dodanie naszej strony do wybranych katalogów i wyszukiwarek sieciowych jest zajęciem prostym ale pracochłonnym. Istnieją metody ułatwiające proces rejestracji. Do wyboru mamy kilka programów typu shareware ( np. AddWeb, SubmitWolfPro itp... ). W sieci Internet istnieją również serwisy rejestrujące ( np. http://www.netmagia.pl/rejestrator ) Wypełniamy odpowiedni formularz, wybieramy interesujące nas katalogi i wyszukiwarki, następnie wybieramy rejestracje i pozostaje tylko czekać. Po zakończeniu rejestracji większość wyszukiwarek wysyła do nas pocztę, informującą, że nasze strony zostały zaindeksowane.