Jak se rychle naučím ovládat tyto web stránky?

Dobrý den.
Mám dotaz. Jako firmě, nám dělal jeden kluk webové stránky...ale jelikož nemá čas...řekla jsem si, že bych to možná zvládla i sama,ale nevím jak.
mohl by mi někdo poradit jak na to?
Potřebuji na webové stránky vložit fotky z realizací...ale nemám tušení jak se to dělá.
Vytvářela jsem jednou stránky na webnode, ale tam je to už připraveno, jenom se dopisuje....
Tady si vůbec nevím rady a ain nevím jak mám začít. :-(
Umím se jenom přihlásit a tím moje zkušenosti s tímto webem končí :-(
Díky za rady.
monika
http://www.stavebnifirma-bartuska.wz.cz/
1. http://www.rar.cz/far/files.php
Stahnes si Far 1.75 bud x64 nebo x86. jeden z nich ti nepujde nainstalovat nebo nepujde spustit.

2. spustis

3. --- prepnuti praveho modreho panelu na ftp
alt + f2 (zmena panelu)
2 (ftp)

4. --- pridani nove ftp adresy
shift + f4 (pridani nove polozky)
* prvni kolonka = stavebnifirma-bartuska.wz.cz
* user = stavebnifirma-bartuska.wz.cz
* [x] passive
* [x] ftp log
Kliknes na save.
Ted by se v tom panelu mel objevit novy radek s stavebnifirma-bartuska.wz.cz.

5. Vyberes sipeckami nebo mysi ftp, ve tvem pripade je tam jedine stavebnifirma-bartuska.wz.cz a zmacknes enter nebo dvojklikem mysi.
Vyplnis heslo, opet enter.
Mel by se zobrazit vypis souboru, ktery je ulozeny na wz.cz.
Najdi sipeckami slozku fotky, dej enter.
Pomoci F7 vytvor slozku real-24-1-2013 (F7, vyplnis nazev real-24-1-2013, Enter). (to cislo je datum d-m-rrrr)
Sipeckami na ni najedes, das Enter.

6. --- prepnuti leveho panelu na spravny adresar
Alt+F1
c
Tabelator (prepina mezi levym a pravym panelem)
Pres sipecky a enter si najdes slozku s obrazky.
Enter na .. prechazi o uroven vys.
Obrazek po obrazku prejmenujes (F6) tak, aby nemel v nazvu jine znaky nez a-z, - (zadne mezery, hacky, carky, stredniky, velka pismena)
Insertem oznacis obrazky.

7. Jestli mas vlevo oznacene soubory (obrazky), vpravo otevrenou slozku fotky/real-24-1-2013 na ftp a tabelatorem jsi v panelu s oznacenymi obrazky, pak pomoci F5 a enter se ti nakopiruji na web.
Tim mas obrazky na webu. ted jeste je treba dat strankam vedet o jejich existenci.

Faze 2, editace stranek.
=================
8. Po dokopirovani se na panelu vpravo (FTP) prepnes pomoci .. do hlavni slozky tveho webu. Najdes tam soubor realizace.html, pomoci F5 a Enter si ho prekopirujes k sobe na C (do leveho panelu). V levem panelu insertem a sipeckami oznac soubory a zkopiruj do sve slozky na C v levem panelu
klima.html
svarovsky.html
druzstvo.html
liborice2.html
oploceni.html
dana.html
vavra.html
lenz.html
fasadanepomysl.html
kalat.html
bytynepomysl.html
fasadastebno.html
jadrolouny.html
roddumroth.html
kostel.html
liborice.html
obklady.html
pristavba.html

Ja to ted popisu uz jen strucne.
9.
Do tech vsech souboru je treba pridat pred konec menu jeden radek pres F4, ctrl+f (konec postraní nabídky), enter, sipecky pak tam treba zkopirovat cely ten radek <li>...</li> hned nad ul, jak to mam ja.

<li><a href="./real-24-1-2013.html">Přístavba rodinného domu</a></li>
</ul>
<!-- konec postraní nabídky -->

10. jeden z tech souboru (rekneme pristavba) zkopirovat pres F5 na real-24-1-2013.html

11. real-24-1-2013.html poeditovat pres F4. odstranit obrazky pristavba. (ctrl + f, class="entry, enter), pryc s
<a href="./fotky/pristavbadomu/pristavbadomu1.jpg"
az po </p> , </p> tam musi zustat
Misto tech obrazku tam napises vlastni podle jmen souboru, co jsi kopirovala v bode 7
<a href="./fotky/real-24-1-2013/jmeno.jpg" rel="lightbox[stav]" title=""><img src="./fotky/real-24-1-2013/thumb/jmeno.jpg" title="Popisek" class="obrazek"></a>
Az to budes mit, pak F2, Esc

12. vsechny html upravene soubory nakopirujes zpet na ftp. Pokud mas vlevo soubory, oznac, a v pravo ftp, pak vlevo zmacknes F5, enter. mel by se zeptat, zda je chces prepsat, tak to muzes bu odenterovat kazdy soubor zvlast nebo je tam volba, aby se uz neptal.

A to je cele. Asi 15 min. prace. 30 min trvalo to jen sepsat. Mozna jsem nektere kroky ne uplne vypsal, ale vypadas sikovne, na to prijdes.

Strucne se to da popsat takto:
1. Vytvoris na FTP slozku fotky/real-24-1-2013 a nahrajes do ni spravne pojmenovane obrazky
2. Zkopirujes si vsechny stranky, kterych se nova stranka tyka k sobe, pridas do menu nazev nove stranky.
3. jednu z tech stranek pouzijes pro novou, zkopirujes s novym nazvem a prepises odkazy s obrazky pro nove soubory.obrazky
Jo, jeste bude treba pridat do menu v souboru realizace a soucasne tam opravit vetu
V menu po levé straně můZZZ?ete vidět naSSS?e poslední realizace.
Jen taková perlička:
např. na stránce:
http://stavebnifirma-bartuska.wz.cz/pristavba.html
je v hlavičce uvedeno toto:

<meta http-equiv="content-type" content="text/html; charset=auto" />

obsah stránky je kódovaný pomocí znakové sady windows-1250, popisky obrázků, které se ukazují v javaskriptovém okně v utf-8 - proto ten popisek není hezky česky (hmm... a to auto si s tím nedokáže poradit?)
Jeste jeden napad, o webu jsou stranky jakpsatweb.cz a diskuze tam.