Kuidas luua oma veebisaiti: 16 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:50

Täielikult kaetud juhend paberilt veebi jõudmiseks, kui soovite, tasuta, eriti kui sõbralikud veebimeistrid on teile mõned eelised võlgu, kuid isegi väheste kogemuste ja teadmistega saate saidi üles ehitada ja selle veebis alla laadida: …

Samm: tööriistad, materjalid ja põhioskused

Oma saidi loomiseks vajate: Tööriistad - Arvuti, eelistatavalt alla viie aasta vana - Dreamweaver'i koopia (valikuline), kuid see on see, mida ma tean ja näitan teile selles - Photoshopi koopia, mis pole hädavajalik, kuid kindlasti peab kõigile, kes soovivad ilusa väljanägemisega saiti - Interneti -ühendus teie arvutis, soovitavalt kiire (kuna see teeb asja kiiremaks) Materjalid - Idee - Mõni kettaruum, olenevalt teie saidi otstarbest - Aeg, jah materjal, mis on selle jaoks väärtuslik - töötav e -posti aadress, kui seda vajate, on neil tasuta Gmailist ja hotmailist Põhioskused - põhiteadmised arvuti ja Interneti kasutamise kohta - see on koodivaba, intstructable, see on mõeldud inimestele kes soovivad saiti luua, kuid ei tea, kuidas seda teha - Mõni disainioskus oleks kasulik - Photoshopi kasutamine oleks tore, värvige. NET või GIMP

2. samm: alustame

Kui teate, millist saiti soovite teha, tehke oma kujundusotsus.

Mõelge saidi baasjahutitele, selle stiilile ja sellele, kuidas soovite, et inimesed sellel navigeeriksid. Kui teete seda ettevõtte või klubi jaoks, on ilmselt parem, kui sait kajastab ettevõtte/klubi jahutit ja sellel on funktsioone, mis jäljendavad või põhinevad ettevõttega seotud asjadel, näiteks menüünupud, mis meenutavad midagi, mida nad müüvad, kui see on äri. Teie saitidel navigeerimine võib olla mitu asja, tavaliselt kasutatakse kolme peamist tüüpi vasak- ja parempoolset külgriba menüüd ja ülemise riba menüüd (need lähevad päise alla nagu sellel saidil) Kui teete saidi ise, valige värvid ja kujundusfunktsioonid sulle meeldib ja mine sealt edasi hoiatussõna. ärge kasutage tõeliselt vastuolulisi värve ja tüdrukud proovige mitte kasutada fluorestseeruvat roosat (pole seksistlik, mida lihtsalt juhtub palju) Kui soovite, võite isegi oma saidi kaudu äri ajada, mul on selle tegemisel vähe kogemusi, kuid võib -olla lihtsam kasutada midagi sellist, nagu sellel saidil kasutatavad yahoo kauplused.

Samm: saidi käivitamine

Just siit me alustame, minge jaotisse Minu dokumendid ja tehke endale kaust nimega „Minu veebisait või kasutage saidi nime. Selle kausta sees helistage kausta„ pildid”, mida nimetatakse lehtedeks ja teist failideks. (fail, mida nimetatakse failiks, on kõigi muude failide jaoks, mida te võib -olla oma saidi loomisel kasutate.) Nüüd käivitage Dreamweaver ja koos failiga näete natuke menüüelementi, mida nimetatakse saidiks, nii et klõpsake seda ja valige uus sait, kasutage täpsemat vahekaarti (kuna seda on lihtsam läbida), pange nüüd oma veebisaidi nimi saidi nime kasti. Näete kasti nimega „kohalik juurkaust” - see on kaust, mille tegite saidi nime all. Järgmine kast on pealkirjaga „Vaikepiltide kaust”, valige oma kausta nimega kaust. Jätke kaks märkeruutu üksi, mõlemad on nii, nagu nad peaksid olema.

Samm: laske end siis kinni hoida

Kui olete saidil teinud kõik oma peamised otsused, on aeg teha oma lehtede jaoks mall, see kõlab täpselt nii, lehtede tegemise mall, veebisait peaks kogu aeg sarnane välja nägema, et vältida mõlema segadust vaatajaid ning see säästab palju aega ja raisatud jõupingutusi.

Oma mallile peate tegema päise, see on peamine bänner, mis jookseb üle lehe ülaosa, sellel on tavaliselt saidi/ettevõtte nime pealkiri, loosung ja see on pilt või logo, mis peegeldab saidi teemat. Parimad mõõdud, mida ma saan anda, on 760 x 100-200, kõrgus on eelistatud ja sõltub ka sellest, kuhu menüüriba liigub. Laius on 760, nii et see sobib brauseriakendesse isegi siis, kui kuvaritel töötab 800x600 resolutsioon (sellest pole kasu, kui te ei näe poolt saiti) Teie menüünupp (kui otsustate need teha, ei tohiks need olla liiga kõrged) 30 piksli kõrgus ja laius sõltub paljudest asjadest, kuid minu oma on tavaliselt vahemikus 100–1500 pikslit. Siis võite jälle kasutada välklampnuppe, mis ei nõua teilt pingutust. (Dreamweaver jaoks)

Samm: malli tegemine…

Nüüd valime oma saidi värvid ja muu, klõpsates hiire parema nupuga meie tühjal lehel ja minnes lehe atribuutidesse. Minu jaoks muutub taust mustaks, tekst valgeks ja pange nüüd pealkiri malliks. Märkate pildil, et kõik minu lingivärvid on seatud siniseks, soovitan kasutada ka sinist, sest sinine on traditsiooniline lingivärv ja paaritu lingivärvi kasutamine oli kõrgel kohal nende asjade loendis, mis inimesi veebisaitide pärast häirivad ja mis neid teeb ebaprofessionaalne.

6. samm: malli jätkamine. plaan

Nüüd alustame malli paigutust.

Klõpsake tabeli lisamise nuppu või joonistuslaua nuppu. Nüüd lohistage laua tegemiseks, valides 3x3 on alustamiseks mugav koht. Esimene asi, mida peaksite tegema, on panna 800 piksli laiune tabel, laiust näete allosas asuval atribuutide ribal, tõstke nüüd esile ülemine lahtririda ja paremklõpsake, minge paremklõpsu menüü tabelisse ja valige lahtrite ühendamine, muutke äsja moodustatud lahter päise pildi kõrguseks. Sellel pintil minge oma tabeli atribuutide juurde ja sisestage 'cellpad' ja 'border' väärtuste jaoks null. See tähendab, et tabel on lõppkasutajale olematu, kuid hoiab kõik paigas. Nüüd kleepime selle päise pildile, mis tuleks salvestada saidi piltide kausta, kuid kui see pole Dreamweaver, küsib ta, kas soovite faili sinna kopeerida. Kujutise sisestamiseks mööda nuppude riba (nende kohal olev vahekaart peaks olema ühine) leidke kastist puu kujutisega nupp (enamik programme kasutab sarnast sümbolit), klõpsake seda ja kuvatakse dialoogiboks, Sirvige lihtsalt oma faili ja topeltklõpsake seda. Kui teie pilt ilmus valesse kohta, oli kursor vales lahtris. Nüüd, kui hakkate tabelist aru saama, jagage endale menüüriba soovitud külg lahtrisse, pidage meeles, et veerud asuvad mööda teed. Muutke oma menüünuppude tabel nii laiaks, kui arvate, siis tehke oma nupud õige laiusega (ignoreerige seda, kui soovite välgunuppe) Nüüd tehke oma lahtrisse tabel, kus on 1 rida ja nii palju veerge nuppe (peaksite seda oma saidiplaanist teadma, ma ei saa teid seal aidata), või horisontaalse menüü 1 veergu ja nii palju ridu kui on nuppe.

Samm: menüünuppude lisamine

Selleks on paar võimalust. Kui soovite lihtsaid pildinuppe (klõpsatav pilt, mis näeb välja nagu nupp), siis sisestate pildi nagu tavaliselt ja praegu on see kõik. hiljem lisame neile lingid.

Kui soovite ümberminekunuppe (pilt muutub, kui kursor on nuppude pildi kohal, siis peate iga nupu jaoks pilte tegema, ütleme, et teil on mõnusaid tumehalli nuppe, mida soovite süttida, kui kasutaja neile hiire peale paneb siis teete teise nuppude komplekti, mis on valgustatud. Seejärel minge tööriistaribal nupu lisamise ümbermineku nupule (pildinupu kõrval või selle lähedusse) ja valige esimese pildi jaoks tume ja pildi 2 jaoks hele, jätke nüüd uuesti link, sest te pole veel ühtegi lehte loonud. Kui soovite välgunuppe, peate klõpsama nuppude tööriistariba ülaosas asuvale meediakaardile ja klõpsama välgunupu sisestamise sümbolil (välgu logo väike riba alumises nurgas.), See palub teil enne jätkamist dokumendi salvestada, nii et salvestage see alusmallina või mujal, mis teie jaoks tähendab teie saidi peamist malli.

8. samm: malli loomine kasutamiseks

Oleme oma malliga peaaegu valmis ja saame oma lehtedel peagi alustada, nüüd vajab see redigeeritavaid piirkondi (kohad lehe sisu kuvamiseks). Lisame need paremklõpsuga ja minnes paremklõpsuga malli rippmenüüsse menüüst valige uus muudetav piirkond ja kuvatakse teade, et dokument teisendatakse malliks. See on hea. Tehke seda kursoriga tabeli lahtrites, kuhu sisu suunatakse (need, mis minu menüüriba all ja kõrval)

Nüüd salvestage dokument, sulgege see ja minge uue faili juurde ning klõpsake ülaosas olevaid mallide vahekaarte, teie mall peaks seal olema. Veenduge, et värskendusleht malli muutmise ajal on märgitud (säästab hiljem palju tööd.)

9. toiming: lisage sisu

Pange oma lehed oma sisu lisama ja pidage meeles, et salvestage need lehtede jaoks loodud kaustadesse ja pange oma pildid ka tehtud piltide kausta. Korrake lihtsalt 8. sammu viimast punkti, mis käsitleb lehe loomist mallist iga kord, kui teete lk. Pange tähele võltsitud sisu, mida ma kasutasin, selle nimi on Lorem Ispsum ja see on lugu ladina keeles heast ja kurjast, veebi- ja graafilised disainerid kasutavad seda, et anda aimu, milline toode reaalse tekstiga välja näeb. loodetavasti on need sinised kastid teie jaoks ka muudetavad piirkonnad.

Samm: nüüd teeme oma lingid

Avage oma mall, mida kasutasite (pidage meeles seda linnukest, nüüd hakkab see mängima) Sel hetkel on teie menüünupud vaid pildid (kui need on välklambid, vaadake allpool) Nüüd, kui teil on lehti, võivad need olla tõelised nupud, olenemata sellest, kas need on ümberminekud või tavalised pildid, paremklõpsake oma kodu nuppu ja minge lingi muutmiseks või lingi loomiseks (sõltub versioonist), ilmub dialoogiboks, sirvige lihtsalt oma avalehe faili ja topeltklõpsake seda. nüüd on see lehega lingitud, korrake seda ülejäänud nuppude jaoks ja salvestage dokument. Kui Dreamweaver küsib, kas soovite kõiki lehti dokumendi põhjal muuta, öelge jah.

Välgunupu puhul mäletate, et ignoreerisime lingiriba, nii et kõik, mida me teeme, on paremklõps nupul ja klõpsake nuppu Redigeeri, kui teile kuvatakse varasem ekraan, klõpsake lihtsalt lingiriba kõrval asuvat sirvimisnuppu ja leidke oma fail. Nüüd peaks teil olema üsna töötav sait, järgmine samm on täis mõningaid nippe ja asju fotolehtede jms jaoks, et lihtsustada ja paremini toimida.

11. samm: mõned näpunäited ja kasulikud ideed

Kui töötate XP -ga (võib -olla ka Vista), on olemas XP jõuallikas, mida nimetatakse pildi suuruse muutjaks, mis võimaldab teil oma piltide suurust kohandada, paremklõpsates ja saate teha partiisid ja lisada iga nime lõppu pöidla. Fotogalerii jaoks kasutage pisipilte, mida teete avalehe piltidena, ja linkige need nagu nupud suurema pildifailiga, see võimaldab kiiremat laadimist ja vähem galeriilehti.

Lehtede puhul, kus on palju sisu, tasuks see leht ja eelmise lehe lingid osadeks jagada. Seda on lihtne teha ja kõik, mida peate tegema, on linkida need üksteisega ja panna algusesse malli link või mis tahes leht see on lingitud. Ma tulen tagasi ja lisan rohkem, kui neile mõtlen või nagu inimesed neile soovitavad, see on alles algus.

12. samm: looge indeksleht

Praegu nõuab enamik veebimajutajaid indekslehte, see võib olla koopia avalehest nimega „index.htm” (nii peate selle nimetama) või looma funky lehe, millel on saidi sisestamine (kui Välk on hea, kui teil on asjade elavdamiseks animatsioon. Peate tundma, et see saabub sellele erilisele hetkele. Mine siia…

Samm 13: Võtame endale hosti

Nüüd leiate end saidilt, kuhu ma teid saatsin, valisin selle, sest vabade hostide osas on see suurepärane ja võimaldab kohutavalt palju asju, samuti 8 GB salvestusruumi ja midagi 300 GB ribalaiust kuus.

Nii et järgige registreerimisetappe ja aktiveerige oma konto, ärge isegi vaadake seda failihaldurit, mida me ei vaja. Minge paremale oma kontole ja eemaldage oma FTP -konto nimi, kasutajanimi ja parool (sama mis teie hostikonto parool) Saidid, redigeerige saite ja valige oma, minge vahekaardile Täpsemalt ja minge testimisserverisse (Ma tean, et minu andmed on kaugteabes, kuid testimisserver on lihtsaim viis saidi üleslaadimiseks), sisestage oma andmed, nagu pildil näidatud.

14. samm: kas tunnete seda?

On aeg sait üles laadida … Teil on kohe veebisait.

Minge oma saidi failide/varade ribale, see tundub kahtlemata praegu väga erinev, klõpsake vaadete väikest rippmenüüd ja valige testimisserver. Nüüd on Dreamweaver teie FTP -parooli juba salvestanud. Klõpsake nuppu Ühenda kaughostiga (see, millel on kolm naljakat kuju). kui see ütleb, et olete ühendatud, klõpsake nuppu üles pandud failid. See on nupp, mis on ülespoole suunatud nool. (Hiljem kasutamiseks võite kontole sisse logida ja failide hankimiseks kasutada arvutisse kadunud faile.) Kui klõpsate sellel, küsib ta, kas soovite kogu saidi üles panna, kuradi õige kõik see toimib, väiksemate värskenduste korral saate selle asemel saata asendusfailid. Kui see jõuab kuni indeksini.htm, küsib ta, kas see peaks selle asendama, öelge jah, vastasel juhul kaob teie sait 15 päeva pärast, sellepärast tegime oma saidi kõigepealt.

Samm 15: Kas soovite nüüd nime?

Nii et alamsaidiks olemise mõte mõjutab teie ego, teil on võimalusi, ostke domeeninimi (ilma hostimiseta pole see kallis ja saate teha.com.org.co.uk ja.net, valige see, mis sobib teie nimega kõige paremini. Või mehele, kes soovib seda kõike tasuta, minge lihtsalt punkti tk saidile. Nad lihtsalt peegeldavad teie lehti, nii et kui teete selle, muutke saidi link teie avaleheks või teie indeksleheks ja valige ütle killerjackalope.tk?

16. samm: kas soovite veel midagi?

Nüüd on see vastus põletavale küsimusele ja osaletakse laserlõikurite konkursil (viimasel minutil), kuid kui teil on küsimusi või soovite täiendavaid selgitusi, küsige lihtsalt, kas see on väike, vastan teile ja kui see on hea, siis lisan sammu, et kõigil oleks teie küsimusele vastus.

Samuti tean, et see pärineb endisest õpetusest, kuid olen kindel, et see juhtub siis, kui proovite esilehele saiti luua, see on kohutav ja ma ütleksin teile pigem, et varastage Dreamweaver ja ostke esileht. Järgmine juhend, kuidas teha naljakaid hulgipilte.