Sisällysluettelo:

Ensimmäisen verkkosivuston luominen tyhjästä: 4 vaihetta
Ensimmäisen verkkosivuston luominen tyhjästä: 4 vaihetta

Video: Ensimmäisen verkkosivuston luominen tyhjästä: 4 vaihetta

Video: Ensimmäisen verkkosivuston luominen tyhjästä: 4 vaihetta
Video: Täydellinen vastauskyselykurssi tunnissa | TanStack Query v4 aloittelijoille 2024, Heinäkuu
Anonim
Ensimmäisen verkkosivuston luominen tyhjästä
Ensimmäisen verkkosivuston luominen tyhjästä
Ensimmäisen verkkosivuston luominen tyhjästä
Ensimmäisen verkkosivuston luominen tyhjästä

Tämä opettavainen opas näyttää sinulle, miten voit tehdä oman verkkosivustosi täysin tyhjästä oppimatta käytännössä mitään html -tiedostoja ja täysin ilmaiseksi, vaikka jonkinlaista maalausohjelman taitoa tarvitaan, mutta jos sinulla ei ole tätä taitoa, voit etsiä Internetiä mitä aiot tehdä valmiissa maalissa. tarvittavien asioiden luettelo.

  • Internet -yhteys (on todennäköistä, että jos luet tätä, sinulla on tämä)
  • Maaliohjelma
  • Noin tunti aikaa (jopa lyhyempi taidoistasi riippuen)
  • Ja muutamia latauksia, jotka ovat tietysti ilmaisia.

Ensimmäistä latausta kutsutaan nimellä gimp, joka on pohjimmiltaan vesiliukoinen versio valokuvakaupasta tai isompi versio Windows -maalista. Gimp tällä ohjelmalla on myös versioita linux- ja mac -käyttäjille. Seuraavaksi pidän todella siitä, että se on HTML -editori. arvasit sen Ilmaiset tuotteet. tämä tekee siitä niin sinun ei tarvitse oppia html. mutta jos haluat tehdä koodauksen, voit tehdä sen tässä ohjelmassa. NVUGot all that, Hyvä nyt missä olet valmis ottamaan askeleen Internetin maailmaan.

Vaihe 1: Kuvien tekeminen

Kuvien tekeminen
Kuvien tekeminen
Kuvien tekeminen
Kuvien tekeminen
Kuvien tekeminen
Kuvien tekeminen

Tämä on vaihe, jossa teet kaikki sivustosi kuvat, tietysti sinulla on oltava sivustosi nimi tässä vaiheessa. Kokeiltu ja oikea tapa on tehdä 1000x600 kuva, jotta sivustosi tulee olemaan esimerkiksi ohjeiden sivusto, kaikki mitä se todella on, on banneri yläreunassa, oranssi palkki painikkeilla ja muutama valikkorivi. on keskimmäisellä sivulla, jätä tämä kohta tyhjäksi) äläkä tee taustaa, vaan täytä tausta yksivärisellä värillä, joka sopii hyvin sivusi kanssa. siinä omin päin. kun olet saanut haluamasi pääsivun näyttämään. kun olet tehnyt. leikkaa ja liitä kaikki napsautettavat, mukaan lukien banneri ja painikkeet yksitellen, uuteen ikkunaan, ja tallenna ne erikseen. muista tallentaa ne-p.webp

Toinen vinkki on luoda uusi kansio, johon ne tallennetaan

Vaihe 2: Laita kaikki takaisin yhteen

Laita kaikki takaisin yhteen
Laita kaikki takaisin yhteen

Nyt avaat nvu: n, se vei minut hiukan napsauttamalla, mutta se ei ole liian monimutkaista. huonosti vie sinut läpi vaihe vaiheelta.

Ensin sinun on otettava yläpalkki, joka on oletusarvoisesti 600 (olen melko varma), mutta haluat vetää tämän yli ja tehdä siitä 1000 leveä, tee sama sivulle vain tehdäksesi 600: sta. Haluat tehdä ensin sivuston taustan, etkä käytä maalausohjelmassasi käytettyä täytettä, vaan valitse Muoto> Sivun värit ja tausta ja valitse Käytä mukautettuja värejä. ja tee taustaväristä se, minkä teit maalausohjelmassa. Seuraava asia, jonka haluat tehdä, on lisätä ylimmäinen banneri. napsauta työkalupalkin kuvapainiketta. ja etsi bannerisi. napsauta älä käytä vaihtoehtoista tekstiä. ja ok. sinulla on nyt ensimmäinen kuva sivullasi. *Napsauta ohjelman alareunassa olevaa lähdepalkkia nähdäksesi kuinka paljon koodausta meni juuri siihen. se on myös hyvä tapa oppia HTML. Lataa loput painikkeet, voit käyttää vaihtoehtoista tekstiä tai se ei ole sinun. sinun on kuitenkin napsautettava painiketta ja mentävä kuva- ja linkkiominaisuuksien muotoilupalkkiin. napsauta linkkipalkkia ja tee siitä linkki siihen, mitä se koskee, kotipainike olisi index.htm, linkit -painike olisi linkkejä. htm kirjoita, mihin painikkeet on linkitetty alas, tarvitset niitä myöhemmin, kun saat kaiken valmiiksi sen pitäisi näyttää verkkosivun kuvasta ennen leikkaamista ja liittämistä. Viimeinen asia, jonka haluat tehdä, on tehdä taulukko sivun keskelle painikkeiden alle, voit muuttaa väriä ja reunuksia valikkorivillä, tähän päätekstisi menee. kirjoita jotain vain, jotta sinulla on jotain sivustossasi.

Vaihe 3: Asenna kaikki

Kaikkea asennetaan
Kaikkea asennetaan
Kaikkea asennetaan
Kaikkea asennetaan
Kaikkea asennetaan
Kaikkea asennetaan

Nyt sinulla on verkkosivusto valmiina. mutta luultavasti sinulla ei ole aikaa tai tilaa palvelimen asentamiseen ja se ei olisi ilmainen. mutta ne ovat paikkoja, jotka isännöivät verkkosivustoasi ilmaiseksi palvelimillaan. minun suosikki on. freewebs

Jos et halua itse tehdä tätä ohjeellista ja luet vain läpi, voit silti tehdä sivuston heiltä, ja heillä on kaikki mitä tarvitset. Sinun tarvitsee vain valita, miltä haluat sivustosi näyttävän ja kirjoittaa haluamasi. Tämä tapa tehdä se on vain paljon joustavampi

Luo tili freewebeille, jos verkkosivustosi nimi on otettu, älä huoli, lisää vain 2 sivustosi loppuun toistaiseksi, eli kaivos punkholy, jos se otettaisiin, kutsuisin sitä punkholy2: ksi. (tämä ei todennäköisesti ole se, mitä ihmiset kirjoittavat, kun he menevät sivustoosi. viimeiseksi, kun teet verkkosivun, muista asettaa se html -tilaan. päädyt kolmannen kuvan kaltaiseen näyttöön, napsauta sivustonhallinta, ja napsauta muokataksesi indeksisivua nimeltä index.htm poista sisältö, joka on heidän sisällään, siirry lähdepalkkiin nvu: ssa ja kopioi ja liitä se nyt tyhjään tekstieditoriin. lataa kuvat lopulta päähakemistoon ja napsauta pientä maapalloa nähdäksesi sivun. jos jokin menee pieleen, kommentoi sitä ja lähetä minulle viesti, jossa on html -tiedostosi ja huomaa mitä voin tehdä.

Vaihe 4: Viimeisteleminen

Ole kanssani melkein valmis. muistatko, kun olit niin poseeraa kirjoittaaksesi nämä nimet muistiin? Nyt kun niitä tarvitset. tehdä joitakin uusia sivuja, joilla on sama nimi kuin painikkeisiin. Kopioi nyt html -koodi hakemistosivulta. ja kopioi se uusille sivuille tarkastuksen jälkeen. sinun pitäisi nähdä, mihin teksti on syötetty etusivulle. voit poistaa sen ja kirjoittaa jotain muuta, joka menisi sivulle, sinun on etsittävä html -tiedostoa, jos haluat lisätä linkkejä muille sivustoille ja vastaaville. mutta suurimman osan siitä DONE testaa painikkeet nähdäksesi, toimivatko ne. ajattele sisältöä ja ole onnellinen.*valinnaisena vaihtoehtona, jos sinulla on nimi, joka on jo kirjoitettu ja joudut kirjoittamaan 2 -nimen, mene tähän ja rekisteröi haluamasi nimi. vaikka se on otettu freewebsin mahdollisuuksiin, sitä ei oteta täällä. viimeistään vain tavallinen kommentti, jos sinulla on ongelmia, tiedän, että se on pitkä opettavainen ja sisältää paljon tietoa, ja jos jätin jotain pois, kerro minulle, älä liekki minä, Iv teki paljon verkkosivustoja ja jotain, joka on mielestäni ilmeistä, ei ehkä ole niin ilmeistä jollekin, joka on uusi. Jos haluat esimerkin, tässä on sivustoni www.punkholy.tk.

Suositeltava: