Kurs HTML – Podstawy :: Lekcja 1

Kurs HTML – Podstawy :: Lekcja 1
22 Apr 2013

Witaj w pierwszej lekcji kursu 馃槈

Zacznijmy najpierw od przygotowania naszego stanowiska pracy. Usi膮d藕 wygodnie, pozb膮d藕 si臋 nie potrzebnych na biurku rzeczy i zaparz kubek herbaty, bo sp臋dzimy przy tym kursie troch臋 czasu…

Na pocz膮tek zaopatrzmy si臋 w oprogramowanie, z kt贸rego warto b臋dzie korzysta膰:

 

Notepad_plus_plus

聽Notepad++

Jest to darmowy (patrz膮c jakie mo偶liwo艣ci nam daje, jet to jego wielk膮 zalet膮) edytor kodu 藕r贸d艂owego, a tak偶e zwyk艂y edytor tekstu. Nie jest to zwyk艂y edytor tekstu z windows’a, Dzi臋ki niemu nie musimy martwi膰 si臋 o kodowanie, czy te偶 czytelno艣膰 naszego “programu”. Notepad ++ pozwala mi臋dzy innymi na zmian臋 kodowania tekstu i chyba najwa偶niejsz膮 funkcj臋, czyli kolorowanie tekstu. Program mo偶na pobra膰 za darmo, ze strony producenta:聽http://notepad-plus-plus.org/

 

notepad4ever

 

 

filezillas

FileZilla

Nie ka偶dy z niego skorzysta, jest to klient FTP, wi臋c nie jest on niezb臋dny, je艣li tworzymy strony tylko dla siebie (czyli na swoim komputerze), My b臋dziemy si臋 uczy膰 na serwerach wirtualnych, czyli wszystkie nasze strony b臋d膮 dost臋pne w sieci. Czemu akurat ten program?

Wydaje mi si臋, 偶e jest on najbardziej prosty w obs艂udze, a zarazem najbardziej skuteczny i przyjazny dla u偶ytkownika. Bardzo przydatnymi funkcjami s膮 pasek szybkiego 艂膮czenia i manager stron ( kont FTP ). Dzi臋ki czemu nie musimy za ka偶dym razem wprowadza膰 danych u偶ytkownika. Program jest w zupe艂no艣ci darmowy i do pobrania st膮d:聽https://filezilla-project.org/download.php?type=client

 

fz3_win_main

 

 

PicPickPicPick

Nie jest to koniecznie narz臋dzie, ale warto o nim wspomnie膰, gdy偶 jest przydatne przy dalszej pracy. Jest to program “All-in-one”, kt贸ry oferuje w pe艂ni funkcjonalne narz臋dzia do przechwytywania ekranu ( robienia screen贸w, czy m贸wi膮c pro艣ciej zrzut贸w ekranu ). Pr贸cz tego posiada szereg narz臋dzi przydatnych ka偶demu dobremu grafikowi i webdesignerowi. W sk艂ad narz臋dzi wchodz膮,聽intuicyjny edytor obraz贸w, pr贸bnik kolor贸w, paleta kolor贸w, linijka, k膮tomierz, celownik, a nawet tablica. Ciekaw膮 funkcj膮 jest mo偶liwo艣膰 wyboru co si臋 stanie z zapisanym screenem. Mo偶emy ustawi膰 nazw臋 zdj臋膰 i wybra膰 gdzie trafi膮, od schowka poprzez serwisy spo艂eczno艣ciowe i worda do serwera FTP. Mamy te偶 do dyspozycji co艣 na styl Painta, oraz skr贸ty klawiszowe, przydatne w pracy. Program jest darmowy w wersji domowej. Niczym si臋 nie r贸偶ni od wersji dla firm. Je艣li chcemy go dla cel贸w komercyjnych, nale偶y wykupi膰 licencj臋. Do pobrania st膮d:聽http://www.picpick.org/en/

PicPick1 PicPick2 PicPick3

 

 

 

 

 

 

 

 

Przyda nam si臋 r贸wnie偶 program do obr贸bki zdj臋膰, w ko艅cu nasza strona nie b臋dzie zawiera膰 tylko tekstu. Tutaj jest szeroka gama produkt贸w. Wymieni臋 2 najpopularniejsze:

Adobe-Photoshop-CS6-Extended

Adobe Photoshop

Photoshop to profesjonalny i ciesz膮cy si臋 ogromn膮 popularno艣ci膮 zar贸wno w艣r贸d pocz膮tkuj膮cych jak i zaawansowanych u偶ytkownik贸w program do edycji grafiki rastrowej. W艣r贸d jego g艂贸wnych zastosowa艅 wymieni膰 nale偶y edycj臋 i obr贸bk臋 fotografii cyfrowej, tworzenie grafiki na potrzeby Internetu, poligrafii oraz wiele wi臋cej.

Program jest p艂atny, mo偶emy jednak pobra膰 wersj臋 pr贸bn膮 (trial) na okres 30 dni, lub 艣ci膮gn膮膰 jakiego艣 pirata. Program w wersji pr贸bnej:聽http://www.dobreprogramy.pl/Adobe-Photoshop,Program,Windows,12430.html

 

gimp

聽Gimp

GIMP to darmowa aplikacja, kt贸r膮 z powodzeniem mo偶na wykorzystywa膰 zar贸wno do zaawansowanej obr贸bki fotografii jak i do tworzenia grafik na potrzeby Internetu. Podobnie jak Photoshop, r贸wnie偶 GIMP zosta艂 wyposa偶ony w szereg narz臋dzi (p臋dzel, zaznaczenie, gumka, wype艂nienie, r贸偶d偶ka, powi臋kszenie, klonowanie, wystawianie tekstu, rozmazanie, o艂贸wek, skalowanie, rozmazanie, lasso itp.) pozwalaj膮cych wykona膰 elementarne, cho膰 wcale nie tak proste obliczeniowo operacje na grafice. Program jest 100% darmowy i do pobrania ze strony producenta:聽http://www.gimp.org/downloads/

 

Wyb贸r programu graficznego pozostawiam twojej decyzji. Mo偶esz nawet korzysta膰 z Painta. Ja przedstawi艂em Ci tylko mo偶liwo艣ci i ciekawe narz臋dzia, kt贸re z pewno艣ci膮 u艂atwi膮 Ci prac臋. Zach臋cam do pobrania tych narz臋dzi:

  • Notepad++
  • FilleZilla
  • PicPick

Gdy偶 b臋d臋 z nich korzysta艂 podczas kursu i to w艂a艣nie na nich b臋dziemy si臋 uczy膰 tworzy膰 strony.

Zapraszam do kolejnej lekcji, w kt贸rej przejdziemy do kr贸tkiego om贸wienia najwa偶niejszych cz臋艣ci kodu strony. Serdecznie Zapraszam i do zobaczenia wkr贸tce 馃槈