Początki, pytania. Cel - jackpot

[Remzoo]

Witajcie, zwracam się do was z prośbą o pomoc. Jestem kompletnie nieobeznany w tym temacie i nie mam pojecia nawet czy w dobrym dziale piszę, ale chciałbym się zacząć bawić w to wszystko. Tak jak w temacie, mój cel to stworzenie własnego jackpota (do CS:GO oczywiścoe), ale jednak żeby to zrobić muszę ogarniać pewnie rzeczy. I właśnie chodzi mi o to od czego musiałbym zacząć i czego się uczyć, aby dojść do celu w jak najszybszym czasie? Co powinienem umieć oraz wiedzieć?

 

Mam nadzieję że znajdzie się osoba która ma pojęcie na ten temat i będzie chętna mi pomóc

Pozdrawiam.

[Salur]

Witaj,

 

Zacznijmy że powinieneś znać języki takie jak: HTML/CSS/JavaScript/SQL + jakieś biblioteki AJAX/JQUERY lub Socket.io. Nie znasz? Nic nie szkodzi!

 

Oto lekturka dla Ciebie:

 

1. http://www.kurshtml.edu.pl/

2. http://kursjs.pl/

3. http://webmade.org/kursy-online/kurs-mysql.php

4. http://ferrante.pl/frontend/javascript/jquery-to-latwe-1/

5. http://kursjs.pl/kurs/ajax/ajax.html

6. https://www.kainos.pl/blog/realtime-web-z-node-js-i-socket-io/

7.http://www.kurshtml.edu.pl/html/html5.html

 

Przeczytaj, doczytaj też w innych źródłach. Jeżeli przeczytasz i zmajstrujesz coś, zapraszamy ponownie.

 

Powodzenia.

[Remzoo]

@Salur Jaki program polecasz na początek? Jest ich wiele i chcę wybrać odpowiedni. Nie wiem czym mogą się różnić, ale wolę spytać :P

[Salur]

@Salur Jaki program polecasz na początek? Jest ich wiele i chcę wybrać odpowiedni. Nie wiem czym mogą się różnić, ale wolę spytać :P

Osobiście polecam Atom lub Notepad ++

[Remzoo]

@Salur Wczoraj bawiłem się z XAMPP i działał normalnie, teraz jak chcę uruchomić Apache to mi wyskakuje taki error.

 

[Sun Dec 06 02:22:25.758494 2015] [ssl:warn] [pid 1796:tid 316] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:22:26.157517 2015] [ssl:warn] [pid 1796:tid 316] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:22:27.302583 2015] [mpm_winnt:notice] [pid 1796:tid 316] AH00455: Apache/2.4.17 (Win32) OpenSSL/1.0.2d PHP/5.5.30 configured -- resuming normal operations
[Sun Dec 06 02:22:27.302583 2015] [mpm_winnt:notice] [pid 1796:tid 316] AH00456: Apache Lounge VC11 Server built: Oct 13 2015 10:54:13
[Sun Dec 06 02:22:27.302583 2015] [core:notice] [pid 1796:tid 316] AH00094: Command line: 'c:\\xampp\\apache\\bin\\httpd.exe -d C:/xampp/apache'
[Sun Dec 06 02:22:27.342585 2015] [mpm_winnt:notice] [pid 1796:tid 316] AH00418: Parent: Created child process 940
[Sun Dec 06 02:22:28.180633 2015] [ssl:warn] [pid 940:tid 324] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:22:28.520652 2015] [ssl:warn] [pid 940:tid 324] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:22:28.605657 2015] [mpm_winnt:notice] [pid 940:tid 324] AH00354: Child: Starting 150 worker threads.
[Sun Dec 06 02:26:27.504321 2015] [ssl:warn] [pid 4232:tid 316] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:26:27.562325 2015] [core:warn] [pid 4232:tid 316] AH00098: pid file C:/xampp/apache/logs/httpd.pid overwritten -- Unclean shutdown of previous Apache run?
[Sun Dec 06 02:26:27.899344 2015] [ssl:warn] [pid 4232:tid 316] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:26:27.951347 2015] [mpm_winnt:notice] [pid 4232:tid 316] AH00455: Apache/2.4.17 (Win32) OpenSSL/1.0.2d PHP/5.5.30 configured -- resuming normal operations
[Sun Dec 06 02:26:27.951347 2015] [mpm_winnt:notice] [pid 4232:tid 316] AH00456: Apache Lounge VC11 Server built: Oct 13 2015 10:54:13
[Sun Dec 06 02:26:27.951347 2015] [core:notice] [pid 4232:tid 316] AH00094: Command line: 'c:\\xampp\\apache\\bin\\httpd.exe -d C:/xampp/apache'
[Sun Dec 06 02:26:27.953347 2015] [mpm_winnt:notice] [pid 4232:tid 316] AH00418: Parent: Created child process 4552
[Sun Dec 06 02:26:28.861399 2015] [ssl:warn] [pid 4552:tid 328] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:26:29.233420 2015] [ssl:warn] [pid 4552:tid 328] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name
[Sun Dec 06 02:26:29.282423 2015] [mpm_winnt:notice] [pid 4552:tid 328] AH00354: Child: Starting 150 worker threads.
 

[Salur]

Dobra, 

 

1. Wyłącz antywirusa (może blokować),

2. Wyłącz Skype (nasłuchuje na tym samym porcie co XAMPP),

3. Uruchom XAMPP jako Administrator.

 

Powinno działać.

[Remzoo]

Antywirusa nie mam, Skype blokował Wyłączyłem i działa.

 

i jeszcze co do CSS - Jak to połączyć z HTML? Bo w sumie przejrzałem i nie mogę znaleźć

[Hans Kloss PL]

@Remzoo

Zawsze możesz przypisać dla Apache inny port po prostu, nie będzie konfliktów.

[Remzoo]

Bez znaczenia, i tak nie korzystam ze Skejpa to wyłączenie go nie sprawia mi żadnych problemów Także niech zostanie tak jak jest.

[Jakub]

Co do łączenia HTML + CSS. http://www.kurshtml.edu.pl/css/index.html. Po skończeniu rozdziału "Wstawianie stylów" powinieneś umieć już sobie odpowiedzieć na zadane pytanie.

[Remzoo]

Czy tak jak w C++ mogę sobie dodać notatkę w jakiś sposób? Załóżmy że mam coś takiego i tam gdzie jest "//" chciałbym sobie dopisać informację dla siebie, która nie będzie brana pod uwagę i zostanie po prostu pominięta.

<body background="wallpapper.jpg"></body> //To jest jakieś konkretne tło

[Salur]

 

Czy tak jak w C++ mogę sobie dodać notatkę w jakiś sposób? Załóżmy że mam coś takiego i tam gdzie jest "//" chciałbym sobie dopisać informację dla siebie, która nie będzie brana pod uwagę i zostanie po prostu pominięta.

<body background="wallpapper.jpg"></body> //To jest jakieś konkretne tło

 

No nie do końca, w HTML komentarz wygląda tak:

<!-- komentarz -->

[Jakub]

Tylko pamiętaj, że Twój komentarz będzie mogła podglądnąć w inspektorze każda osoba z dostępem do Twojej strony :P.

[Remzoo]

Każda osoba? Trochę bez sensu, no ale niech będzie.

[Salur]

Każda osoba? Trochę bez sensu, no ale niech będzie.

No niestety, kod HTML zawsze jest widziany w przeglądarce w kodzie źródłowym. Zawsze po ukończonym skrypcie strony możesz usunąć komentarze.

[Remzoo]

A taki zapis też będzie widoczny? To jest to samo co w/w przykład?

 

/* komentarz */

 

[Salur]

 

A taki zapis też będzie widoczny? To jest to samo co w/w przykład?

/* komentarz */

 

 

Nie, taki komentarz będzie wyświetlany jako normalny text na stronie.

[Remzoo]

Mam takie coś, a chciałbym uzyskać efekt zaokrąglonych roków oraz przezroczystości tła tekstu (tych szarych). Jak to zrobić?

 

 

[Jakub]

Żeby otrzymać przeźroczystość tła osobiście zawsze stosuję paletę RGBa.

Przykład:

background-color: #ff0000;

Ten kod da nam kolor czerwony.

background-color: rgba(255,0,0,0.5);

Ten kod da nam kolor czerwony, kanał alpha (przeźroczystość) ustawiony na 50%.

0.1 = 10%

0.15 = 15%

0.21 = 21% itd.

 

Ważne, żeby pamiętać o kropce zamiast przecinka przy definiowaniu przeźroczystości.

Tutaj masz konwerter HEX to RGB

http://www.javascripter.net/faq/hextorgb.htm

Za zaokrąglanie rogów odpowiada właściwość border-radius. Np.

border-radius: 25px;

[Remzoo]

Tak nie bardzo wiem czy to jest dobrze, bo przed próbą zmiany miałem tak:

<td bgcolor="#C2C2C2" colspan="2" align="center" valign="middle"><a href="index.php"><img src="logo.png" alt="logo" border="0" align="left" /></a></td>

po próbie zmiany kolor zmienił się na zupełnie inny, a wpisałem tak:

<td bgcolor="rgba(194,194,194,0.2)" colspan="2" align="center" valign="middle"><a href="index.php"><img src="logo.png" alt="logo" border="0" align="left" /></a></td>

Na pewno jest jakiś błąd, bo nie mam pojęcia jak to zmienić :P

[Jakub]

Nie używaj znaczników HTML, dodatkowo budowanie strony na bazie tabeli wyszło z użycia wieki temu. Najlepiej HTML używaj tylko do szkieletu + treści, a do określania wyglądu stosuj CSS. Lepiej zacząć uczyć się dobrych praktyk od początku, żeby później nie mieć z tym problemów .

[Remzoo]

Trochę nadal nie rozróżniam, po czym poznać CSS, a po czym HTML? Całość wyszła mi z tego

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Jackpot CS:GO by Remzoo" />
<meta name="Keywords" content="jackpot, csgo, pot, skins, free, counterstrike" />
<title>SKINpot.com - Jackpot CS:GO</title>
</head>
<body bgcolor="white" text="white">    <!-- kolor tekstu -->
<body background="wallpapper.jpg"></body> <!-- obrazek na tle -->
 
<center><a href="index.php" class="MyButton">Strona Główna</a>   |   <!-- przyciski na górze -->
<a href="regulamin.php" class="MyButton">Regulamin</a>   |           <!-- przyciski na górze -->
<a href="historia.php" class="MyButton">Historia Wygranych</a>   |   <!-- przyciski na górze -->
<a href="bilans.php" class="MyButton">Bilans</a></center>            <!-- przyciski na górze -->
 
 
 
<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="#C2C2C2" colspan="2" align="center" valign="middle"><a href="index.php"><img src="logo.png" alt="logo" border="0" align="left" /></a></td>  <!-- kieruje na str. gł. -->
</tr>
<tr>
<td bgcolor="#909090" width="150" valign="top">
   |   <a href="regulamin.php" class="MyButton">Regulamin</a>   |      <br /><br />     <!-- przyciski na górze -->
   |   <a href="historia.php" class="MyButton">Historia Wygranych</a>   |   <br /><br /><!-- przyciski na górze -->
   |   <a href="bilans.php" class="MyButton">Bilans</a></center>   |            <!-- przyciski na górze -->
</td>
<td bgcolor="#4C4C4C" valign="top">
 
Remzoo <b><font color="black">MPCforum</font></b>
 
</td>
</tr>
</table>
</body>
</html>

[Jakub]

Ojć, widzę grubo :P. XHTML to był świadomy wybór czy nie? Jeśli nie to polecam Ci korzystanie z HTML5, porównaj sobie swój kod z przykładowym kodem z poradnika Hans'a, który swoją drogą polecam.

[Remzoo]

Kompletnie nieświadomy. Siedzę w tym od wczoraj, więc jeszcze miliony błędów przede mną ;d

A co do poradnika to bardzo przejrzysty, zobaczymy co z tego będzie :3

 

jak najprościej rozróżnić XHTML od HTML5? Oraz jak "wychwycić" CSS pośród kodu HTML?

 

// Skorzystałem z poradnika, ale nie wykrywa mi polskich znaków. Jak na to zaradzić?

[Remzoo]

Ktoś chętny do pomocy :P?