Obsah:

Vytvorenie prvého webu od začiatku: 4 kroky
Vytvorenie prvého webu od začiatku: 4 kroky

Video: Vytvorenie prvého webu od začiatku: 4 kroky

Video: Vytvorenie prvého webu od začiatku: 4 kroky
Video: Полный курс React Query за час | TanStack Query v4 для начинающих 2024, November
Anonim
Vytvorenie prvého webu od začiatku
Vytvorenie prvého webu od začiatku
Vytvorenie prvého webu od začiatku
Vytvorenie prvého webu od začiatku

Tento návod vám ukáže, ako si vytvoriť vlastnú webovú stránku úplne od začiatku bez toho, aby ste sa museli naučiť prakticky akýkoľvek html, a úplne zadarmo, aj keď sú potrebné určité znalosti programu na maľovanie, ale ak túto zručnosť nemáte, môžete vyhľadávať na internete. za to, čo budete robiť v farbe vopred pripravenej. zoznam potrebných vecí.

  • Prístup na internet (je pravdepodobné, že ak si prečítate tento článok, získate tento)
  • Program na maľovanie
  • Asi hodinu času (ešte kratšie v závislosti od vašich schopností)
  • A niekoľko stiahnutí, ktoré sú samozrejme zadarmo.

Prvé stiahnutie sa nazýva gimp, čo je v zásade zmenšená verzia obchodu s fotografiami alebo objemnejšia verzia farby na okná, pre ktorú sa rozhodnete. Tento program Gimp má tiež verzie pre používateľov Linuxu a Macu. Ďalej sa mi veľmi páči, je to editor HTML, čo je. uhádli ste to Freeware. Vďaka tomu sa nemusíte učiť html. ale ak chcete urobiť kódovanie, môžete to urobiť v tomto programe. NVUGot, to všetko je dobré, keď ste pripravení urobiť krok do sveta interwebu.

Krok 1: Vytváranie obrázkov

Vytváranie obrázkov
Vytváranie obrázkov
Vytváranie obrázkov
Vytváranie obrázkov
Vytváranie obrázkov
Vytváranie obrázkov

Toto je krok, kde urobíte všetky obrázky pre svoj web, v tejto fáze budete samozrejme musieť mať názov svojho webu. Skúsenou a pravdivou metódou je vytvoriť obrázok s rozmermi 1 000 x 600 a vytvoriť tak všetko, čím váš web bude. napríklad stránka s pokynmi je v skutočnosti banner v hornej časti, oranžová lišta s tlačidlami a niekoľko panelov s ponukami. Jednoducho vytvorte celú vec ako jeden obrázok (vynechajte oblasť obsahu, tj. kde je text je na strednej stránke, nechajte toto miesto prázdne) a nevytvárajte pozadie, stačí vyplniť pozadie plnou farbou, ktorá sa hodí k vašej stránke. Nebudem vám hovoriť o tipoch na maľovanie alebo na čokoľvek, na čo sa môžete pozrieť. na to sám. akonáhle máte to, čo chcete, aby vyzerala vaša hlavná stránka. akonáhle budete hotoví. vystrihnite a prilepte všetko, na čo je možné klikať, vrátane bannera a tlačidiel jednotlivo, do nového okna a uložte ho oddelene. Uistite sa, že ste ich uložili ako.png, pozrite sa na obrázky a zobrazte môj príklad. Ide tu o to, aby ste všetko oddelili, aby ste to mohli kódovať.

Ďalším tipom je vytvoriť nový priečinok, do ktorého sa budú ukladať, nie však potrebné na organizáciu

Krok 2: Dajte všetko dohromady

Dať všetko dohromady
Dať všetko dohromady

Teraz, keď sa chystáte otvoriť nvu, trvalo mi trochu kliknúť, ale nie je to nič zložité. prevediem vás krok za krokom.

Najprv budete musieť vziať hornú lištu, ktorá je predvolene nastavená na 600 (som si celkom istý), ale budete ju chcieť pretiahnuť a urobiť 1000 širokouhlých, to isté urobte do strany, len aby bolo 600. Ďalej vy „Najprv urobte pozadie webu, pretože nebudete používať výplň, ktorú ste použili vo svojom programe na kreslenie, namiesto toho choďte do Formát> Farby stránky a Pozadie, kliknite na položku použiť vlastné farby. a urobte farbu pozadia tak, ako ste to urobili v programe na maľovanie. Ďalšia vec, ktorú budete chcieť urobiť, je pridať horný banner. kliknite na tlačidlo s obrázkom na paneli s nástrojmi. a nájdite svoj banner. kliknite nepoužívať alternatívny text. a v poriadku Teraz máte na svojej stránke prvý obrázok. *kliknutím na zdrojový riadok v spodnej časti programu zistíte, koľko kódovania bolo vložené do tohto programu. je to tiež dobrý spôsob, ako sa naučiť HTML. Nahrajte ostatné tlačidlá, môžete použiť alternatívny text alebo nie, je to na vás. Budete však musieť kliknúť na tlačidlo a prejsť na panel formátov vo vlastnostiach obrázku a odkazu. kliknite na panel s odkazmi a urobte z neho odkaz na to, čo sa týka, tlačidlo domov bude index.htm, tlačidlo odkazov bude links.htm napíšte, na čo sú tlačidlá prepojené, budete ich potrebovať neskôr, keď budete mať všetko hotové predtým, ako ste urobili vystrihnutie a vloženie, by mal vyzerať ako obrázok na webovej stránke. Posledná vec, ktorú budete chcieť urobiť, je vytvoriť tabuľku v strede stránky pod tlačidlami. Na paneli s ponukami môžete zmeniť farbu a okraje. Tu prejde váš hlavný text. napíšte niečo do nich, aby ste niečo mali na svojom webe.

Krok 3: Nastavenie všetkého

Všetko sa nastavuje
Všetko sa nastavuje
Všetko sa nastavuje
Všetko sa nastavuje
Všetko sa nastavuje
Všetko sa nastavuje

Teraz máte webovú stránku do značnej miery vytvorenú. ale pravdepodobne nemáte čas ani priestor potrebný na zriadenie servera, a navyše by to nebolo zadarmo. ale sú to miesta, ktoré budú bezplatne hostiť vaše webové stránky na ich serveroch. môj obľúbený je. bezplatné webové stránky

Ak nemáte pocit, že by ste v skutočnosti robili tieto inštrukcie, a práve ich čítate, môžete si z nich vytvoriť web, ktorý má všetko, čo potrebujete. Stačí si vybrať, ako má váš web vyzerať, a napísať, čo chcete. Tento spôsob vykonávania je oveľa flexibilnejší

Vytvorte si účet na webových serveroch zadarmo, ak je názov vašej webovej stránky prijatý, nebojte sa, zatiaľ na koniec svojich stránok pridajte 2, t. J. Bane punkholy, ak by boli prijaté, nazval by som to punkholy2. (Pravdepodobne to nebude tým, čo ľudia zadávajú pri prechode na váš web. Pri vytváraní webových stránok nezabudnite ich prepnúť do režimu html. Skončíte na obrazovke ako tretí obrázok, kliknite na správcu stránok., a kliknutím upravte stránku s názvom index.htm, odstráňte obsah, ktorý je v nich, choďte do zdrojového panela v nvu a skopírujte ho a prilepte do teraz prázdneho textového editora. Obrázky jednoducho nahrajte do hlavného adresára a kliknite na malý glóbus Ak sa niečo pokazí, napíšte o tom komentár a pošlite mi správu s vloženým html a uvidíte, čo môžem urobiť.

Krok 4: Dokončenie

Bare so mnou, si takmer hotový. pamätáte si, keď ste boli odhodlaní zapísať si tieto mená? Teraz, keď ich potrebujete. vytvoriť niektoré nové stránky s rovnakým názvom, na ktorý boli prepojené tlačidlá. teraz skopírujte html kód zo stránky Index. a po kontrole ho skopírujte na nové stránky. mali by ste vidieť, kde je text zadaný, na domovskú stránku. môžete to odstrániť a napísať niečo iné, čo by išlo na stránku, potom budete musieť vyhľadať nejaký html, ak chcete pridať odkazy na iné stránky a podobné veci. ale pre väčšinu z toho váš DONE test vašich tlačidiel, či fungujú. vymyslite si nejaký obsah a buďte šťastní.*ako voliteľný krok, ak ste dostali meno, ktoré bolo zadané a museli ste do svojho mena vložiť dvojku, prejdite sem a zaregistrujte požadované meno. aj keď sa to berie na webových serveroch, šanca, že sa to tu neberie. Ak máte problémy, je to len bežný komentár k veci, viem, že je to dlhý návod s veľkým počtom informácií, a ak som niečo vynechal, povedzte mi to. ja, Iv som vytvoril veľa webových stránok a niečo, čo si myslím, že je zrejmé, nemusí byť také zrejmé pre niekoho, kto je v tom nový. ak chceš príklad, tu je moja stránkawww.punkholy.tk.

Odporúča: