Strona internetowa to wyzwanie dla początkującego twórcy, dlatego chcemy w tym dziale w prosty sposób przeprowadzić twórcę przez cały proces związany z tym tematem.
Od początku.
Aby zacząć pracę nad utworzeniem strony internetowej należy poznać podstawowe składniki, bez których nie będzie możliwe działanie, nawet prostej strony, w internecie.
Do rozpoczęcia pracy potrzebujemy:
1. Przeglądarki www, np: Firefox, Chrome, Opera, Safari itd.
2. Hosting (Serwer: interpreter)
3. Szablon strony www (notatnik do edycji)
4. Poznanie HTML i CSS
5. Program do transferu plików na serwer, np: FileZilla
7. Podstawy PHP, SQL, JS (dla zaawansowanych)
6. Baza danych (dla zaawansowanych)
Start:
Otwieramy przeglądarkę i w pasku adresowym wpisujemy "darmowy hosting".
Wybieramy usługodawcę i rejestrujemy swoje konto postępując według wskazówek operatora.
Po założeniu konta tworzymy nazwę strony internetowej, np: mojastrona.pl, potem wyszukujemy informacje na temat połączenia FTP:(Nazwa Naszej strony internetowej, nazwa użytkownika, hasło, port)
Pobieramy ze strony internetowej program FileZilla i instalujemy go na komputerze.
Uruchamiamy program FileZilla i w górnej jego części w polach do wprowadzania wpisujemy odpowiednio wymagane informacje do prawidłowego połączenia.
Po wpisaniu danych łączymy się z serwerem i przechodzimy do katalogu głównego. W lewym oknie FileZilla z drzewa katalogowego wyszukujemy folder użytkownika na komputerze.
Po przez explorator systemowy przechodzimy do katalogu użytkownika i tworzymy plik, o nazwie: index, z rozszerzeniem: html, czyli: index.html
Edytujemy plik: index.html w notatniku.
Piszemy w notatniku: "moja pierwsza strona".
Wysyłamy plik: index.html za pomocą programu FileZilla na serwer i uruchamiamy go wpisując w pasku adresowym przeglądarki nazwę swojej strony internetowej.
W oknie przeglądarki powinien pojawić się niesformatowany tekst: "moja pierwsza strona", który nie został jeszcze obudowany kodem html.
Jeśli wszystko działa, otwieramy ponownie plik: index.html i wprowadzamy do niego podstawowy kod html
<DOCTYPE html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<b>Moja pierwsza strona</b>
</body>
</html>
Zapisujemy zmiany i przesyłamy ponownie plik na serwer.
Po przesłaniu pliku odświeżamy okno przeglądarki (można w tym celu kliknąć na klawiaturze przycisk F5)
W oknie przeglądarki powinien pojawić się pogrubiony (sformatowany) tekst: "Moja pierwsza strona".
Eksperci
Atvhh 26.12.2018
Technologie www: js, html, css, xml, ajax, php, json, jpeg, jpg, ico, gif, swf, webm, flv, tpl