Tworzenie WWW - podstawy (FAQ)

FAQ - zanim zapytasz.
Tutaj znajdziesz odpowiedzi na najczęściej zadawane pytania.
ODPOWIEDZ
Awatar użytkownika
Monstrual
Posty: 2417
Rejestracja: 05 sie 2005, 15:06:08
Lokalizacja: G-dz
Płeć: Niewybrana
User Agent: Opera Windows 1024x768
Kontakt:

Tworzenie WWW - podstawy (FAQ)

Post autor: Monstrual »

:arrow: Strona www - Strony www to dla odwiedzających miejsca, w których mogą znaleź poszukiwane info, dla tworzących natomiast jest to już spory kawałek kodu, w którym dane info zostaje umieszczone. Tak jak pisze się programy, tak pisze się strony. Zasadnicza różnica jest w tym, jakich języków twórczych się do tego używa. Dawniej był to przedw wszystkim HTML, bardzo popularny, najprostszy, ale oferujący stosunkowo niewielkie możliwości ze względu na swoją statycznośc. W celu osiągnięcia wymarzonego efektu, by strona rzeczywiście była portalem i była wielce funkcjonalna, najlepiej uży języka dynamicznego, jakim jest php. Dla początkujących jednak zalecam zapoznanie się z HTML'em a także językami uzupełniającami. Mamy więc style CSS, skrypty i aplety java. To są podstawy, znając zasadę działania języka CSS i skryptowego/apletowego Java plus oczywiście obowiązkowo podstawę, czyli HTML, można zbudowa niezłą stronę.

:arrow: Od czego zacząc?

Przede wszystkim zalecam zapoznanie się z kursami online, jako przykładowy podam http://kurshtml.[regulamin forum: punkt 2.13] który jest popularny i nieźle wprowadza w arkana tworzenia stron WWW. Ja podaruję sobie, nie będę słowo w słowo powtarzał ich wyjaśnień, ograniczę się do schematu kodu i jego krótkiego objaśnienia.

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="Refresh" content="30; URL=http://www.wp.pl">
<meta http-equiv="Reply-to" content="email autora">
<meta http-equiv="Content-Language" content="pl">
<meta name="Description" content="opis strony">
<meta name="Author" content="Autor">
<title>Nazwa strony</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#000080">

<!-- To jest miejsce na treść dokumentu -->

</body>
</html> 
:arrow: Wyjaśniam kolejno. Na początek linijka
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
Musimy pamiętac o tej linijce, i wbrew pozorom jest ona najważniejsza, nie do działania samego strony, ale jej zgodności z w3c.org. Określamy tu po prostu typ dokumentu, wersję html.

:arrow:
<html></html>
Znaczniki html to podstawa dokumentu, oznaczają jego początek i koniec, to co będzie poza nimi, a nie w ramach ich obszaru, nie będzie analizowane przez przeglądarkę (nie powinno)

:arrow:
<head></head>
w tych znacznikach wpisujemy tzw. meta tagi, a więc:
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="Refresh" content="30; URL=http://www.wp.pl">
<meta http-equiv="Reply-to" content="email autora">
<meta http-equiv="Content-Language" content="pl">
<meta name="Description" content="opis strony">
<meta name="Author" content="Autor">


oraz tytuł strony.
<title>Nazwa strony</title>
:arrow: Objaśnienie meta tagów:
1) ustala wartośc kodowania
2) ustala wartośc odswiezania strony (w tym wypadku 30 sekund i na stronę www.wp.pl)
3)wartośc adresu email autora strony
4) wartośc języka strony
5)Opis strony
6) informacje o autorze strony (przykłądowo imię i nazwisko)

:arrow: Po sekcji meta tagów zamykamy znacznik "head" i przechodzimy do sekcji body:
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#000080">
Tutaj ustalany jest kolor tła w tym przypadku, często obrazek który ma by w tle, kolor tekstu, linków (po najechaniu, aktywnych, odwiedzonych). Kod który widzicie, przedstawia standardowe wartości.

:arrow: Wpisujemy tekst, zamykamy sekcję body i główną sekcję HTML.
Tak właśnie wygląda podstawowy szkielet HTML, po więcej info, kierujcie się na strony kursów online:
:arrow: http://www.cba.pl/forum/viewtopic.php?t=1999
lub bezpośrednio do mnie.


AD.1
Dla Osób, które uporały się już z podstawami, i maja pytania, na które nie moga znaleźć w kursach odpowiedzi, polecam dział http://www.cba.pl/forum/viewforum.php?f=9


AD.2
Po utworzeniu strony, warto wgrac ją na serwer cba, więcej informacji w działach:
:arrow: http://cba.pl/forum/viewtopic.php?t=918 oraz http://cba.pl/forum/viewtopic.php?t=1011

Po zapoznaniu się z owymi tematami problemów być nie winno,
wrzucając pliki strony, pamiętaj o uprzednim usunięciu domyslnego pliku index.html bądź jego podmienieniu plikiem własnego autorstwa.

Obrazek
Obrazek
Fenix
Posty: 2
Rejestracja: 20 maja 2006, 20:24:05
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1152x864

Post autor: Fenix »

---------- 21:12 20.05.2006 ----------

Siemka jestem nowy na forum i po raz pierwszy w życiu robię stronę internetową.

Mam zapytania co do ciebie. Czy masz jakieś fajne szablony, ale które mają napisane np. tak jak jest w cba.pl FAQ |Strona główna| Forum | Informacje| a ja bym miał taką prośbę czy byś umiał zrobić tak żeby było "np. Strona główna | Regulamin Stronki | O klubie | Kadra | Sukcesy | Księga gości | Tabela strzelców" jakbyś umiał takie coś zrobić to bym cię bardzo bardzo prosił o zrobienie mi takiego czegoś, ale jakbyś umiał to czy byś zrobił mi żeby to co ci napisałem te "Strona główna itp." było od góry do dołu. Bo ja tego nie umie robić jak rozmawiałem z kolegami to mi mówili żebym się sciągnął szablon i na programie Photoshopie się zmienił te napisy, ale ja nie umiem bo Photpshop jest bardzo trudny do obsługi. Jak masz czas to jeszcze raz cię bardzi proszę o zrobienie mi tego. Jak coś to napisz do mnie na GG, o to mój nr 7868150 to na GG byś mi pogadali.

Ja zacząłem robić stronę tak jak ty to napisałeś a więc:

Kod: Zaznacz cały

<DOCTYPE>
<html>
<head>
<meta>
<meta>
<meta>
<meta>
<meta>
<meta>
<title>Celtic Glasgow - The Bhoys</title>
</head>
<body>

<h4>Celtic Glasgow - The Bhoys w roku 2006 zdobyli mistrza szkocji i mistrza ligi</h4>

</body>
</html> 
Chciałbym się zapytać czy to jest chociaż dobrze napisane?
Ja jeszcze się poczytam na tej stronie internetowej co ty podałeś http://kurshtml.[regulamin forum: punkt 2.13] tego jest sporo na tej stronce, ale mam czas do zrobienia stronki. A ty z czego się nauczyłeś tak robić stronkę też czytałeś na kursie html? Jak już masz jakąś stronkę zrobioną to podasz linka? Narazie to wszystko co mam do zapytania o stronce internetowej, głównie mi chodzi o ten szablon jak umisz to proszę cię bardzo zrób mi. Naranize

---------- 21:16 ----------

<DOCTYPE>
<html>
<head>
<meta>
<meta>
<meta>
<meta>
<meta>
<meta>
<title>Celtic Glasgow - The Bhoys</title>
</head>
<body>

<h4>Celtic Glasgow - The Bhoys w roku 2006 zdobyli mistrza szkocji i mistrza ligi</h4>

</body>
</html>
---------- 21:18 ----------
Jest dwóch złodziei, którzy okradają bank. Do akcji wskoczył Chuck Norris. Złodzieje zaczeli uciekaæ jeden w prawo, a drugi w lewo, a Chuck Norris za nimi. :)
Awatar użytkownika
Monstrual
Posty: 2417
Rejestracja: 05 sie 2005, 15:06:08
Lokalizacja: G-dz
Płeć: Niewybrana
User Agent: Opera Windows 1024x768
Kontakt:

Post autor: Monstrual »

nie wykoonuje stron, ten tutaj kursik to tylko podstawa. Umiejętnośc stworzenia dokumentu i wysiwetlenia zwykłego tekstu o okresślonych rozmiarach. prymitywne. Dlatego po więcej info skieruj się na kurs htmla i nieważne, że tego duzo jest. Krok po kroku się nauczysz. A szablony znajdziesz na google.pl . Kursy obsługi photoshopa również znajdziesz poprzez wyszukiwarkę.
Obrazek
Fenix
Posty: 2
Rejestracja: 20 maja 2006, 20:24:05
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1152x864

Post autor: Fenix »

Aha no to spoko jakoś się poradzę. A na stronie http://www.google.pl jak szukam polskich szablonów to są nie fajne :/ a jak już są fajne to płatne, znalazłem jeden fajny szablon to kosztował on 3,99 zł ino, że się nie płaci tylko wysyłasz sms z komórki i wpisujesz kod i już masz szablon, a w Photoshopie to może mi kumpel jakiś zrobi bo on się idealnie zna na Photoshopie tylko, że nigdy go nie ma w domu i w tym jest problem ale na googlach znajde się coś o tym programie jak się zmienia napisy i będzie dobrze. A co do kursu HTML to czytałem troszkę o czcionkach, gifaf, zdjęciach itp. i już się dużo nauczyłem, ale dzięki za twoje rady. :)
Jest dwóch złodziei, którzy okradają bank. Do akcji wskoczył Chuck Norris. Złodzieje zaczeli uciekaæ jeden w prawo, a drugi w lewo, a Chuck Norris za nimi. :)
krystianek
Posty: 9
Rejestracja: 10 sty 2009, 18:53:28
Lokalizacja: Przebieczany/Wieliczka
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: krystianek »

ludzie a do czego jest CSS ?
miriwol
Posty: 75
Rejestracja: 24 gru 2008, 09:23:03
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: miriwol »

W tym pliku opisujesz wygląd strony.
PIETNIA
Posty: 1
Rejestracja: 26 mar 2010, 19:32:58
Strona na CBA.pl: www.Fc Bartodzieje.pl
Płeć: Niewybrana
User Agent: Firefox Windows 1152x864

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: PIETNIA »

jak
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: fuma »

jasio123
Posty: 1
Rejestracja: 03 maja 2010, 12:21:54
Strona na CBA.pl: import.cba.pl
Płeć: Niewybrana
User Agent: Opera Windows 1280x800

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: jasio123 »

Witam

Utwożyłem stronkę i umieściłem ją na serwerze ftp stroka działa tylko nie wiem jak zrobić by można było ją wyszujać w google lub innej wyszukiwarce np po zawartości czy mógłby mi ktoś powiedzieć jak to zrobić??

pozdrawiam
Webdesigner
Posty: 1803
Rejestracja: 26 mar 2008, 15:55:03
Lokalizacja: /dev/null/
Płeć: Mężczyzna
User Agent: Firefox Linux 1440x900

Re: Tworzenie WWW - podstawy (FAQ)

Post autor: Webdesigner »

Użyć tej wyszukiwarki w celu znalezienia informacji na temat pozycjonowania....
http://www.google.pl/#num=100&hl=pl&saf ... 2e80e38542
http://www.google.pl/#num=100&hl=pl&saf ... 2e80e38542
Obrazek
zajrzy
Posty: 1
Rejestracja: 09 maja 2010, 20:59:35
Strona na CBA.pl: zajrzy
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1440x900

Post autor: zajrzy »

Witam nie wiem gdzie to pisać ale nigdzie nie znalazłem informacji za pomoc z góry dziękuje
Zrobiłem stronę www w Macromedia Dreamweaver 8 wrzuciłem na serwer no i tu problem wyskakuje „ aby pomóc w zapewnieniu bezpieczeństwa, program Internet Explorer ograniczył ten stronie sieci Web możliwość uruchamiania skryptów i formatów Activex które mógłby uzyskać dostępu do tego komputera „
Co robię źle ,co zrobić żeby tego nie było
ODPOWIEDZ