Kaip sukurti savo svetainę: 16 žingsnių

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:49

Visiškai padengtas vadovas, kaip nemokamai gauti popieriaus į žiniatinklį, jei norite, ypač jei draugiški žiniatinklio valdytojai jums yra skolingi, tačiau net ir turėdami mažai patirties ir žinių, galite sukurti svetainę ir įkelti ją į žiniatinklį taip: …

1 žingsnis: įrankiai, medžiagos ir pagrindiniai įgūdžiai

Norėdami sukurti savo svetainę, jums reikės: Įrankių - Kompiuterio, pageidautina, jaunesnio nei penkerių metų - „Dreamweaver“kopijos (neprivaloma), bet tai aš žinau ir jums parodysiu - „Photoshop“kopija, nebūtina, bet tikrai būtina visiems, kurie nori gražiai atrodančios svetainės. medžiaga yra vertinga - Veikiantis el. pašto adresas, jei jums to reikia, jie neturi „Gmail“ir „hotmail“Pagrindiniai įgūdžiai - Pagrindinės žinios, kaip naudotis kompiuteriu, internetu - Tai yra nekoduotas nekompetentingas, skirtas žmonėms kurie nori sukurti svetainę, bet neįsivaizduojate, kaip tai padaryti - kai kurie dizaino įgūdžiai būtų naudingi - žinoti, kaip naudotis „Photoshop“, būtų malonu

2 žingsnis: pradėkime

Kai žinote, kokią svetainę norite padaryti, priimkite savo dizaino sprendimą.

Pagalvokite apie pagrindinius svetainės aušintuvus, jos stilių ir kaip norite, kad žmonės naršytų. Jei ruošiatės verslui ar klubui, tikriausiai geriausia, kad svetainė atspindėtų įmonės/klubo aušintuvus ir turėtų funkcijų, kurios imituoja ar yra pagrįstos informacija apie įmonę, pvz., Meniu mygtukai, primenantys ką nors, ką jie parduoda, jei tai yra verslas. Jūsų svetainių naršymas gali būti kelių dalykų, paprastai trys pagrindiniai tipai naudojami kairės ir dešinės šoninės juostos meniu ir viršutinės juostos meniu (jie eina po antrašte, kaip ir šios svetainės) Jei kuriate svetainę sau, pasirinkite spalvas ir dizaino ypatybes jums patinka ir eikite iš ten įspėjimo žodis. nenaudokite tikrai prieštaringų spalvų, o merginos nesistengia rinktis fluorescencinės rožinės spalvos (nebūdamos seksistinėmis, kurios dažnai pasitaiko). Jei norite, galite net vadovauti verslui per savo svetainę, turiu mažai patirties tai darant, bet gali būti lengviau naudoti kažką panašaus į „Yahoo“parduotuves, kurias naudoja ši svetainė.

3 veiksmas: svetainės paleidimas

Čia mes pradedame, eikite į „Mano dokumentai“ir pasidarykite aplanką „Mano svetainė“arba naudokite svetainės pavadinimą. To aplanko viduje sukurkite aplanką „vaizdai“, vienas vadinamas „puslapiais“, o kitas - „failais“(tas, kuris vadinamas failais, skirtas visiems kitiems failams, kuriuos galbūt naudojate kurdami savo svetainę.) Dabar įjunkite „Dreamweaver“ir šiek tiek iš failo pamatysite meniu elementą, vadinamą „site“, todėl spustelėkite jį ir pasirinkite naują svetainę, naudokite išplėstinį skirtuką (nes jį lengviau pereiti), dabar įveskite savo svetainės pavadinimą į svetainės pavadinimo laukelį. Pamatysite langelį, pavadintą „vietinis šakninis aplankas“- tai aplankas, kurį sukūrėte savo svetainės pavadinimu. Kitas langelis pažymėtas „Numatytasis vaizdų aplankas“pasirinkite aplanką pavadinimu vaizdai savo šakniniame aplanke. Palikite du žymimuosius laukelius ramybėje, jie abu turi būti tokie, kokie turėtų būti.

4 žingsnis: tada leiskite įstrigti

Kai svetainėje priimsite visus pagrindinius sprendimus, atėjo laikas sukurti visų puslapių šabloną, būtent tai ir skamba, šablonas puslapiams kurti, svetainė turėtų atrodyti panašiai visą laiką, kad būtų išvengta painiavos. žiūrovų ir tai sutaupo daug laiko ir švaistomų pastangų.

Savo šablone turėsite padaryti antraštę, tai yra pagrindinė puslapio viršuje esanti reklamjuostė, paprastai ji turi svetainės/įmonės pavadinimą, šūkį ir paveikslėlį ar logotipą, atspindintį svetainės temą. Geriausi išmatavimai, kuriuos galiu pateikti, yra 760 x 100-200, pageidaujamas aukštis, taip pat priklauso nuo to, kur bus meniu juosta. Plotis yra 760, todėl jis tinka naršyklės languose, net jei ekranuose veikia 800x600 rezoliucija (tai nenaudinga, jei nematote pusės svetainės) Jūsų meniu mygtukas (jei pasirinksite, kad jie nebūtų per aukšti, rekomenduoju 30 pikselių aukščio ir pločio priklauso nuo daugelio dalykų, bet mano paprastai yra nuo 100 iki 1500 pikselių. Tada vėl galite naudoti blykstės mygtukus, kuriems nereikia jokių pastangų. („Dreamweaver“atveju)

5 veiksmas: šablono kūrimas …

Taigi dabar mes pasirenkame savo svetainės spalvas ir ką kita, dešiniuoju pelės klavišu spustelėdami tuščią puslapį ir eidami į puslapio ypatybes. Mano fonas bus juodas, o tekstas - baltas, o pavadinimą dabar įdėkite kaip šabloną. Paveikslėlyje pastebėsite, kad visos mano nuorodų spalvos nustatytos kaip mėlynos, siūlau naudoti ir mėlyną, nes mėlyna yra tradicinė nuorodos spalva, o nelyginės nuorodos spalvos naudojimas buvo didelis sąrašas dalykų, kurie erzina žmones svetainėse ir dėl ko jos neprofesionaliai.

6 veiksmas: šablono tęsinys. išplanavimas

Dabar mes pradedame savo šablono išdėstymą.

Spustelėkite įterpti lentelę arba piešimo lentelės mygtuką. Dabar tiesiog vilkite, kad padarytumėte stalą. Pasirinkti 3x3 yra patogu pradėti. Pirmiausia turėtumėte padaryti 800 pikselių pločio lentelę, apačioje esančioje ypatybių juostoje matysite plotį, dabar paryškinkite viršutinę langelių eilutę ir dešiniuoju pelės mygtuku spustelėkite, eikite į lentelę dešiniuoju pelės mygtuku spustelėkite meniu ir pasirinkite sulieti langelius, padarykite naujai suformuotą langelį antraštės paveikslėlio aukščio. Šiame pinte eikite į lentelės ypatybes ir įveskite nulinę reikšmę „cellpad“ir „border“reikšmėms. Tai reiškia, kad lentelė galutiniam vartotojui neegzistuoja, tačiau viską laiko savo vietose. Dabar mes įklijuojame jį į antraštės vaizdą, kuris turėtų būti išsaugotas svetainės vaizdų aplanke, bet jei tai nėra „Dreamweaver“, jis paklaus, ar norite nukopijuoti failą į jį. Norėdami įterpti vaizdą palei mygtukų juostą (skirtukas virš jų turėtų būti bendras), laukelyje raskite mygtuką su medžio paveikslėliu (daugelyje programų naudojamas panašus simbolis), spustelėkite jį ir pasirodys dialogo langas, tiesiog suraskite savo failą ir dukart spustelėkite jį. Jei jūsų vaizdas pasirodė netinkamoje vietoje, žymeklis buvo netinkamoje ląstelėje. Dabar, kai pradedate staliuką, padalinkite sau langelį toje pusėje, kurioje norite savo meniu juostos, nepamirškite, kad eilutės yra skersai stulpelių. Padarykite meniu mygtukų lentelės langelį tokį platų, kaip jums atrodo, tada nustatykite tinkamo pločio mygtukus (ignoruokite tai, jei norite blykstės mygtukų) mygtukus (tai turėtumėte žinoti iš savo svetainės plano, aš jums nieko negaliu padėti), arba horizontaliam 1 meniu stulpeliui ir tiek eilučių, kiek yra mygtukų.

7 veiksmas: meniu mygtukų pridėjimas

Yra keletas būdų tai padaryti. Jei norite paprastų paveikslėlio mygtukų (spustelėjamo paveikslėlio, kuris atrodo kaip mygtukas), įterpiate vaizdą kaip įprasta ir kol kas viskas. vėliau prie jų pridėsime nuorodas.

Jei norite apversti mygtukus (vaizdas pasikeičia, kai žymeklis yra virš mygtuko paveikslėlio, tada turite padaryti kiekvieno mygtuko vaizdus, tarkime, kad turite gražių tamsiai pilkų mygtukų, kuriuos norite užsidegti, kai vartotojas uždeda pelę ant jų tada sukuriate antrą mygtukų rinkinį, kuris šviečia. Tada eikite į įrankių juostoje esantį mygtuką „Apversti vaizdą“(šalia arba šalia vaizdo mygtuko) ir pasirinkite tamsųjį pirmam vaizdui, o šviesų - 2 vaizdui, dar kartą palikite nuorodą kol kas, nes dar nesate sukūręs nė vieno puslapio. Jei norite blykstės mygtukų, turite spustelėti medijos skirtuką, esantį mygtukų įrankių juostos viršuje, ir spustelėti įterpti blykstės mygtuko simbolį („Flash“logotipas su maža juosta apatiniame kampe.), ji paprašys jūsų išsaugoti dokumentą prieš tęsiant, taigi išsaugokite jį kaip „pagrindinį šabloną“arba kažką, kas, jūsų manymu, reiškia pagrindinį jūsų svetainės šabloną.

8 veiksmas: šablono sukūrimas naudojimui

Tiesa, mes beveik baigėme naudoti savo šabloną ir jau labai greitai galime pradėti naudotis mūsų puslapiais, dabar jam reikia redaguojamų regionų (Vietos puslapio turiniui rodyti). Pridedame juos spustelėdami dešiniuoju pelės klavišu ir dešiniuoju pelės klavišu eidami į šablono išskleidžiamąjį meniu meniu, pasirinkite naują redaguojamą regioną ir pasirodys pranešimas, kad dokumentas bus paverstas šablonu. Tai yra gerai. Padarykite tai naudodami žymeklį lentelės langeliuose, į kuriuos bus nukreiptas turinys (tuos, kurie yra mano meniu meniu juostoje ir šalia jos)

Dabar išsaugokite dokumentą, uždarykite jį ir eikite į naują failą ir spustelėkite šablonų skirtukus viršuje, jūsų šablonas turėtų būti ten, įsitikinkite, kad atnaujinimo puslapis, kai keičiamas šablonas, yra pažymėtas (vėliau sutaupoma daug darbo.)

9 veiksmas: pridėkite šiek tiek turinio

Priverskite puslapius pridėti turinio ir nepamirškite juos išsaugoti puslapiuose sukurtuose aplankuose, o vaizdus taip pat įdėkite į sukurtą vaizdų aplanką. Tiesiog kartokite paskutinį 8 veiksmo žingsnį apie puslapio kūrimą iš šablono kiekvieną kartą, kai kuriate puslapis. Atkreipkite dėmesį į mano naudojamą suklastotą turinį, jis vadinamas Lorem Ispsum, tai lotynų kalba pasakojama apie gėrį ir blogį, žiniatinklio ir grafikos dizaineriai tai naudoja norėdami suprasti, kaip atrodys produktas su tikru tekstu. Tikiuosi, kad tie mėlyni langeliai yra redaguojami regionai.

10 žingsnis: Dabar mes sukuriame savo nuorodas

Atidarykite naudojamą šabloną (nepamirškite to varnelės, dabar jis bus paleistas) Tą minutę, kai jūsų meniu mygtukai yra tik nuotraukos (jei jie yra „flash“, tada žiūrėkite žemiau) Dabar, kai turite puslapių, jie gali būti tikri mygtukai, nesvarbu, ar jie yra apversti, ar įprastos nuotraukos, dešiniuoju pelės mygtuku spustelėkite pagrindinio puslapio mygtuką ir eikite į nuorodos pakeitimą arba nuorodos sukūrimą (priklauso nuo versijos), pasirodys dialogo langas, tiesiog raskite pagrindinio puslapio failą ir dukart spustelėkite jį. dabar jis susietas su puslapiu, pakartokite likusiems mygtukams ir išsaugokite dokumentą. Jei „Dreamweaver“paklaus, ar norite pakeisti visus puslapius pagal dokumentą, pasakykite „taip“.

„Flash“mygtuko atveju prisiminsite, kad nepaisėme nuorodų juostos, todėl viskas, ką mes darome, yra dešiniuoju pelės mygtuku spustelėti mygtuką ir paspausti „Redaguoti“, kuris bus rodomas ekrane iš anksčiau, tiesiog paspauskite naršymo mygtuką šalia nuorodų juostos ir raskite savo failą. Dabar turėtumėte turėti beveik veikiančią svetainę, kitas žingsnis yra užpildytas keliais gudrybėmis ir dalykais, skirtais nuotraukų puslapiams ir pan., Kad būtų lengviau ir geriau.

11 žingsnis: keli patarimai ir naudingos idėjos

Jei dirbate su „XP“(galbūt įtraukta „Vista“), yra „XP“jėgos žaislas, vadinamas vaizdo keitimo priemone, kuris leis jums pritaikyti savo paveikslėlių dydį dešiniuoju pelės mygtuku spustelėjus, o jūs galite padaryti partijas ir kiekvieno vardo pabaigoje pridėti nykštį. Jei norite nuotraukų galeriją, naudokite miniatiūras, kurias sukūrėte kaip paveikslėlius pagrindiniame puslapyje, ir susiekite jas kaip mygtukus su didesniu paveikslėlio failu, tai leidžia greičiau įkelti ir mažiau galerijos puslapių.

Puslapiuose, kuriuose yra daug turinio, gali būti verta jį padalyti į puslapio ir ankstesnių puslapių nuorodas, tai paprasta padaryti ir viskas, ką jūs darote, yra susieti juos vienas su kitu ir įdėti pradžią kaip šablono nuorodą arba iš bet kurio puslapio jis susietas iš. Grįšiu ir pridėsiu daugiau, kai apie juos galvoju arba kaip žmonės jiems siūlo, tai tik pradžia.

12 veiksmas: sukurkite rodyklės puslapį

Šiuo metu daugumai žiniatinklio prieglobos svetainių reikia rodyklės puslapio, tai gali būti pagrindinio puslapio, pavadinto „index.htm“, kopija (taip turėsite jį pavadinti), arba sukurti neįprastą puslapį su įvesta svetaine (jei Gerai blykstate, galite pagyvinti animaciją. Turite pajusti, kad artėja prie tos ypatingos akimirkos. Eikite čia…

13 veiksmas: pasirūpinkime šeimininku

Dabar jūs atsidursite svetainėje, į kurią jus siunčiau, aš ją pasirinkau, nes, kiek tai susiję su nemokamais kompiuteriais, tai puiku ir leidžia be galo daug dalykų, taip pat 8 gigabaitų saugykla ir kažkas panašaus į 300 GB pralaidumą per mėnesį.

Taigi atlikite registracijos veiksmus ir suaktyvinkite savo paskyrą, net nežiūrėkite į tą failų tvarkyklę, kurios mums nereikės. Teisingai eikite į savo paskyrą ir panaikinkite savo FTP paskyros pavadinimą, vartotojo vardą ir slaptažodį (tą patį, ką prieglobos paskyros slaptažodis) Patekote į svetaines, redaguokite svetaines ir pasirinkite savo, eikite į išplėstinį skirtuką ir eikite į bandymų serverį (Žinau, kad mano nuotolinė informacija yra nuotolinė, bet bandymo serveris yra lengviausias būdas įkelti svetainę), įveskite savo informaciją, kaip parodyta paveikslėlyje.

14 žingsnis: ar galite tai pajusti?

Atėjo laikas įkelti svetainę … Netrukus turėsite svetainę.

Eikite į savo svetainės failų/išteklių juostą, be jokios abejonės, dabar ji atrodo labai skirtingai, spustelėkite mažą peržiūrų meniu ir pasirinkite testavimo serverį. Dabar „Dreamweaver“jau išsaugojo jūsų FTP slaptažodį. Spustelėkite mygtuką prisijungti prie nuotolinio pagrindinio kompiuterio (tą, kurio formos yra trys juokingos). Kai sakoma, kad prijungtas, spustelėkite mygtuką „Įdėti failus“. Tai mygtukas, rodantis aukštyn nukreiptą rodyklę. (Vėlesniam naudojimui galite prisijungti prie paskyros ir naudoti failus „get“, kad gautumėte failus, kuriuos galbūt praradote savo kompiuteryje.) Kai paspausite šį mygtuką, jis paklaus, ar norite įdėti visą svetainę. viskas veikia, jei norite atlikti nedidelius atnaujinimus, vietoj to galite siųsti pakeitimo failus. Kai jis patenka į „index.htm“, jis paklaus, ar jis turėtų jį pakeisti, pasakykite „taip“, kitaip jūsų svetainė veiks po 15 dienų, todėl pirmiausia sukūrėme savo svetainę.

15 žingsnis: Dabar norite vardo?

Taigi idėja būti antrine svetaine daro įtaką jūsų ego, jūs turite pasirinkimų, nusipirkite domeno vardą (be prieglobos nėra brangu ir galite padaryti.com.org.co.uk ir.net pasirinkti tą, kuris geriausiai tinka jūsų vardui. Arba vaikinui, kuris nori, kad viskas būtų nemokama, tiesiog eikite į „dot tk“svetainę. Jie tiesiog atspindi jūsų puslapius, taigi, kai tai padarysite, jūsų svetainė arba jūsų rodyklės puslapis taps svetainės nuoroda ir pasirinkite „killerjackalope.tk“?

16 žingsnis: ar reikia daugiau?

Dabar tai yra atsakymas į degantį klausimą ir yra įtrauktas į lazerinių pjaustytuvų konkursą (paskutinę minutę), bet jei turite kokių nors klausimų ar norite papildomų paaiškinimų, tiesiog paklauskite, jei jis mažas, aš jums atsakysiu ir jei tai bus geras, tada pridėsiu žingsnį, kad visi turėtų atsakymą į jūsų klausimą.

Taip pat žinau, kad tai yra iš buvusios pamokos, bet esu tikras, kad taip atsitinka, kai bandote sukurti svetainę pirmame puslapyje, tai yra baisu, o aš verčiau liepčiau pavogti „Dreamweaver“ir tada nusipirkti pirmąjį puslapį. Toliau pamokoma, kaip padaryti juokingas daugybės nuotraukas.