Teraz zvážte ďalšiu skupinu nástrojov.

Vyplňovacie nástroje

Vyplňte. Kliknite na tento nástroj a podržte ľavé tlačidlo myši, otvorí sa ponuka výberu: prechod a výplň.



Tu si môžete vybrať, čo potrebujete.

Vedro - vyplní obrázok (výber) farbou alebo textúrou.

Takže na plnenie máme nasledujúce parametre:

Výplň (výplň) – určuje, čo sa má použiť ako „náter“: farba popredia (popredia) sa vyplní hlavnou farbou, vzor (vzor – vzor) sa vyplní nejakým vzorom.

Vzor (vzor) - vzor na vyplnenie.

Režim (režim) - spôsob prekrytia pixelov, existuje veľa hodnôt a budú sa brať do úvahy podľa potreby.

Krytie (nepriehľadnosť) – určuje stupeň priehľadnosti výplne.

Tolerancia - rozsah farieb na vyplnenie.

Začiarkavacie políčko Anti-Aliasing znamená zjemniť okraje prechodu.

Skúsme v praxi:

Vezmite nástroj na vyplnenie (kliknite na vedro), presuňte ho do výberu uskutočneného v predchádzajúcom kroku a kliknite myšou. Náš výber bude namaľovaný farbou popredia (predvolene čierna).

Teraz na paneli možností vyberte: Výplň -> Vzor, Vzor -> čokoľvek sa vám páči.

Znova vložte naše vedro do výberu a kliknite. Teraz je vyplnený šablónou a vyzerá takto:

Upozorňujeme, že iba malá časť z nich sa zobrazuje v úvodnom okne šablón. Ak kliknete na šípku vpravo, otvorí sa ponuka, v dolnej časti ktorej sú uvedené ďalšie kolekcie šablón. Môžu byť pridané k existujúcim.

Gradient. Vytvorí výplň s hladký prechod medzi dvoma alebo viacerými farbami.

Zvážte panel možností:

Ak kliknete na šípku vpravo, otvorí sa paleta s možnosťami prechodu, ak dvakrát kliknete pred šípku, otvorí sa okno úpravy prechodu (tu si môžete prispôsobiť možnosti prechodu).

Určuje typ gradientu (zľava doprava - lineárny, radiálny, uhlový, odrazený, kosoštvorcový).

Invertovať (obrátiť) – začiarknutie označuje geometrické obrátenie gradientu.

Dither (hĺbka - dither) - začiarknutie označuje hladké, aby sa znížila segmentácia.

Priehľadnosť – zaškrtnutie označuje použitie priehľadnosti.

Skúsme v praxi:

Vytvorte nový súbor, vezmite nástroj na obdĺžnikový výber a roztiahnite ho do tvaru obdĺžnika, potom na paneli s nástrojmi kliknite na ikonu prechodu, na paneli možností kliknite na šípku a vyberte požadovaný prechod, napravo vyberte typ prechodu ( akýkoľvek).

Venujte pozornosť prvým dvom štvorcom v okne výberu prechodu, ktoré sa otvorí. Používajú farby, ktoré ste nastavili ako farby popredia a pozadia (farebné štvorce v spodnej časti panela s nástrojmi). Prvý gradient je hladký prechod od hlavnej farby po pozadie, druhá - od hlavnej farby po priehľadnosť.

Teraz presuňte kurzor myši do stredu ľavej strany nášho výberu, stlačte ľavé tlačidlo myši a bez uvoľnenia ťahajte čiaru do stredu pravej strany (obr. 1).
Teraz natiahnite prechodovú čiaru diagonálne (obr. 2)
A teraz zhora nadol (obr. 3)

Pozrite sa na rozdiel a experimentujte s rôznymi gradientmi a štýlmi.

Uloženie obrázka

Naša lekcia sa blíži ku koncu, zostáva len naučiť sa, ako zachrániť naše majstrovské diela.

Kliknite na položku ponuky Súbor (Súbor), v rozbaľovacej ponuke uvidíte obvyklú položku - Uložiť ako (Uložiť ako) - a novú - Uložiť pre web (Uložiť pre web). Poďme zistiť, ktorý z nich je na čo.

Ak pracujete na obrázku a chcete ho v budúcnosti zmeniť, mali by ste vybrať položku ponuky - Uložiť ako (Uložiť ako)

Kam uložiť a aký názov dať je vaša vlastná vec, ale formát bude * .PSD; * .PDD. V tomto formáte sú uložené všetky vaše nastavenia (ešte ich nemáme, ale objavia sa neskôr). Neuloží sa teda celý obrázok, ale uložia sa jeho časti, pričom každú z nich môžete kedykoľvek zmeniť.

Ak je váš obrázok pripravený, vyberte položku ponuky - Uložiť pre web (Uložiť pre web). Obrázok sa uloží optimalizovaný pre web (t. j. najlepšia kombinácia kvality/veľkosti súboru). Otvorené okno uloženia by sa malo zvážiť podrobnejšie:

Štyri karty v hornej časti ponúkajú možnosti pre obrázok:

Originál (originál) - obrázok taký, aký je. zvyčajne veľká veľkosť súbor, ktorý nie je platný pre web.
Optimálny (optimalizovaný) - optimálny pomer kvality a veľkosti súboru z pohľadu programu.
2-up, 4-up - respektíve dva a štyri varianty obrázku vedľa seba, v spodnej časti každého je uvedená veľkosť. Môžete si vybrať ten, ktorý vám najviac vyhovuje.

V pravo horný roh Toto okno obsahuje ďalšie nastavenia:

Tu môžete vybrať formát uloženého obrázka. Všeobecné odporúčania - použitie formáty JPEG a PNG pre fotografie s jemnými realistickými farebnými prechodmi, formát GIF pre kontrastné kresby s nízkymi farbami. Mimochodom, všetky obrázky na tejto stránke sú vo formáte GIF.

Ak používate karty uvedené vyššie, prispôsobenie tejto časti okna je voliteľné, aspoň v tejto fáze.

Vyberte si teda podľa vás najoptimálnejší obrázok a kliknite na tlačidlo Uložiť. Otvorí sa už známe okno uloženia, kde by ste mali zadať Priečinok (kam uložiť) a Názov súboru, zvyšok už bude uvedený, znova kliknite na Uložiť. Obrázok pre web je pripravený.

Tým je prvá lekcia hotová. Naučili ste sa, ako vytvoriť nový súbor, vybrať oblasti a vyplniť ich rôzne cesty(farba, vzor a prechod), ako aj ukladanie obrázkov v požadovanom formáte.

Na upevnenie týchto zručností experimentujte (vytvárajte rôzne tvarované oblasti a vyplňte ich rôznymi spôsobmi).

V ďalšej lekcii sa naučíte pracovať s textom a zoznámite sa s hlavným konceptom programu – vrstvami.

Po nainštalovaní riadiaceho systému Joomla na lokálny resp virtuálny server, stojíme pred otázkou: ako nainštalovať šablónu a kde ju stiahnuť? V tomto návode sa pozrieme na to, ako nainštalovať šablónu v Joomle a aké metódy inštalácie šablón existujú. Výber a inštalácia šablóny je dôležitým krokom, ktorému by sa mala venovať osobitná pozornosť. Uvediem aj príklady a riešenia problémov, ktoré sa môžu vyskytnúť počas inštalácie šablóny.

- prejsť na zobrazenie

Pozrite si vyššie uvedený odkaz, kde nájdete návod, ako nainštalovať šablónu vo verzii Joomla 3!

Existujú dva spôsoby, ako nainštalovať šablónu v Joomle: pomocou štandardná inštalácia Joomla nainštalujte/odinštalujte a manuálne skopírovaním súborov šablón do priečinka šablón.

Metóda jedna. Nainštalujte šablónu v Joomle pomocou štandardného inštalačného programu.

Najprv si stiahnite šablónu, ktorú chceme nainštalovať. Po stiahnutí archívu so šablónou sa musíte uistiť, že stiahnutý archív obsahuje presne šablónu a nie archív so šablónami, alebo, ako sa často stáva, že archív obsahuje niekoľko ďalších archívov. Archív šablóny Joomla musí mať príponu zip a archív musí obsahovať nasledujúce súbory:

  1. templateDetails.xml - používa sa na inštaláciu šablóny v rozhraní správcu;
  2. index.php – obsahuje celú štruktúru (kód) šablóny.
  3. params.ini – potrebuje Joomla na uloženie vašich nastavení

Tiež sa uistite, že archív obsahuje priečinky:

  1. css – obsahuje predlohy štýlov
  2. obrázky – tento priečinok obsahuje obrázky použité v šablóne
  3. js – súbory skriptov JavaScript (jquery.js, mootools.js, scripts.js)

V príklade nie všetky súbory a priečinky, ktoré sú v šablóne Joomla. Počet súborov a priečinkov závisí od samotnej šablóny, len som uviedol len tie, ktoré sú v podstate vo všetkých joomla šablónach a bez ktorých šablóna nebude fungovať.

Napríklad, ak ste si stiahli šablónu a v archíve je niekoľko ďalších archívov, potom pomocou týchto znakov môžete ľahko určiť, ktorý z archívov je šablóna, a nainštalovať ju.

Treba poznamenať, že pri výbere šablóny musíte venovať pozornosť dátumu jej vydania a tomu, ako tomu zodpovedá Verzie Joomla s ktorými pracujete.

Napríklad niektoré staršie šablóny vydania už nefungujú v Joomla 1.5 alebo sa zobrazujú nesprávne.

Poznámka: Archív so šablónou na inštaláciu cez štandardný inštalačný/odinštalačný program musí mať príponu .zip alebo .tar.gz


V administračnom paneli zvoľte "Rozšírenia" - "inštalovať / odstrániť" Ďalej vyberte archív s vašou šablónou v počítači a kliknite na tlačidlo " Stiahnite si súbor a nainštalujte". Ak sa šablóna zhoduje s vašou verziou Joomla, po niekoľkých sekundách sa šablóna stiahne a nainštaluje, uvidíte správu, že šablóna bola úspešne nainštalovaná.

Po nainštalovaní šablóny zvoľte "Rozšírenia" - "Správca šablón". V Správcovi šablón uvidíte všetko nainštalované šablóny a šablónu, ktorú ste práve nainštalovali. (V predvolenom nastavení sú v Joomle už nainštalované dve štandardné šablóny: rhuk_milkyway a JA_Purity) Vyberte požadovanú šablónu začiarknutím prepínača vedľa šablóny a kliknite na tlačidlo „Predvolené“.

Druhý spôsob inštalácie šablóny v Joomle

Túto metódu možno použiť, keď potrebujete nainštalovať veľké množstvo šablón alebo jednoducho existujú prípady, keď šablóna nie je nainštalovaná. štandardným spôsobom nainštalovať/odstrániť.

Pre inštaláciu šablóny týmto spôsobom je potrebné rozbaliť archív so šablónou do priečinka (Názov priečinka môže byť akýkoľvek, hlavná vec je anglické písmená) . Ďalej spustíme FTP klienta a otvoríme priečinok /templates na stránke, pre ktorú nainštalujeme šablónu a nahráme do nej priečinok so šablónami.

Ak je vaša stránka na lokálnom serveri, potom stačí skopírovať náš priečinok do priečinka /templates/. Ak chcete zmeniť názov šablóny, musíte v priečinku šablón nájsť súbor templateDetails.xml, otvoriť ho pomocou poznámkového bloku alebo iného textový editor a nájdite riadok so značkou august, August je názov šablóny, zmeňte ho na ľubovoľný iný (nezabudnite písať latinkou).

Ako som povedal, v predvolenom nastavení má Joomla nainštalované dve, niekedy tri štandardné šablóny: rhuk_milkyway a JA_Purity, ktoré môžete pokojne použiť pri vytváraní vášho projektu.

K dnešnému dňu je výber šablón pre stránku veľmi veľký a vývojári ich dokonca rozdeľujú podľa predmetu: šablóny pre obchodné stránky, pre zábavné portály, dovolenka, nehnuteľnosti, hudba, sociálne siete, kino, video, šport, turistika a mnoho ďalších.

Stojí za zmienku, že niektoré šablóny sú vytvorené na komerčnej báze a pred ich použitím musíte vývojárovi zaplatiť, inak sa to bude považovať za porušenie autorských práv. Preto pred inštaláciou tejto alebo tej šablóny na stránku skontrolujte autora, sú teraz veľké množstvo a za akých podmienok poskytuje šablónu na použitie.

Ak sa načíta veľké množstvo šablón a nepamätáte si názov požadovanú šablónu, potom keď umiestnite kurzor myši na odkaz s názvom každého zo zoznamu, môžete zobraziť jeho miniatúru.

Pri výbere šablóny je potrebné venovať pozornosť aj jej štruktúre, blokom a pozíciám, ktoré obsahuje. Koniec koncov, pred vytvorením stránky ste už pravdepodobne plánovali, čo a kde sa na nej bude nachádzať: či tam bude hlavička (zvyčajne je to obrázok umiestnený navrchu, nazýva sa aj hlavička stránky), logo, vrch alebo vertikálne menu, počet blokov na stránku atď.

Ak chcete skontrolovať pozície v konkrétnej šablóne, môžete zadať adresný riadok prehliadač http://vaša stránka/?tp=1 a uvidíte všetky možné pozície šablóny a ich názvy.

WordPress je open source systém na správu obsahu webových stránok. A to znamená, že používateľ nebude čeliť obmedzeniam pri finalizácii, úpravách a zlepšovaní produktu. Podľa samotných vývojárov, ak na WordPress, umožní to zbaviť sa mnohých chýb a nedostatkov v budúcnosti.

Predtým, ako pristúpime priamo k inštalácii hostingu, ktorý ste si vybrali, najprv zistíme, čo je engine a aké ľahké je s ním spravovať stránku.

Výsledný súbor ZIP je potrebné rozbaliť pomocou akéhokoľvek archivátora. Takto vyzerajú rozbalené súbory:

    1. 2. fáza: doména a hosting

Ak chcete začať inštalovať všetky potrebné súbory na stránku, musíte si najprv zakúpiť hosting a doménu.

Doména je adresa alebo názov stránky, ktorá je priamo prepojená s hostingom. Mala by odrážať aktivity vytváranej stránky, mala by byť ľahko vnímateľná sluchom, intuitívne spojená a zapamätateľná. Registrovaná doména je v úplnom vlastníctve jej vlastníka. Hostingové spoločnosti spravidla poskytujú celý balík služieb na údržbu stránok v sieti. Preto s najväčšou pravdepodobnosťou budete mať šťastie, že si zaregistrujete doménu a zakúpite hosting na jednom mieste.

Doména je naviazaná na hosting pomocou DNS serverov. Pomocou nich sa vydávajú informácie o tom, ako sa počítače môžu navzájom nájsť cez internet. Pri zadávaní adresy stránky do prehliadača ju poskytovateľ skontroluje prostredníctvom servera doménových mien (DNS).

Každý server v sieti má svoju vlastnú IP adresu (toto je špecifická množina čísel, napríklad - 192.168.0.1). Názov domény nemusí mať vždy rovnakú IP, názorným príkladom je presun stránky na iný hosting. Zmena poskytovateľa hostingu sa v skutočnosti presúva na iný server. Preto mechanizmus na objavenie stránky na internete vyzerá takto:

http://www.your-site.ru – server DNS – 192.168.0.1 – získavanie obsahu stránky

Po zakúpení hostingu získa používateľ všetky potrebné prístupy na správu stránky, vrátane adries DNS serverov, ktoré je potrebné zadať v nastaveniach domény.

    1. 3. fáza: kopírovanie súborov motora na FTP server

V prvom kroku inštalácie sme si stiahli a rozbalili balík WordPress CMS. Prijaté súbory nahrávame na hosting.

Čo je potrebné:

      • Prístup na FTP server (vydaný poskytovateľom po zakúpení hostingu);
      • FTP manažér (pomocou ktorého sa súbory nahrávajú na server).

FTP manažér (alebo FTP klient) - špeciálny program pre jednoduchší prístup k serveru FTP zobrazuje súbory na vzdialenom serveri. Najznámejší klienti pre prístup k vzdialený server- Filezilla, Úplný veliteľ atď.

Pomocou FTP klienta musíte skopírovať výsledné súbory motora do koreňového adresára PUBLIC_HTML alebo WWW servera.

      • 4. fáza: vytvorenie databázy

Po nainštalovaní súborov WordPress engine k nim musíte pripojiť databázu, ale najprv ju musíte vytvoriť.

U rôznych poskytovateľov hostingu sa mechanizmus vytvárania databázy môže mierne líšiť, ale vo všeobecnosti je rovnaký.

MySQL je jednou z najpopulárnejších a najpoužívanejších databáz s otvoreným zdrojom. zdrojový kód. DBMS poskytuje maximálny výkon, ktorý by bolo oveľa ťažšie dosiahnuť inými prostriedkami. Skutočná popularita MySQL však pochádza z vynikajúcej interakcie s PHP (špeciálny programovací jazyk na vytváranie webových stránok).

V ovládacom paneli hostingu v položke ponuky MySQL budete musieť vykonať niekoľko krokov inštalácie.

      • zadajte názov databázy;
      • vytvoriť databázového užívateľa (administrátora) - môže ich byť viacero;
      • zadajte meno a heslo;
      • určia práva (privilégiá) prístupu užívateľa k databáze.
    1. 5. fáza:úpravou súboru wp-config-sample.php

Jeden z krokov inštalácie WordPress na hosting - zmeňte niektoré parametre potrebné na prístup k MySQL.

V súboroch nahraných na server nájdeme wp-config-sample.php a premenujeme ho na wp-confiq.php. Otvorte súbor na úpravu.

      • DB_NAME - názov databázy
      • DB_USER - užívateľ databázy
      • DB_PASSWORD - heslo pre užívateľa
      • DB_HOST - adresa databázového servera, mnohé majú localhost, ale nie vždy
      • DB_CHARSET - predvolené kódovanie utf8, nie je potrebné ho meniť

Tu je potrebné zadať názov načítanej databázy, používateľské meno, heslo a nezabudnite uložiť zmeny.

    1. 6. fáza: Inštalácia WordPress

Spustite inštalačný skript WordPress. Do riadku prehliadača musíte zadať http://www.your-site.ru/wp-admin/install.php, kde www.your-site.ru je názov vašej lokality.

(najlepšie v ruštine)

Tu zadáme názov stránky a e-mail a klikneme na „Inštalovať WordPress“.

Metóda 1

Keď napríklad vyberiete šablónu a máte pred vami archív so súbormi tém, pristúpime k procesu jeho inštalácie na stránku. V administratívnej časti stránky v záložke " Vzhľad"Vyberte položku "Témy" a prejdite na stránku správy šablón.

Prejdite na kartu "Inštalovať témy" - "Stiahnuť".

Zostáva iba aktivovať šablónu WordPress nainštalovanú na webe.

Metóda 2

Ďalším spôsobom inštalácie šablóny na lokalitu je použitie FTP klienta. Pripojíme sa k hostiteľskému serveru, po ktorom rozbalíme potrebný archív do priečinka tém. Nainštalované témy stránku nájdete tu:

/www/your-site.ru/wp-content/themes/

Aktivácia témy sa vykonáva cez Engine Console.

Ihneď po inštalácii stránky na hosting je potrebné vykonať niekoľko základné nastavenia. Všetky sú dostupné prostredníctvom administratívneho panela stránky, na ktorý nie je ťažké sa dostať: your-site.ru/wp-admin.

V ponuke „Možnosti“ v časti „Všeobecné nastavenia“ musíte zadať názov stránky, Stručný opis na to, adresu, vyberte časové pásmo, formát dátumu, čas atď.

S nastaveniami túto sekciu nemal by byť problém, ale pre normálne fungovanie stránka tak musí urobiť.

      • Nastavenia príspevku (písanie)

Veľkosť textové pole. Celkový počet riadkov okna, v ktorom je vytvorený text článkov. Ak je táto hodnota prekročená, okno sa posúva.

Formátovanie. Začiarkavacie políčko vedľa prevodu smajlíkov na obrázky vám umožní nahradiť štandardné označenia „úsmevov“ obrázkami zo základnej sady WordPress.
Automatická oprava nesprávneho XHTML kódu umožní WordPressu samostatne napísať správnejší kód z hľadiska validácie. Povolenie tejto funkcie však najčastejšie spôsobuje veľa problémov, preto sa odporúča nepovoľovať ju.

Hlavný nadpis. Zo zoznamu existujúcich nadpisov na stránke si môžete vybrať jeden z najpoužívanejších. Pri písaní nového článku na stránku sa zadaný nadpis vyberie automaticky.

Publikácia prostredníctvom e-mailu. Publikovanie článkov prostredníctvom e-mailovú schránku. Ak to chcete urobiť, musíte špecifikovať poštový server, prihlasovacie meno, heslo a kategóriu na zverejnenie. Je dôležité poznamenať, že pošta musí mať prístup POP3.

Publikovanie na diaľku. Používanie externého editora (blogového klienta) na písanie článkov a ich úpravu.

aktualizovať služby. Zoznam potrebné služby pomôže výrazne urýchliť indexovanie zdroja, zvýšiť rýchlosť každej novej publikácie, ktorá sa dostane do indexu vyhľadávačov.

      • Nastavenia čítania (čítanie)

Zobrazenie na hlavnej stránke. Značka začiarknutia vedľa položky „Vaše posledné poznámky» umožňuje zobraziť najnovšie publikácie na hlavnej stránke lokality. Statická stránka sa najčastejšie používa na málo objemných stránkach s málo aktualizovaným obsahom.

Zobraziť na stránkach blogu. Na určenie počtu záznamov na stránku webu je potrebné vziať do úvahy jeho dizajn. Zvyčajne sa táto hodnota zmení po naplnení zdroja obsahom.

Zobrazí sa v informačných kanáloch RSS. Predplatitelia kanála RSS dostanú najnovšie príspevky v tu uvedenom množstve.

Pre každý článok v informačnom kanáli zobraziť.„Úplný text“ je pre predplatiteľov vhodný na okamžité prečítanie celého textu najnovších zverejnených záznamov za predpokladu, že ich počet nie je v informačnom kanáli taký veľký.

"oznámenie"(skrátený text publikácie) je vhodný pre vlastníka stránky na zvýšenie návštevnosti.

Kódovanie stránok a informačných kanálov. Kódovanie stránky – súbor znakov, s ktorými sa bude stránka zobrazovať na webe. Odporúča sa nemeniť predvolenú hodnotu UTF-8.

      • Nastavenia diskusie (diskusia)

V tejto sekcii sú nakonfigurované upozornenia iných zdrojov o publikovaní nových článkov, komentárov, čiernej listiny, avatarov atď.

Nemali by vzniknúť ťažkosti s nastavením tejto sekcie. Takmer každá položka má malý popis.

      • Nastavenia médií (súbory médií)

Táto sekcia je zodpovedná za hosťovanie a zobrazovanie mediálnych súborov na stránke, ktoré boli nahrané na server pomocou ovládacieho panela WordPress.

Veľkosti obrázkov. Pri nahrávaní obrázkov na stránku si používateľ bude môcť vybrať, či ich umiestni na stránky zdrojov v pôvodnej veľkosti alebo v jednej z dvoch navrhovaných zmenšených veľkostí.

Objekty. V tomto odseku si môžete zvoliť vloženie mediálneho súboru na stránku lokality podľa zadaných parametrov.

V predvolenom nastavení budú všetky nahrané súbory umiestnené v priečinku wp-content/uploads. Keď povolíte možnosť „Umiestniť moje nahrané súbory do priečinkov podľa mesiaca a roku“, WordPress automaticky vytvorí podadresáre na základe dátumu nahrania média.

      • Nastavenia ochrany osobných údajov (Ochrana osobných údajov)

blokovanie vyhľadávače užitočné, keď je vaša stránka vo vývoji.

      • Nastavenia trvalých odkazov (trvalé odkazy)

Nastavenia WordPress vám umožňujú vybrať si zo štyroch možností zobrazenia adries URL.

V "Všeobecné nastavenia" v položke "Vlastné" je možné zaregistrovať špeciálne značky, ktoré budú zodpovedné za zobrazovanie prvkov v odkaze. Odkazy je možné prispôsobiť podľa vašich predstáv pridaním určitých značiek:

%rok% - rok;
%monthnum% - mesiac;
%day% – deň, kedy bol článok publikovaný;
%hodina% - hodina;
%minúta% - minúta;
%sekunda% - sekunda;
%postname% - názov;
%post_id% - poradové číslo článku;
%category% - nadpis (kategória);
%tag% - značka (štítok);
%author% – meno autora.

Dôležité: aby sa predišlo chybám v prípade použitia vyššie uvedených značiek, je potrebné nainštalovať plugin Rus-to-Lat. Táto aplikácia pre správnu tvorbu odkazov je schopný preložiť písmená ruskej abecedy do latinskej abecedy.

Poviem vám, ako nahrať (nahrať) stránku na hosting. A zverejním dva pokyny:
- RÝCHLA REFERENCIA - pre tých, ktorí tápajú, potrebujú len nápovedu;
- PODROBNÝ NÁVOD - pre tých, ktorí sú v nádrži a vôbec ničomu nerozumejú. Všetci sme boli takí – to je normálne. Zverejnil som všetko vrátane odkazov a obrázkov. Použitie na zdravie!

Stručné informácie o tom, ako nahrať webovú stránku na hosting

Rýchlo a k veci:
1) Kúpte si hosting (). Existuje skúšobná doba(podľa mňa 5 dní), mimochodom - stačí si precvičiť nahrávanie stránok a stránok. Kúpou získate tri parametre: Host, login a heslo. Slúžia na pripojenie a sťahovanie.
2) Stiahnite si FTP klienta (program). Najpopulárnejší a najpohodlnejší je FileZilla. Bežať. A áno, ak nie je nainštalovaná FileZilla (stáva sa to na starých počítačoch a netbookoch), skúste Total Commander. Princíp fungovania je rovnaký, ale rozhranie DOS. A tak je všetko po starom.
3) Do horného poľa zadajte: Hostiteľ (alebo Server), Používateľské meno (alebo Prihlasovacie meno) a Heslo. Posiela ich hostiteľ pri kúpe hostingu. Pozri e-mail.
4) ĽAVÁ ČASŤ zobrazuje prieskumníka a obsah priečinkov v počítači. PRAVÁ ČASŤ zobrazuje prieskumníka a obsah priečinkov na hostingu. Zo skutočnosti, že ste pripojení, sa zobrazí správa a v okne vpravo sa zobrazí priečinok s názvom lokality (domény).
5) Vľavo otvorte priečinok, odkiaľ budete nahrávať súbory na hosting. Vpravo prejdite do priečinka s názvom lokality na strane hosťovania, napríklad „mysite.com“. Potom priečinok „www“.
6) Vľavo vyberte súbor, ktorý chcete nahrať, kliknite naň kliknite pravým tlačidlom myši myšou a kliknite na „Nahrať na server“. Gratulujeme, odovzdali ste stránku na internet! Teraz môžete skontrolovať, ako sa zobrazuje v prehliadači.

POZNÁMKA:

DÔLEŽITÉ #1: Koreňový priečinok stránka - "www". Mal by obsahovať - ​​HLAVNÚ STRÁNKU STRÁNKY, teda súbor index.html alebo index.php. Rovnako ako ostatné súbory a priečinky, ak nejaké existujú.

DÔLEŽITÉ #2: pri neskoršom nahrávaní venujte pozornosť tomu, do ktorého priečinka súbor nahrávate! ak chcete napríklad nahrať obrázok do priečinka s obrázkami, uistite sa, že je otvorený zo strany hostiteľa!

Tu je vlastne všetko o tom, ako pridať webovú stránku na internet. Ak to nevyšlo podľa krátkeho návodu alebo niečo nie je jasné, čítajte kompletný sprievodca nižšie.

PODROBNÝ NÁVOD, ako nahrať webovú stránku na hosting

Pre tých, ktorí ničomu nerozumeli, so všetkými podrobnosťami, obrázkami, vysvetleniami a screenshotmi!
Takpovediac návod pre dievčatá (blondínky, brunetky a ryšavky, keďže dámy s dredmi a modrými vlasmi už vedia, ako na to).
Milí moji, nechcel som nikoho uraziť, ale prvá veta s poznámkami vyradila všetkých mužov: R. Čo je dôležité!
V poslednej dobe som sa niekoľkokrát stretol s tým, že tí, ktorí absolvovali online kurzy dizajnu, nevedia nahrávať stránky na hosting.
Kedysi bolo pre mňa záhadou aj načítanie stránky na internete... Ale keď to raz vyskúšate, situácia sa vyjasní.
Stránka je vlastne priečinok so súbormi, ktoré môžu byť usporiadané vo formátoch HTML a niekedy plus PHP * a skripty (softvér vo forme kódu).

Štandardne berieme situáciu:
- Webstránku UŽ MÁTE PRIPRAVENÚ, je len na domácom počítači, nie na internete.
- Kúpili ste si za to doménu a možno aj hosting. (- ale môžete si vybrať akúkoľvek kanceláriu. Princíp umiestňovania stránok na internet je všade rovnaký).

Zastavme sa tu pre vysvetlenie.
Stránka môže vyzerať takto:
1. index.html (alebo index.php) – hlavná stránka webu (index názvov je štandardne priradený hlavnej stránke webu a ľubovoľnému priečinku na všetkých weboch na internete)
2. index.css - súbor, kde je špecifikovaný štýl stránky (farba podkladu, veľkosť okna, font)
3. zložka obrázky - obrázky pre návrh stránky
4. stránka1.html (alebo stránka1.php) – ľubovoľná stránka webu, nie však hlavná
5. page2.html (alebo page2.php) – ľubovoľná stránka webu, nie však hlavná
6. page3.html (alebo page3.php) – ľubovoľná stránka webu, nie však hlavná
Povedzme, že to vyzerá takto:

PAMATUJTE SI! VYPLNÍTE ZLOŽKY, KTORÉ VÁM DAL PROGRAMÁTOR! Túto sadu berieme len ako príklad.

Takže už máte nakúpené doména a hosting. Zvyčajne ich predávajú tí istí súdruhovia na internete (hosteri). Ale môžete si kúpiť od iných. Osobne sa mi páči spoločnosť Ukraine.com.ua - majú lacné doménové mená + dobré technická podpora, čo je dôležité pri otázkach o prevádzke hostingu.

Doména je názov stránky na internete, napríklad: mysite.com, http://freetravel.com.ua, ukr.net.
Hosting je ten pravý HDD»na internete, kde sa bude nachádzať váš priečinok so súborom a bude k dispozícii všetkým používateľom internetu 24 hodín denne.

Kúpite si teda seba Doménové meno. Je vám pridelený na dva dni. Potom si kúpite hosting na Ukraine.com.ua. Mimochodom, majú 5 dní bezplatného používania hostingu – na vyskúšanie, len málo.

Ak ste si už zakúpili hosting, dostanete e-mail s názvom servera, prihlasovacím menom a heslom na používanie hostingu:
Pre prístup cez FTP*** použite nasledujúce údaje:
Server: mysite.ftp.ukraine.com.ua
Prihlásenie: mysite_ftp
Heslo: A0a0A0A

Tieto heslá sa nepoužívajú na hostiteľskej stránke, ale pre FTP klientov (programy, ktoré vám umožňujú nahrať stránku na hosting, ale v skutočnosti - na internet).
Hlavné dva:
FileZilla - ODPORÚČAM!
Total Commander – použite, ak je váš počítač palivovým drevom a nie je na ňom nainštalovaná FileZilla.

Stiahnite si program FileZilla, zadajte svoje heslá a pripojte sa.
Krok za krokom, ako nahrať webovú stránku na hosting.
Nahrávanie súborov na hosting cez FileZilla:


Skutočnosť, že ste pripojení, naznačuje vzhľad priečinka vašej domény v poli vpravo:


Vpravo sa objavil priečinok s vašou doménou. Prejdite naň a potom do priečinka www!

Indexový súbor (hlavná stránka webu) by mal byť v priečinku www(!!!). Na jeho vyplnenie je potrebné otvoriť priečinok www na pravej strane! Potom kliknite pravým tlačidlom myši požadovaný súbor a zvoľte "Nahrať na server".


Je dôležité, aby sa priečinky na oboch stranách presne zhodovali. Ak chcete, povedzme, pridať nový obrázok do priečinka obrázkov, potom vo FileZilla musí byť priečinok obrázkov otvorený na oboch stranách.

Po nahraní súboru cez FileZilla si môžete všetko skontrolovať cez internet jednoduchým zadaním adresy do prehliadača. Všetko by malo fungovať. Ak sa niečo nezobrazuje, potom ste to nenahrali! Nezabudnite skontrolovať nahrané súbory online.

Riešenie problémov s načítaním stránky na server.

Ak sa pripojenie nevyskytlo, problém môže byť v dynamickej IP. Relevantné pre tých, ktorí používajú mobilný internet alebo internet iných ľudí.
Faktom je, že hosting Ukrajina robí pre svojich používateľov dodatočná ochrana podľa vašej internetovej IP adresy. Ak sa zmení, musí sa zmeniť aj na webovej stránke Ukraine.com.ua v osobný účet v sekcii BEZPEČNOSŤ. Vlastne aj to je ďalší dôvod, prečo mám rád hosting, pretože na vstup na stránku je potrebné prejsť identifikáciou cez SMS kód. To znamená, že na moju stránku sa nikto nedostane))).
Ako zmeniť registrovanú IP!
Prihlásiť sa. Prejdeme na osobný ovládací panel na hostingu:


Prejdite do sekcie Zabezpečenie

Naľavo na bielom pozadí sú adresy IP, ktoré môžu vykonávať zmeny, a napravo je vaša aktuálna adresa IP:

Ak sa nezhodujú, pridajte ho do bieleho poľa:

Malo by sa objaviť:

Teraz môžete nahrať svoje stránky na hosting pomocou FileZilla (alebo Total Commander). Postupnosť je uvedená vyššie.

Mimochodom, Total Commander sa používa rovnakým spôsobom ako filezilla, ale je tu trochu iné rozhranie (založené na DOS, niečo málo). V zásade však vlastník stránky „nepotrebuje dámu, ale choďte“, to znamená, že nahrajte stránku na internet!

________________________________________ ____
Referencia:
* Formáty HTML alebo PHP. Súbory majú zodpovedajúce prípony: index.html alebo index.php Ak môžete otvoriť stránku indexu pomocou prehliadača, je to HTML :) PHP súbory je možné otvoriť iba na serveri (webhosting resp lokálny server, ktorý je nainštalovaný na funkčnom počítači – ak však nie ste vývojár, nepotrebujete ho).
** Redakčné systémy využívajú tí používatelia, ktorí nemôžu (alebo nechcú) sami písať kódy pre stránku. V podstate je to len používanie užívateľsky prívetivé rozhranie.
*** FTP (File Transfer Protocol - protokol na prenos súborov). Nahranie stránok na hosting je rovnaké ako ich nahranie na počítač niekoho iného. Kto by to niekomu dovolil. Na to použite FTP - umožní vám nahrať určité súbory na určité miesto a je to.

Pred pokračovaním v procese inštalácie musíte nájsť vhodný dizajn. Šablóny by som odporučil používať len z dôveryhodných zdrojov, ako napríklad: oficiálny obchod od uCoz alebo na stránkach, ktoré sa špecializujú na túto oblasť.

V tomto prípade si môžete byť istí kvalitou šablóny a jej výkonom. Samozrejme, môžete si vygoogliť alebo použiť rôzne warezy – veľmi často však narážajú na ripy, nefungujúce dizajny alebo ešte horšie súbory s vírusmi. Preto pristupujte k otázke výberu zdroja so všetkou vážnosťou, pretože od toho závisí nielen úspech operácie, ale aj bezpečnosť vašej stránky. V tomto článku nainštalujem bezplatná šablóna DesktopChaos s uTemplate.pro.

Sťahovanie súboru šablóny

Stiahnite si archív so šablónou:

V archíve je niekoľko podpriečinkov:

  • priečinok s obrázkami (obrázky, img);
  • priečinok so skriptami (js);
  • priečinok štýlov (css);
  • priečinky s kódmi Globálnych blokov, Informátorov atď.

V archíve sa spravidla nachádzajú aj:

  • inštrukcie.txt (ReadMe.txt) - Dôrazne vám odporúčam, aby ste si ho prečítali;
  • šablóna constructor.txt (tmpl.txt) - všeobecný kód rámca;
  • stylesheet.txt (css.txt, style.txt) - súbor so sadou štýlov;
  • typ materiálov.txt - obsahuje kód typu materiálov;
  • atď. textové súbory s kódmi, ktoré sú potrebné na úplnú inštaláciu šablóny.

Poznámka: obsah vášho archívu sa môže líšiť od mojej šablóny (závisí to od typu, štruktúry, zložitosti šablóny a ďalších faktorov).

Vytvorenie záložnej kópie aktuálnej šablóny

Pred inštaláciou novej šablóny odporúčam urobiť zálohu aktuálnej šablóny (pre každý prípad)

Ak to chcete urobiť, prejdite na „Ovládací panel“ svojej stránky - „Návrh“ - " Zálohovaniešablóny":

Kliknite na tlačidlo "Vytvoriť" v pravom hornom rohu zálohovanie“, po ktorom sa zobrazí archív zálohy s vašou aktuálnou šablónou ako „1372338464.zip“ s dátumom vytvorenia v zátvorkách:

A ešte jedna vec: pred inštaláciou novej šablóny Odporúčam aktivovať všetky potrebné moduly: tie, v ktorých sa nachádzate tento moment chcete použiť a tie, ktoré by ste mohli chcieť použiť v budúcnosti. Robí sa to tak, že váš nová šablóna správne nainštalované a zobrazené vo všetkých moduloch.

Podrobné pokyny na inštaláciu šablóny na uCoz:

Inštalácia šablóny sa vykonáva podľa pokynov, ktoré sú vo vašom archíve so šablónou. Ako som povedal v rámci tohto článku, ukážem inštaláciu šablóny DesktopChaos.

Krok 1.

Nahrajte priečinok s obrázkami na náš server. Dá sa to urobiť dvoma spôsobmi.

Prvý spôsob - cez FTP klienta, ako je FileZilla. Stiahnite si a nainštalujte program: http://filezilla.ru/get/.

Potom na hlavnej stránke ovládacieho panela kliknite a nastavte nové heslo:

Potom otvorte správcu ftp FileZilla, úplne hore zadajte hostiteľa, používateľské meno a heslo, kliknite na „Rýchle pripojenie“:

V ľavej časti správcu nájdeme priečinok s obrázkami našej šablóny, kliknite naň pravým tlačidlom myši av zobrazenej ponuke kliknite na „Nahrať na server“. Pripravený. Teraz sú obrázky na našom serveri.

Túto metódu je vhodné použiť, ak potrebujete nahrať veľa obrázkov alebo iných súborov.

Druhý spôsob - nahrať obrázky cez Správca súborov . Poďme do domovskej stránke PU a kliknite na "Správca súborov":

V pravom hornom rohu kliknite na Vytvoriť priečinok, zadajte názvy obrázkov a stlačte Enter:

Poďme do tohto priečinka. Ak doň chcete nahrať obrázky, kliknite na „Vybrať súbor“, vyberte obrázok a kliknite na Nahrať súbor. Môžete pridať polia pre niekoľko súborov so zeleným znamienkom plus.

Na server teda nahráme všetky obrázky z priečinka obrázkov.

Krok 2.

Nastavte (ak je to potrebné) hodnotu značky . Prejdite na "PU (Ovládací panel)" - "Nastavenia" - "Všeobecné nastavenia" a vložte kód do príslušného poľa:

Krok-3.

Inštalácia šablóny štýlov. Aby sme to urobili, nájdeme v archíve súbor "Style sheet.txt", otvoríme a skopírujeme z neho celý kód (Ctrl + A, Ctrl + C) a prilepíme ho namiesto starého kódu do "PU" - "Design" " - "Správa dizajnu (CSS) )" - "Štýlový list (CSS)":

Krok-4.

Nainštalujte kód zo súboru "Template Constructor". Otvorte súbor z archívu "Template Builder.txt", skopírujte celý obsah a vložte ho do "PU" - "Design" - "Template Builder", stlačte tlačidlo "Create Templates":

Krok-5.

Teraz podobným spôsobom preniesť obsah súboru "Typ materiálov.txt" vo forme modulových materiálov: „Novinky zo stránky“, „Blog“, „Katalóg súborov“, „Katalóg článkov“. Prejdite na "PU" - "Dizajn" - "Správa dizajnu (šablóny)":

Kód zo súboru „Comments view.txt“ sa podobne skopíruje do „Komentáre“ – „Zobrazenie komentárov“.

Krok-6.

Vytvorte globálny blok. Prejdite na "PU" - "Dizajn" - "Správa dizajnu (šablóny)" - "Globálne bloky":

V pravom hornom rohu kliknite na „Pridať blok“, do zobrazeného poľa napíšte názov bloku INFO a kliknite na „Pridať“:

Nájdite v archíve priečinok „Globálne bloky“ a otvorte súbor „INFO.txt“, skopírujte obsah súboru a vložte ho do novovytvoreného globálneho bloku INFO, uložte:

Krok-7.

Nastavte požadované hodnoty:

  • Meno informátora: Posledné správy;
  • Sekcia: Novinky na stránke (buď "Blog" alebo "Katalóg súborov" alebo "Katalóg článkov");
  • Typ údajov: Materiály;
  • Spôsob triedenia: Dátum pridania materiálu D;
  • Počet materiálov: 5;
  • Počet stĺpcov: 1.

Kliknite na „Vytvoriť“.

Potom sa blok s informátorom, ktorý sme vytvorili, objaví o niečo nižšie, vpravo v ňom vidíme ikony, vyberte prvú z nich "Informer Design Management" a vložte obsah súboru "Najnovšie správy" z "Informers" priečinok do zobrazeného okna uložte:

Kód tohto informátora $MYINF_1$ vložiť do globálneho bloku, ktorý sme vytvorili predtým INFO.

Podobným spôsobom je vytvorený aj informátor fóra.

Tým sa dokončí inštalácia šablóny DesktopChaos.

Mimochodom, ak ste stále neprišli na to, ako nainštalovať novú šablónu na vašu stránku, môžete si objednať službu inštalácie šablóny v oficiálnom obchode uTemplate.pro.