Kā izveidot savu vietni: 16 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:58

Pilns ceļvedis, kā bez maksas nokļūt no papīra uz tīmekli, ja vēlaties, it īpaši, ja kāds draudzīgs tīmekļa pārzinis jums ir parādā dažas priekšrocības, taču pat ar nelielu pieredzi un zināšanām jūs varat izveidot vietni un iegūt to tīmeklī šādi: …

1. solis: rīki, materiāli un pamatprasmes

Lai izveidotu savu vietni, jums būs nepieciešams: Rīki - Dators, vēlams, jaunāks par pieciem gadiem - Dreamweaver kopija (pēc izvēles), bet tas ir tas, ko es zinu un parādīšu jums - Photoshop kopija, nebūtiska, bet noteikti jābūt ikvienam, kas vēlas jauku izskatu - Savienojums ar internetu datorā, vēlams ātrs (jo tas paātrina lietas) Materiāli - Ideja - Daļa vietas diskā, atkarībā no jūsu vietnes mērķa - Laiks, jā materiāls, kas šajā ziņā ir vērtīgs - strādājoša e -pasta adrese, ja jums tāda ir nepieciešama, viņi ir brīvi no Gmail un hotmail Pamata prasmes - pamatzināšanas par to, kā lietot datoru, internetu - šī ir bezkoda nekontrolējama, tā ir paredzēta cilvēkiem kuri vēlas izveidot vietni, bet kuriem nav ne jausmas, kā to izdarīt - Dažas dizaina prasmes būtu noderīgas - Zinot, kā lietot Photoshop, būtu jauki, krāsojiet. NET vai GIMP

2. darbība. Sāksim darbu

Kad jūs zināt, kāda veida vietni vēlaties izveidot, pieņemiet savu dizaina lēmumu.

Padomājiet par vietnes pamata dzesētājiem, tās stilu un to, kā vēlaties, lai cilvēki tajā pārvietotos. Ja jūs to darāt kādam uzņēmumam vai klubam, iespējams, vislabāk ir, ja vietne atspoguļo uzņēmuma/kluba dzesētājus un tajā ir funkcijas, kas atdarina vai ir balstītas uz informāciju par uzņēmumu, piemēram, izvēlnes pogas, kas atgādina kaut ko, ko tās pārdod, ja tas ir bizness. Navigācija jūsu vietnēs var būt vairākas lietas, parasti trīs galvenie veidi ir kreisās un labās sānu joslas izvēlnes un augšējās joslas izvēlnes (tās atrodas zem galvenes, tāpat kā šī vietne) Ja veidojat vietni sev, izvēlieties krāsas un dizaina iezīmes jums patīk un iet no turienes brīdinājuma vārds. neizmantojiet patiešām pretrunīgas krāsas, un meitenes cenšas neizmantot fluorescējošu rozā krāsu (neesot seksistiskas, kas bieži notiek). Ja vēlaties, jūs pat varētu vadīt biznesu, izmantojot vietni, man ir maz pieredzes to darīt, bet tā varētu būt vieglāk, izmantojot kaut ko līdzīgu šajā vietnē izmantotajiem yahoo veikaliem.

3. darbība. Vietnes palaišana

Tieši šeit mēs sākam, dodieties uz Mani dokumenti un izveidojiet sev mapi ar nosaukumu “Mana vietne” vai izmantojiet vietnes nosaukumu. Šīs mapes iekšpusē izveidojiet mapes zvanu “attēli”, ko sauc par “lapām”, bet otru - “faili”. (fails ar nosaukumu ir paredzēts visiem citiem failiem, kurus jūs, iespējams, izmantojat savas vietnes izveides procesā.) Tagad aktivizējiet dreamweaver un kopā ar failu mazliet redzēsit izvēlnes vienumu ar nosaukumu site, tāpēc noklikšķiniet uz tā un izvēlieties jaunu vietni, izmantojiet uzlaboto cilni (jo to ir vieglāk iziet), tagad ievietojiet savas vietnes nosaukumu vietnes nosaukuma lodziņā. Jūs redzēsit lodziņu ar nosaukumu "vietējā saknes mape" - šī ir mape, kuru izveidojāt ar savas vietnes nosaukumu. Nākamais lodziņš ir apzīmēts kā “Noklusējuma attēlu mape”, saknes mapē izvēlieties mapi ar nosauktajiem attēliem. Atstājiet abas izvēles rūtiņas atsevišķi, tās abas ir tā, kā tām vajadzētu būt.

4. solis: Ļaujiet tai iestrēgt

Kad esat pieņēmis visus galvenos lēmumus vietnē, ir pienācis laiks izveidot veidni visām savām lapām, tieši tā tas izklausās, veidne lapu izveidei, vietnei vajadzētu izskatīties līdzīgi, lai izvairītos no abām neskaidrībām. skatītājiem, un tas ietaupa daudz laika un liekas pūles.

Veidnē jums būs jāizveido galvene, tas ir galvenais reklāmkarogs, kas atrodas lapas augšdaļā, parasti tam ir vietnes nosaukums/uzņēmuma nosaukums, sauklis un attēls vai logotips, kas atspoguļo vietnes tēmu. Labākie mērījumi, ko varu sniegt, ir 760 x 100-200, augstums ir vēlamais, un tas ir atkarīgs arī no izvēlnes joslas virziena. Platums ir 760, tāpēc tas iederas pārlūkprogrammas logos pat tad, ja displejos darbojas 800x600 res (tas nav lietderīgi, ja neredzat pusi vietnes) Jūsu izvēlnes poga (ja izvēlaties tos padarīt pārāk garus, es iesaku 30 pikseļu augstums un platums ir atkarīgs no daudzām lietām, bet manējie parasti ir no 100 līdz 1500 pikseļiem. Tad atkal jūs, iespējams, izmantojat zibspuldzes pogas, kas neprasa nekādas pūles. (Dreamweaver gadījumā)

5. darbība: veidnes izveidošana…

Tāpēc tagad mēs izvēlamies savas vietnes krāsas un ko citu, ar peles labo pogu noklikšķinot uz tukšās lapas un dodoties uz lapas rekvizītiem. Manējā fons būs melns, teksts balts un tagad ievietojiet virsrakstu kā veidni. Attēlā jūs atzīmēsit, ka visas manu saišu krāsas ir iestatītas kā zilas, es iesaku izmantot arī zilu, jo zilā ir tradicionālā saišu krāsa, un nepāra saites krāsas izmantošana bija augsta to lietu sarakstā, kas kaitina cilvēkus par vietnēm un kas tās padara neprofesionāli.

6. darbība. Veidnes turpināšana. izkārtojums

Tagad mēs sākam veidnes izkārtojumu.

Noklikšķiniet uz pogas Ievietot tabulu vai uzzīmēšanas tabulas pogas. Tagad velciet, lai izveidotu tabulu, izvēloties 3x3, ir ērta vieta, kur sākt. Pirmā lieta, kas jums jādara, ir izveidot 800 pikseļu platu galdu, platumu varat redzēt rekvizītu joslā apakšā, tagad iezīmējiet augšējo šūnu rindu un ar peles labo pogu noklikšķiniet, dodieties uz tabulu labā klikšķa izvēlnē un izvēlieties sapludināt šūnas, padariet jaunizveidoto šūnu par galvenes attēla augstumu. Šajā pintē dodieties uz tabulas rekvizītiem un ievadiet nulles vērtību “cellpad” un “border” vērtībām. Tas nozīmē, ka tabula gala lietotājam neeksistē, bet tur visu savā vietā. Tagad mēs to ievietojam galvenes attēlā, kas jāsaglabā vietnes attēlu mapē, bet, ja tas nav Dreamweaver, jautās, vai vēlaties kopēt failu uz turieni. Lai ievietotu attēla skatu gar pogu pogu (cilnei virs tām jābūt kopējai), lodziņā atrodiet pogu ar koka attēlu (lielākā daļa programmu izmanto līdzīgu simbolu), noklikšķiniet uz tā un parādīsies dialoglodziņš, vienkārši atrodiet savu failu un veiciet dubultklikšķi uz tā. Ja jūsu attēls parādījās nepareizā vietā, kursors atradās nepareizajā šūnā. Tagad, kad jūs nojaušat tabulu, sadaliet sev šūnu pa izvēlnes joslas vēlamo pusi, atcerieties, ka rindas atrodas pa visu kolonnu. Padariet izvēlnes pogu tabulu tik plašu, cik jūs domājat, ka izskatās labi, pēc tam izveidojiet pogas pareizā platumā (ignorējiet to, ja vēlaties zibspuldzes pogas) Tagad izveidojiet tabulu šūnā ar 1 rindu un pēc iespējas vairāk kolonnu pogas (jums tas būtu jāzina no jūsu vietnes plāna, es jums vispār nevaru palīdzēt) vai horizontālai izvēlnei 1 kolonna un tik daudz rindu, cik ir pogu.

7. darbība: izvēlnes pogu pievienošana

Ir daži veidi, kā to izdarīt. Ja vēlaties vienkāršas attēla pogas (klikšķināmu attēlu, kas izskatās kā poga), tad ievietojat attēlu kā parasti, un pagaidām tas ir viss. vēlāk mēs tiem pievienosim saites.

Ja vēlaties apgāšanās pogas (attēls mainās, kad kursors atrodas virs pogas attēla, tad katrai pogai ir jāizveido attēli, teiksim, ka jums ir dažas jaukas tumši pelēkas pogas, kuras vēlaties iedegt, kad lietotājs uz tām uzvelk peli tad jūs izveidojat otru pogu pogu, kas ir izgaismota. Pēc tam rīkjoslā dodieties uz pogas Pievienot apgāšanos (blakus attēla pogai vai tās tuvumā) un izvēlieties tumšo attēlu pirmajam un gaišo attēlu 2. attēlam, atkal atstājiet saiti pagaidām, jo vēl neesat izveidojis nevienu lapu. Ja vēlaties zibspuldzes, jums jānoklikšķina uz cilnes Multivide pogas rīkjoslas augšpusē un jānoklikšķina uz ievietošanas zibspuldzes simbola (zibspuldzes logotips ar apakšējā stūrī.), tā lūgs jums saglabāt dokumentu, pirms turpināt, tāpēc saglabājiet to kā “pamata veidni” vai kaut ko tādu, kas, jūsuprāt, nozīmē jūsu vietnes galveno veidni.

8. darbība: veidnes izveidošana lietošanai

Mēs esam gandrīz pabeiguši savu veidni un varam sākt darbu mūsu lapās ļoti drīz, tagad tai ir nepieciešami rediģējami reģioni (vietas lapas satura ievietošanai). Mēs tos pievienojam, noklikšķinot ar peles labo pogu un dodoties uz veidnes nolaižamo izvēlni ar labo klikšķi izvēlnē, izvēlieties jaunu rediģējamu reģionu, un parādīsies ziņojums, ka dokuments tiks pārveidots par veidni. Tas ir labi. Dariet to ar kursoru tabulas šūnās, kur tiks novirzīts saturs (tie, kas atrodas manā izvēlnes joslā un blakus tai)

Tagad saglabājiet dokumentu, aizveriet to un dodieties uz jaunu failu un noklikšķiniet uz veidņu cilnēm augšpusē, jūsu veidnei jābūt tur, pārliecinieties, vai atjaunināšanas lapa, kad tiek mainīta veidne, ir atzīmēta (ietaupa daudz darba vēlāk.)

9. darbība: pievienojiet saturu

Ļaujiet lapām pievienot savu saturu un neaizmirstiet tās saglabāt mapēs, kuras izveidojāt lapām, un ievietojiet attēlus arī izveidotajā attēlu mapē. Vienkārši atkārtojiet 8. darbības pēdējo bitu par lapas izveidi no veidnes katru reizi, kad veicat lapu. Ņemiet vērā manu izmantoto viltus saturu, tā nosaukums ir Lorem Ispsum, un tas ir stāsts par labo un ļauno latīņu valodā, tīmekļa un grafiskie dizaineri to izmanto, lai sniegtu priekšstatu par to, kā produkts izskatīsies ar īstu tekstu. Es ceru, ka šīs zilās kastes ir rediģējami reģioni.

10. solis: tagad mēs izveidojam savas saites

Atveriet izmantoto veidni (atcerieties šo izvēles rūtiņu, tagad to var sākt atskaņot) Tajā brīdī, kad jūsu izvēlnes pogas ir tikai attēli (ja tās ir zibspuldzes, skatieties zemāk) Tagad, kad jums ir lapas, tās var būt īstas pogas, neatkarīgi no tā, vai tie ir apgāšanās vai parastie attēli, ar peles labo pogu noklikšķiniet uz jūsu mājas pogas un dodieties uz saites maiņu vai izveidojiet saiti (atkarīgs no versijas), parādīsies dialoglodziņš, vienkārši pārlūkojiet savas mājas lapas failu un veiciet dubultklikšķi uz tā. tagad tas ir saistīts ar lapu, atkārtojiet pārējās pogas un saglabājiet dokumentu. Ja Dreamweaver jautā, vai vēlaties mainīt visas lapas, pamatojoties uz dokumentu, sakiet jā.

Zibspuldzes pogai jūs atcerēsities, ka mēs ignorējām saišu joslu, tāpēc viss, ko mēs darām, ir ar peles labo pogu noklikšķināt uz pogas un noklikšķināt uz Rediģēt, kas jums tiks parādīts iepriekšējā ekrānā, vienkārši nospiediet pārlūkošanas pogu blakus saišu joslai un atrodiet savu failu. Tagad jums vajadzētu būt diezgan strādājošai vietnei, nākamais solis ir piepildīts ar dažiem trikiem un lietām fotoattēlu lapām utt., Lai atvieglotu lietas un darbotos labāk.

11. solis: daži padomi un noderīgas idejas

Ja strādājat ar XP (iespējams, iekļauta vista), ir pieejams XP spēka rotaļlieta, ko sauc par attēla mainītāju, kas ļaus jums pielāgot attēlu lielumu, ar peles labo pogu noklikšķinot, un jūs varat veikt partijas un katra vārda beigās pievienot īkšķi. Fotoattēlu galerijai izmantojiet sīktēlus, ko izveidojāt kā attēlus galvenajā lapā, un saistiet tos kā pogas ar lielāku attēla failu, tas ļauj ātrāk ielādēt un mazāk galerijas lapu.

Lapām, kurās ir daudz satura, varētu būt vērts sadalīt lapu un iepriekšējās lapas saites, to ir vienkārši izdarīt, un viss, kas jums jādara, ir saistīt tās viena ar otru un ievietot sākumu kā veidnes saiti vai no jebkuras lapas tas ir saistīts no. Es atgriezīšos un pievienošu vairāk, kad domāju par viņiem vai kā cilvēki viņiem iesaka, tas ir tikai sākums.

12. darbība: izveidojiet rādītāja lapu

Pašlaik lielākajai daļai tīmekļa mitinātāju ir nepieciešama rādītāja lapa, tā var būt vai nu mājas lapas ar nosaukumu “index.htm” (tā jums būs jānosauc) kopija, vai arī izveidot izveicīgu lapu, kurā ir jāievada vietne (ja jūs Labi zibspuldze, jums varētu būt animācija, lai atdzīvinātu lietas. Jums jājūt, ka tas tuvojas šim īpašajam brīdim. Dodieties šeit…

13. solis: pieņemsim mums saimnieku

Tagad jūs atradīsit sevi vietnē, uz kuru es jūs nosūtīju, es to izvēlējos, jo, ciktāl tas attiecas uz bezmaksas saimniekiem, tas ir lieliski un atļauj šausmīgi daudz dažādu lietu, kā arī 8 gig lielu krātuvi un kaut ko līdzīgu 300 GB joslas platumam mēnesī.

Tāpēc izpildiet reģistrācijas darbības un aktivizējiet savu kontu, pat neskatieties uz to failu pārvaldnieku, kas mums nebūs vajadzīgs. Dodieties uz savu kontu un noņemiet sava FTP konta nosaukumu, lietotājvārdu un paroli (tāda pati kā jūsu mitināšanas konta parole) Nokļūstiet vietnēs, rediģējiet vietnes un izvēlieties savu, dodieties uz papildu cilni un dodieties uz testēšanas serveri (Es zinu, ka manējā ir attālā informācija, bet pārbaudes serveris ir vienkāršākais veids, kā augšupielādēt vietni), ievadiet savu informāciju, kā parādīts attēlā.

14. solis: vai jūs to jūtat?

Ir pienācis laiks augšupielādēt vietni… Jūs gatavojaties izveidot vietni.

Pārejiet uz savas vietnes failu/līdzekļu joslu, bez šaubām, tā šobrīd izskatās ļoti atšķirīga, noklikšķiniet uz skatu mazās nolaižamās izvēlnes un izvēlieties testēšanas serveri. Tagad Dreamweaver jau ir saglabājis jūsu FTP paroli. Noklikšķiniet uz pogas Izveidot savienojumu ar attālo saimniekdatoru (tai ir trīs smieklīgas formas). kad ir teikts, ka ir izveidots savienojums, noklikšķiniet uz pogas safasēt failus. tā ir poga uz augšu vērstu bultiņu. (Vēlākai izmantošanai jūs varat pieteikties kontā un izmantot failu get, lai iegūtu failus, kurus, iespējams, esat pazaudējis savā datorā.) Kad noklikšķināsit uz šī, tas jautās, vai vēlaties ievietot visu vietni, sasodīti pareizi viss darbojas, lai veiktu nelielus atjauninājumus, tā vietā varat nosūtīt aizstājējfailus. Kad tas sasniegs “index.htm”, tas jautās, vai tas jāaizstāj, sakiet “jā”, pretējā gadījumā jūsu vietne pēc 15 dienām tiks pārtraukta, tāpēc mēs vispirms izveidojām savu vietni.

15. solis: Tagad vēlaties vārdu?

Tātad ideja par apakšvietni ietekmē jūsu ego, jums ir iespējas, iegādājieties domēna nosaukumu (bez hostinga nav dārgi, un jūs varat darīt.com.org.co.uk un.net izvēlēties to, kas vislabāk atbilst jūsu vārdam. Vai puisim, kurš vēlas to visu bez maksas, vienkārši dodieties uz punktu tk vietni. Viņi vienkārši atspoguļo jūsu lapas, tāpēc, veicot šo darbību, padariet jūsu mājas lapu vai rādītāja lapu par saiti uz vietni un izvēlieties teikt killerjackalope.tk?

16. solis: Vai vēl kāds vēl?

Tagad tas ir atbilde uz dedzinošu jautājumu un tiek iekļauts lāzera griezēju konkursā (pēdējā brīdī), bet, ja jums ir kādi jautājumi vai vēlaties papildu paskaidrojumus, vienkārši jautājiet, vai tas ir mazs, es jums atbildēšu un, ja tas ir labs, tad es pievienošu soli, lai ikvienam būtu atbilde uz jūsu jautājumu.

Es arī zinu, ka tas ir no bijušās apmācības, bet esmu pārliecināts, ka tas notiek, kad jūs mēģināt izveidot vietni sākumlapā, tas ir šausmīgi, un es labprātāk jums pateiktu, ka jāzog dreamweaver un pēc tam jāpērk sākumlapa. Nākamais pamācāms, kā izveidot smieklīgus bildes.