HTML5 – język wykorzystywany do tworzenia i prezentowania stron internetowych www.
-HTML 5 jest pisane z myślą o kompatybilności wstecznej
- Dzięki HTML-owi 5 obsługa błędów ma być ta sama we wszystkich przeglądarkach
-HTML5 także stawia na semantykę. Element <div> traci na znaczeniu na rzecz <header> <main> <article> <aside> <canvas> <figure> <footer> <details> <summary> <nav>. Element <span> ma być mniej używany na rzecz <mark> <output> <var> <u> <s>
-Nowe tagi: section, article, header, footer, nav, video, audio, mark, progress, ...
-Nowe typy pól "input": tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
-Nowe atrybuty elementów formularzy: autofocus, required, autocomplete, min, max, multiple, pattern, step, ...
-Możliwość osadzenia MathML i SVG bezpośrednio w dokumencie, zupełnie jak w XHTML
-HTML 5 nie zawiera żadnych elementów prezentacyjnych
-HTML 5 nie jest podzielone na żadne tryby – nie ma elementów przestarzałych.
-Rysowanie 2D z nowym elementem canvas,
-WebGL (port OpenGL dla przeglądarek),
-API dla odtwarzania audio i video,
-API dla aplikacji offline,
-API, pozwalające zarejestrować aplikację WEB jako protokół lub media_type,
-API edycji z atrybutem contenteditable,
-API przeciągnij i upuść, z atrybutem draggable,
-API do obsługi przycisku wstecz (History API),
-API pamięci (storage) pozwalające na przechowywanie danych pomiędzy przeładowaniami strony,
-Microdata – przechowywanie danych w atrybutach (prefix: data-),
-Geolokalizacja,
-Web Sockets (dwukierunkowa komunikacja z serwerem),
-Komunikacja między stronami (np. można wysyłać informację do strony znajdującej się w ramce).
-Nowa wersja XMLHttpRequest umożliwiająca upload plików oraz monitorowanie postępu
-File API – dostęp do systemu plików po stronie klienta
-Baza danych SQL
Znacznik. Specjalny tekst, umieszczony w nawiasach ostrych, np.: <b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Charakteryzują je dwie cechy: atrybuty i zawartość. Atrybuty elementu są zawarte w znaczniku otwierającym (po nazwie znacznika), natomiast zawartość umieszczana jest pomiędzy znacznikiem otwierającym i zamykającym. (np. <nazwa-znacznika atrybut="wartość">zawartość</nazwa-znacznika>). Większość atrybutów elementów składa się z par nazwa-wartość, rozdzielonych znakiem "=", zawartych w znaczniku otwierającym elementu, po jego nazwie. Wartość może być zawarta w pojedynczych lub podwójnych cudzysłowach.
Deklaracja typu dokumentu określa poziom użytego na stronie języka HTML.
Elementy blokowe są takimi fragmentami, które zajmują samodzielne miejsce - nie można umieścić obok siebie, w jednej linii, dwóch elementów blokowych, np. dwa akapity, dwie poziome linie czy dwa śródtytuły mogą występować zawsze jeden pod drugim. Przeciwieństwem elementów blokowych są elementy wierszowe (liniowe), które mogą występować obok siebie, w jednym wierszu, jak <span> czy <small>.
Nagłówki (h1, h2) W języku HTML mamy do dyspozycji sześć poziomów tytułów, które można stosować hierarchicznie - tytuł stopnia drugiego, z punktu widzenia logiki treści, jest podrzędny w stosunku do tytułu stopnia pierwszego, a trzeci - w stosunku do drugiego.
Blok dokumentu. Polecenie div (blok, sekcja) jest we współczesnym semantycznym webmasterstwie jednym z fundamentalnych poleceń języka HTML, które odgrywa istotną rolę w grupowaniu wielu różnych elementów i pozycjonowaniu fragmentów dokumentu. w HTML 5 polecenie div utraciło jednak część swoich funkcji, gdyż autorzy specyfikacji postanowili wydzielić specjalną grupę poleceń - header, footer, nav, section, article, hgroup, aside (mówimy o nich w rozdziale o strukturze dokumentu) - które tworzą szkielet strony, natomiast poleceniu div pozostawili uzupełniające zadanie tworzenia pozostałych bloków elementów. Polecenie pozwala wydzielić większy blok w dokumencie, np. fragment tekstu, grafikę czy wykaz (nawet kilka różnych elementów jednocześnie), a następnie nadać mu jakiś rodzaj formatowania, np. środkowanie lub dosunięcie do prawego marginesu, nadanie koloru itd.
Listy. Lista wyponktowana (<ul>,<li>), Numerowana (<ol>,<li>), Definicji (<dl><dt>wyrażenie</dt><dd>definicja</dd></dl>
Przy tworzeniu tabeli podstawę stanowią następujące znaczniki:
<table> - ten znacznik stanowi "ramę" wewnątrz której zawiera się cała definicja tabeli;
<tr> - ten znacznik służy do zdefiniowania pojedynczego wiersza tabeli. W jego obrębie muszą znajdować się definicje poszczególnych komórek tabeli;
<td> - ten znacznik z kolei służy do zdefiniowania pojedynczej komórki tabeli;
<th> - znacznik ten podobnie jak znacznik <td> definiuje pojedynczą komórkę tabeli. Różnica jest jednak taka że znacznik <th> tworzy komórkę nagłówka - test w takiej komórce jest pogrubiony.
Formularze: Dzięki nim osoby odwiedzające stronę mogą wykonać wiele czynności, jak np. wysłać wiadomość do właściciela witryny, zarejestrować się, zalogować się do prywatnej części serwisu czy zakupić coś w sklepie internetowym
Xhtml –bardziej restrykcyjny niż html i pozwala robić to samo
css - pozwala nam na definiowanie prezentacji (kolor wielkość w jakim miejscu co ma być)
selektory: proste, uniwersalne, potomka, dziecka, sąsiednie lub rodzeństwa, identyfikatora, klasy, pseudoklasy, pseudoelementy.
JavaScript, JS – skryptowy język programowania, najczęściej stosowany na stronach internetowych. interpretowany przez przeglądarkę. bardziej mówiąc język wykonujący się po stronie klienta. Istnieja instrukcje warunkowe główne (if switch) oraz wyrażenie znakiem. Wszystkie implementacje JavaScriptu dostępne w przeglądarkach internetowych dostarczają obiektów reprezentujących drzewo dokumentu. Mogą także umożliwiać tworzenie ciasteczek, manipulowanie oknami przeglądarki, wyświetlanie prostych okien dialogowych, pobieranie informacji o przeglądarce, zarządzanie jej pluginami oraz arkuszami stylów. Reagują także na zdarzenia wywoływane w interfejsie.
Pętlę w programowaniu pozwalają nam wykonywać dany kod pewną ilość razy. while (wyrażenie) {...fragment kodu który będzie powtarzany...}, do ... while. Zasadniczą różnicą między tym typem a poprzednim jest to, że kod który ma być powtarzany zostanie wykonany przed sprawdzeniem wyrażenia. for, forin.
DOM? Pozwala na reprezentacje dokumentu html w postaci dokumentu obiektowego niezależny od platformy i od jezyka programowania. Drzewo DOM. DOM to sposób przedstawienia dokumentu. Jest to zestaw metod i pól, które umożliwiają odnajdywanie, zmienianie, usuwanie i dodawanie elementów. Obiektowy model dokumentu (Document Object Model, DOM) – sposób reprezentacji złożonych dokumentów XML i HTML w postaci modelu obiektowego. Model ten jest niezależny od platformy i języka programowania.Standard W3C DOM definiuje zespół klas i interfejsów, pozwalających na dostęp do struktury dokumentów oraz jej modyfikację poprzez tworzenie, usuwanie i modyfikację tzw. węzłów
jQuery – lekka biblioteka programistyczna dla języka JavaScript, ułatwiająca korzystanie z JavaScriptu (w tym manipulację drzewem DOM).
PHP –obiektowy język pozwalający generować strony internetowe w czasie rzeczywistym wykonuje się po stronie serwera. Jest możliwość by współpracował z baza danych. Potrzebny serwer www http by działa Tworzy to AMP lub Lamp Wamp.
Ciasteczka-pliki przechowywane na naszych komputerach trzymaja rózne informacje np. czy ktos się zalogowal, kiedy było się na stronie i można to zczytac z naszego komputera. Dzieki temu jesteśmy w stanie mieć taka sytuacje ze serwer nas pamiętał.
SQL-jezyk zapytan służący do tworzenia modyfikowania danych z baz danych i wyróżniamy 4 pozdbiory jezyka SQL dml ddl dcl dql.
DML-do wykonywania operacji na danych inset delete uptade
DDL-pozwala na operowanie na strukturach tzn polecenia create, drop alter(modyfikuje)
DCL-pozdbiór służy do nadawania i zabierania uprawnien. Grand revoke.
Dql- zapytania do bazy danych (selekt)
Phpmyadmin-pozwala na dostep do baz danych.
PDO-rozszerzenie które pozwala na połaczenie z baza danych, jest niezaleny od baz danych.
CMS-programowanie ułatwiace tworzenie serwisu www i pozniejsza jego modyfikacje. powinno być na tyle latwe by nie zatrudniac informatyka by dodac np. zdanie na jednej stronie.
CECHY CMS- oddzielenie tresci od wygladu. tresc sładowana w bazach danych,szablony to takie nakładki które są wypełniane później jakas treścia.
System zarządzania treścią editWEB CMS został skonstruowany w układzie podzielonym na trzy części. Jest to sprawdzony układ zarówno w zaawansowanych aplikacjach internetowych jak i tych tradycyjnych działających w środowisku windows. W górnej części, czasami nazywanej tez północną znajduje się główne menu aplikacji, znajdują się w nim wszystkie dostępne opcje. Lewa część, lub inaczej zachodni sektor to rozwijane drzewo kategorii aktualnie tworzonego serwisu. Natomiast w centralnej części znajdują się dynamicznie wywoływane zakładki z formularzami i opcjami potrzebnymi do zarządzania serwisem.
Typy CMS: systemy zarządzania dokumentami (Document Management), wiedzą (Knowledge Management), zasobami cyfrowymi (Digital Asset Management), obiegiem treści (Enterprise Content Management), oraz na systemy zarządzania treścią znajdującą się na stronie internetowej (Web Content Management).
ODMIANY CMS-OW-CONTENT MANAGMENT FRAMEWORK ; MODULE BASED SYSTEM, CONTENT OBJECT SYSTEMS,
CMF-szkielet służący do budowy CMS-OW (baza dla CMS-A)
COS-system skłądajacy się z obiektów które mogą być w roznych miejscach strony(takie klocki)
JOOMLA- system zarządzania treścią napisany w języku PHP, wykorzystujący bazę danych MySQL, rozprowadzany na zasadach wolnego oprogramowania[2].
Joomla! jest pochodną systemu Mambo.
DRUPAL-SYSTEM ZARZADZANIA TRESCIA I FREJMŁORK =D napisany w php można używać z roznymi bazami danych nie tylko z msqlem
Wordpress- korzysta z php i mysql-a
Warto pamiętać joomla i wordpress-proste w obsłudze.