Struktura strony - szablon

<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Twoja wspaniała strona www</title>
</head>
<body>

Tutaj zawartość Twojej wspaniałej strony www

</body>
</html>

Formatowanie tekstu:

<br/>
<b>napis</b>
<i>napis</i>
<u>napis</u>
<h1>napis</h1>  -numer to poziom nagłówka
<small>mniejsza czcionka</small>
<center>centrowanie</center> -validacja! popr.stylem

Bloki:

<span> </span>  -wydzielenie fragmentu txt do stylów
<p> akapit </p>
<div> blok </div>

Wstawianie obrazków:

<img src="adres pliku" width="300">
<body background="adres pliku"> -można też w <TD> :)

Wstawianie linków:

<a href="adres linku">napis lub obrazek</a>

Tabela: (tr - wiersz, td - komórka w wierszu)

<table border="1">
<tr><td>1</td><td>2</td></tr>
<tr><td>aaaa</td><td>bbbb</td></tr>
</table>

Scalanie komórek:

<td colspan="2">Zawartosc</td> scalenie poziome
<td rowspan="2">Zawartosc</td> scalenie pionowe

Wybrane style CSS:

<p style="color:red;"> przykład wstawienia CSS </p>

<div style="border-top-style: solid; border-top-color: #ffaa00; border-top-width: 8px; border-bottom-style: solid; border-bottom-color: #ffaa00; border-bottom-width: 8px;">blok z tekstem</div>


color:red;
font-size: 20px;
font-family: verdana, Arial;
border-top-style: solid;  (dashed,dotted,double, groove,ridge,inset,outset)
border-top-color: #ffaa00;
border-top-width: 12px;
margin-top: 12px;
padding-top: 12px;
(można wpisać - top, left, right, bottom)
umieszczanie elementów obok siebie - float

WIĘCEJ NA STRONIE -> kurshtml.edu.pl

Elementy języka php

Notatki do lekcji:

1. Wstawianie kodu, zmienne, pobieranie wartości z klawiatury

To już było na lekcjach normalnych w szkole :)

2. Obsługa formularzy w php - pobieranie danych metodą POST

Jak wam mówiłem, przesyłanie danych z klawiatury komputera, do skryptu wykonywanego na odległym serwerze php nie jest tak proste jak w C++. Dane należy przesłać za pomocą formularza. Każde pole formularza musi posiadać odpowiednią nazwę, która później będzie identyfikować zawartość tego pola w tablicy np. POST. Formularz można też wysłać metodą GET, ale o niej później.

Tablica POST jest wysyłana z przeglądarki lokalnego komputera na serwer z plikiem php i wtedy serwer jest w stanie odebrać z tej tablicy wartość, którą wpisaliśmy. Jednym ze sposobów wysłania takiej tablicy jest wysłanie formularza (przycisk submit). W polu action wpisujemy do którego pliku php chcemy wysłać dane z formularza. Jeśli zostawimy to pole puste action="" formularz zostanie przesłany do tego samego pliku co jest on sam zawarty (takie odświeżenie strony z przesłaniem danych z formularza).

Pamiętajcie, że w php zmienne żyją jedynie w momencie wykonywania skryptu więc gdy zobaczymy jakąś stronę na ekranie - na serwerze już tych zmiennych nie ma. Stanowi to spory problem, ponieważ zmienne znikną też np. przy odświeżaniu strony. Jest na to dość prosty w użyciu sposób - sesje

3. Obsługa sesji czyli jak przekazać wartość zmiennej z jednej strony na drugą

Sesje tworzą na serwerze specjalną tablicę SESSION, która nie zniknie po odświeżeniu strony, co więcej będzie też dostępna w innych podstronach naszej strony internetowej. Warunek jest taki: dokładnie na POCZĄTKU pliku każdej podstrony należy użyć funkcji rozpoczynającej sesje (patrz notatki). Od tej pory można w tej tablicy tworzyć nowe pola, które można traktować jak zmienne w programie.

Przykładem użycia sesji jest mechanizm logowania. Za pomocą formularza przekazujemy login i hasło, następnie skrypt sprawdza, czy taki login i hasło są w bazie - jeśli tak: tworzą w tablicy sesji zmienną np. zalogowany i ustawiają jej wartość na 1. Jeśli wchodząc na inną podstronę naszego serwisu sprawdzimy czy istnieje taka zmienne i czy ma wartość 1 będziemy pewni, że ktoś jest już zalogowany :) Możemy też zamiast wartości 1 ustawić wartość będącą numerem klucza użytkownika z bazy - wtedy będziemy wiedzieć nawet kto dokładnie jest zalogowany :). Jeżeli nikt się nie zalogował - wartość tej zmiennej niszczymy lub ustawiamy na 0.

Sesje - kurs zewnętrzny z wyjaśnieniami

4. Metoda GET - czyli przekazywanie wartości zmiennej przez wpisanie jej jawnie w link

Czasem możemy wysłać zmienną do skryptu poprzez kliknięcie w odpowiednio przygotowany link. Zobaczcie co teraz się wyświetla w adresie w waszej przeglądarce :)

info.lo2.radomsko.pl/index.php?numer=12

To oznacza, że wyświetlany jest efekt wykonania pliku index.php, ale nie taki zwykły. Dodatkowo przesłałeś (albo przesłałaś) zwykłym kliknięciem w link wartość zmiennej o nazwie numer. W skrypcie sprawdzam tę wartość i wyświetlam odpowiednią treść na stronie. Gdy w przeglądarce zmienisz liczbę po znaku = pojawi się inna podstrona (oczywiście należy potwierdzić enterem).

Więcej informacji w pliku z linku 4

5. Obsługa bazy danych za pomocą instrukcji z php

Tutaj są konkretne przykłady jak połączyć się z bazą, jak się zalogowac od bazy (root to taki login, '' oznacza że hasło jest puste - takie ustawienia ma domyślnie XAMPP)

Najtrudniejsze jest zrozumienie, że każde pobranie danych z bazy daje nam tablicę, którą należy rozłożyć na poszczególne rekordy. Tablicą jest też wynik zapytania dający pojedynczy rekord!

6. Przykłady wykorzystania danych pochodzących z bazy SQL - logowanie, wyświetlanie

Tutaj macie kilka przykładów gotowych elementów:

- dodawanie rekordów do bazy

- sprawdzenie czy jest ktoś zalogowany

 

 

A tutaj gotowy przykład systemu logowania - trzeba przerobić na nasze potrzeby