• kursy projektowania stron internetowych
  • kursy komputerowe pakietu office
  • kursy podstawowe obsługi komputera

Kursy komputerowe projektowania stron internetowych w Warszawie

Z przerobieniem całego programu mieścimy się zawsze w 15 h, gdyż jest to tryb indywidualny,
w którym kurs idzie około 2 razy szybciej niż w grupie. Kurs można wydłużyć o większą ilość projektów.

Na kursy zapraszamy zarówno młodzież jak i osoby po czterdziestce.
Wiemy, iż młodzież nie wynosi ze szkół pełnej wiedzy o tworzeniu stron internetowych.
Bardzo często w szkole poznaje się tylko tagi HTML a nie ma w programie styli CSS.
Wiemy również, iż sporo osób zamówiło kiedyś u kogoś wykonanie strony WWW a teraz chce ją często aktualizować. Zdarza się, iż twórca strony internetowej nie ma czasu aktualizować Państwa stron,
albo chce za to brać sporo pieniędzy. Warto więc nauczyć się wykonywać te proste czynności samodzielnie.

Poniżej program kursu komputerowego, który oferujemy w dziedzinie kursów projektowania stron internetowych.

Wstęp

  • Co oznaczają skróty HTML, XHTML ?
  • Historia tworzenia stron internetowych ( stron www ) w Polsce
  • Rodzaje stron internetowych
  • Porównanie popularnych edytorów - programów do tworzenia stron www

Początki poznawania XHTML

  • Szablon strony www
  • Typy dokumentów HTML, XHTML
  • Sekcja head i sekcja body strony internetowej

Szczegółowe poznanie sekcji head

  • Tagi sekcji head a pozycjonowanie stron www w wyszukiwarce Google
  • Metatag odpowiadający za wyświetlanie polskich znaków diaktrycznych
  • Metatag z opisem strony pod wyszukiwarkę Google
  • Metatag słów kluczowych dla robota Googlebot
  • Metatag dla robotów wyszukiwarek
  • Tytuł strony
  • Inne metatagi, geopozycja

Sekcja body strony internetowej

  • Stworzenie najprostszej strony tylko z tekstem akapitowym

Przesłanie najprostszej strony do internetu ( opublikowanie w sieci )

  • Konto serwerowe - hosting
  • Domena
  • Ćwiczenia z użyciem klienta FTP - przesyłanie plików na serwer

Walidacja kodu

  • Podstawowe reguły walidacji kodu
  • Konsorcjum W3C i wchodzenie w walidator
  • Ikony dla walidujących się stron

Tagi XHTML dla tekstów

  • Jak napisać znaki specjalne jak np. £, €, © < lub >
  • Formatowanie tekstu, czcionki, akapitów
  • Jak dodać kolor czcionki, kod szesnastkowy koloru, pobranie koloru z innej strony www
  • Jak podejrzeć kod XHTML innych stron internetowych

Bardziej zaawansowane tagi z języka XHTML

  • Wczytywanie grafiki - zdjęć, grafów, wykresów, schematów
  • Źródła darmowych lub bardzo tanich zdjęć z internetu
  • Darmowe programy do obróbki grafiki podobne do płatnego Photoshopa
  • Ćwiczenia zmniejszania, wyostrzania zdjęć i umieszczania ich w galerii na stronie www
  • Implementacja skryptu galerii - zdjęcie małe i powiększenie
  • Tworzenie hiperłączy do innych stron, podstron, poczty email
  • Zasady tworzenia ścieżek - ścieżki do innych podstron, zdjęć na serwerze, ścieżki względne i bezwzględne
  • Mapa obrazu, mapowanie obrazu - hiperłącze w części grafiki
  • Listy punktowane i numerowane
  • Hiperłącze do numeru gadu-gadu
  • Etykieta i hiperłącze do etykiety
  • Wstawianie obiektów Flash, filmów, hiperłącze do filmów na YouTube

Kod XHTML a pozycjonowanie stron internetowych

  • Obiekty we Flashu a całe strony we Flashu
  • Nazwy plików
  • Pozycjonowanie a tagi wstawiające grafikę
  • Linkowanie - linki wewnętrzne i zewnętrzne
  • Linki w menu strony
  • Tagi ( znaczniki XHTML ) odpowiedzialne za pozycjonowanie strony www

Tabele w XHTML

  • Tagi związane z obiektem tabeli : wiersz, komórka, scalanie, szerokości, itp.
  • Layout strony internetowej oparty na tabeli

Ramki

  • Strona zbudowana na ramkach - ogólne zapoznanie z technologią stosowaną 15 lat temu, której się już nie używa

Formularze

  • Tagi związane z formularzami
  • Ćwiczenia budowania podstron typu "Kontakt" lub "Ankieta"- pola tekstowe, listy rozwijane, opcje wyboru typu "radio" lub checkbox, inne formanty formularza

Projekt serwisu www opartego na layoucie tabeli

  • Tworzenie strony głównej serwisu od zera
  • Layout z banerem w topie. tekstem na środku ze zdjęciem
  • Stopka ze znakiem praw autorskich
  • Podstrona kontaktowa - formularz
  • Podstrona z cennikiem i linkami do dokumentów w PDF

Kaskadowe arkusze stylów CSS

  • Definicja CSS
  • Geneza CSS
  • Pozycjonowanie stron w Google a CSS
  • Walidacja CSS
  • Style wpisane, style w sekcji head, style w arkuszu CSS
  • Dziedziczenie i kaskadowość
  • Zestawy styli do tagów, klas, id - implementacja w XHTML i CSS
  • Selektor uniwersalny, selektory tylko dla Internet Expliorer 6
  • Arkusze tylko dla konkretnej przeglądarki - warunki w XHTML

Ćwiczenia i projekty mikro stron opartych na CSS

  • Pseudoklasy ze stylami dla różnych stanów linków
  • Style dla czcionek
  • Style dla tekstu akapitowego
  • Formatowanie słów i poszczególnych liter
  • Formatowanie całych akapitów
  • Formatowanie list punktowanych i numerowanych - punktory z plików graficznych

CSS i DIV-y

  • Layout strony oparty na blokach DIV
  • Style CSS na marginesy zewnętrzne, wewnętrzne, obramowania
  • Style tła bloków div lub body
  • Style na rozmiary bloków
  • Przepełnienie pojemnika DIV
  • Elementy pływające i czyszczenie pływania
  • Naprawa błędów przeglądarki Internet Explorer 6.0

Projekt serwisu www w layoucie bloków DIV z wykorzystaniem zewnętrznego arkusza CSS

  • Baner jako tło pojemnika
  • Layout dwukolumnowy
  • Błędy IE6
  • Pływające kolumny, pływający tekst
  • Style dla zdjęć

Inne techniki CSS

  • Style pozycjonowania
  • Pozycjonowanie absolutne i relatywne
  • Style CSS dla drukarek
  • Style CSS dla śmiesznych kursorów, koloru przewijaka strony, itp.

Projekt strony www w DIV, CSS z drobno pociętej grafiki layoutu

  • Zakładanie bloków DIV i komentowanie kodu
  • Struktura większego serwisu - podziały folderów, ścieżki cofające, wysyłka na serwer

Kwestie związane z HTML5

  • Wprowadzenie do języka
  • Ćwiczenia
  • Zmiana znaczników