INHOUDSOPGAWE:
- Stap 1: Gereedskap, materiaal en basiese vaardighede
- Stap 2: Kom ons begin
- Stap 3: Begin die webwerf
- Stap 4: Laat ons dan vasval
- Stap 5: Maak die sjabloon …
- Stap 6: Maak die sjabloon voort. die uitleg
- Stap 7: Voeg die spyskaarte by
- Stap 8: Maak die sjabloon vir gebruik
- Stap 9: Voeg 'n bietjie inhoud by
- Stap 10: Nou maak ons ons skakels
- Stap 11: 'n Paar wenke en nuttige idees
- Stap 12: Skep 'n indeksbladsy
- Stap 13: Laat ons 'n gasheer kry
- Stap 14: Kan u dit voel?
- Stap 15: Wil u nou 'n naam hê?
- Stap 16: Nog meer vir nog meer?
Video: Hoe om u eie webwerf te bou: 16 stappe
2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:28
'N Volledige gids om gratis van papier na die internet te kom, as u wil, veral as vriendelike webmeesters u 'n paar gunste skuld, maar selfs met min ervaring en kennis, kan u 'n webwerf bou en dit op die internet kry: …
Stap 1: Gereedskap, materiaal en basiese vaardighede
Vir die maak van u webwerf benodig u: Gereedskap - 'n Rekenaar, verkieslik minder as vyf jaar oud - 'n Afskrif van dreamweaver (opsioneel), maar dit is wat ek weet en ek sal u daarop wys - 'n Kopie van Photoshop, nie noodsaaklik nie, maar beslis 'n moet vir almal wat 'n mooi webwerf wil hê - 'n verbinding met die internet op u rekenaar, verkieslik 'n vinnige (want dit maak dinge vinniger) Materiaal - 'n idee - 'n bietjie skyfspasie, afhangende van waarvoor u webwerf is - tyd, ja 'n waardevolle materiaal - 'n E -posadres wat werk, as u dit nodig het, is dit vry van Gmail en hotmail Basiese vaardighede - 'n Basiese kennis van hoe u u rekenaar kan gebruik, die internet - dit is 'n kodelose instrukteerbare, dit is vir mense wat 'n webwerf wil maak, maar geen idee het hoe nie - 'n paar ontwerpvaardighede sal handig wees - dit sou goed wees om te weet hoe om Photoshop te gebruik, paint. NET of GIMP
Stap 2: Kom ons begin
Sodra u weet watter soort webwerf u wil neem, neem u u ontwerpbesluit.
Dink aan die basiese verkoelers vir die webwerf, die styl daarvan en hoe u wil hê dat mense dit moet navigeer. As u dit vir 'n besigheid of klub wil maak, is dit waarskynlik die beste dat die webwerf die koeler van die onderneming/klub weerspieël en funksies bevat wat naboots of gebaseer is op dinge oor die onderneming, soos spyskaartknoppies wat herinner aan iets wat hulle verkoop as dit 'n besigheid is. Die navigasie van u werwe kan verskillende dinge bevat; die drie hooftipes gebruik word meestal in die linker- en regterkantste spyskaartmenu's en bo -spyskaarte (dit loop onder die kop soos die van hierdie webwerf). As u die webwerf self maak, kies dan kleure en ontwerpkenmerke jy hou daarvan en gaan van daar af 'n waarskuwingswoord. moenie regtig teenstrydige kleure gebruik nie, en meisies probeer nie om fluorescerende pienk te gebruik nie (dit is nie seksisties nie, dit gebeur baie). U kan selfs 'n besigheid op u webwerf bedryf as u wil. makliker om iets soos die yahoo -winkels wat hierdie webwerf gebruik, te gebruik.
Stap 3: Begin die webwerf
Dit is waar ons begin, gaan na My dokumente en maak vir u 'n gids met die naam 'My webwerf of gebruik die naam van die webwerf. (die een wat lêer genoem word, is vir alle ander lêers wat u moontlik gebruik om u webwerf te maak.) Skakel nou dreamweaver aan, en 'n bietjie uit die lêer sal u 'n menu -item met die naam site sien, klik daarop en kies 'n nuwe webwerf, Gebruik die gevorderde oortjie (omdat dit makliker is om deur te gaan), plaas nou die naam van u webwerf in die blokkie vir die webwerfnaam. U sal 'n venster met die naam 'plaaslike wortelmap' sien, dit is die gids wat u onder u webwerfnaam gemaak het. Die volgende blokkie is gemerk 'Standaardafbeeldingsmap', kies die vouer met die beelde in u wortelmap. Laat die twee blokkies alleen, hulle is albei soos hulle behoort te wees.
Stap 4: Laat ons dan vasval
Nadat u al u hoofbesluite op die webwerf geneem het, is dit tyd om 'n sjabloon vir al u bladsye te maak; dit is presies hoe dit klink, 'n sjabloon om bladsye te maak, 'n webwerf moet baie soortgelyk lyk om verwarring te voorkom kykers, en dit spaar baie tyd en vermorsing van moeite.
In u sjabloon moet u 'n opskrif maak, dit is die hoofbanier wat bo -aan die bladsy loop; dit het gewoonlik die titel van die webwerf/maatskappy se naam, 'n slagspreuk en 'n prent of logo wat die onderwerp van die webwerf weerspieël. Die beste metings wat ek kan gee, is 760 x 100-200, die hoogte is die voorkeur en hang ook af van waar die menubalk gaan. Die breedte is 760, so dit pas in blaaiervensters, selfs as dit 800x600 resolusies op skerms gebruik (dit is nie nuttig as u nie die helfte van die webwerf kan sien nie). U spyskaartknoppie (as u kies om dit te maak, moet dit nie te lank wees nie 30 pixels in hoogte en breedte hang van baie dinge af, maar myne is gewoonlik tussen 100 - 1500 pixels. Dan kan u weer flitsknoppies gebruik wat van u kant geen moeite verg nie. (Dit is vir Dreamweaver)
Stap 5: Maak die sjabloon …
So nou kies ons die kleure van ons webwerf en wat nog meer, deur met die rechtermuisknop op ons leë bladsy te klik en na die bladsyeienskappe te gaan. Vir myne is die agtergrond swart, die teks wit en sit die titel nou as sjabloon. U sal op die foto sien dat al my skakelkleure as blou gestel is, ek stel voor dat u ook blou gebruik, want blou is die tradisionele skakelkleur en die gebruik van vreemde skakelkleure was hoog op die lys van dinge wat mense irriteer oor webwerwe en wat dit maak onprofessioneel.
Stap 6: Maak die sjabloon voort. die uitleg
Nou begin ons met die uitleg van die sjabloon.
Klik op die invoegtabelknoppie of die tekenbordknoppie. Sleep nou om 'n tafel te maak; die keuse van 3x3 is 'n handige plek om te begin. Die eerste ding wat u moet doen, is om 'n tafel van 800 pixels breed te maak; u kan die breedte onderaan die eienskappebalk onder sien, merk nou die boonste ry selle en klik met die rechtermuisknop, gaan na die tabel in die regsklik -kieslys en kies selle saamvoeg, maak die nuut gevormde sel tot die hoogte van u kopfoto. Gaan na hierdie pint na u tafeleienskappe en sit die waarde van nul in vir 'cellpad' en 'border' waardes. Dit beteken dat die tafel vir die eindgebruiker nie bestaan nie, maar dat alles in plek is. Nou plaas ons dit in die kopbeeld wat in die map met afbeeldings gestoor moet word, maar as dit nie dreamweaver is nie, sal u vra of u die lêer daarheen wil kopieer. Om 'n prentjie langs die knoppiesbalk in te voeg (die oortjie hierbo moet gereeld voorkom), vind die knoppie met 'n prentjie van 'n boom in 'n boks (die meeste programme gebruik 'n soortgelyke simbool), klik daarop en 'n dialoogvenster verskyn. soek net na u lêer en dubbelklik daarop. As u prentjie op die verkeerde plek verskyn, was die wyser in die verkeerde sel. Noudat u die tafel onder die knie kry, verdeel u 'n sel langs die kant van die menubalk, onthou dat rye langs die kolomme langs die pad is. Maak die kassie vir u spyskaartknoppie so breed as wat u dink, en maak dan die regte breedte van u knoppies (ignoreer dit as u flitsknoppies wil hê) Maak nou 'n tafel in u sel met 1 ry en soveel kolomme as wat daar is knoppies (u moet dit uit u webwerfplan weet, ek kan u glad nie help nie, dit is u keuse) of vir 'n horisontale spyskaart 1 kolom en soveel rye as knoppies.
Stap 7: Voeg die spyskaarte by
Daar is 'n paar maniere om dit te doen. As u eenvoudige prentknoppies wil hê ('n klikbare prentjie wat soos 'n knoppie lyk), dan plaas u die prentjie soos gewoonlik, en dit is nou alles. later sal ons skakels daarby voeg.
As u rolknoppies wil hê (die prentjie verander as die wyser oor die knoppie is, dan moet u na die beelde vir elke knoppie kyk, sê dat u 'n paar donkergrys knoppies het wat u wil verlig wanneer die gebruiker die muis daarop sit dan maak u 'n tweede stel knoppies wat verlig word. U gaan dan na die knoppie voeg omrol in die werkbalk (langs of naby die beeldknoppie) en kies die donker een vir beeld een en die ligte vir prent 2, verlaat weer die skakel vir eers, want u het nog nie 'n enkele bladsy gemaak nie. As u flitsknoppies wil hê, moet u op die media -oortjie bo -aan die knoppie se werkbalk klik en op die invoeg flits knoppie simbool (flitslogo met klein balkie in die onderste hoek.), dit sal u vra om die dokument te stoor voordat u verder gaan, stoor dit as 'basissjabloon' of iets wat u weet die belangrikste sjabloon vir u webwerf is.
Stap 8: Maak die sjabloon vir gebruik
Ons is amper klaar met ons sjabloon en kan binnekort op ons bladsye begin, nou moet dit bewerkbare streke wees (plekke om die inhoud van die bladsy te besoek). kies 'n nuwe bewerkbare streek en 'n boodskap verskyn dat die dokument na 'n sjabloon omgeskakel sal word. Dit is goed. Doen dit met die wyser in die tafelselle waarheen die inhoud gaan (dié onder en langs die menubalk in myne)
Stoor nou die dokument, maak dit toe en gaan na die nuwe lêer en klik op die sjablone -oortjies bo -aan, u sjabloon moet daar wees; maak seker dat die opdateringsbladsy gemerk is (dit bespaar baie werk later.)
Stap 9: Voeg 'n bietjie inhoud by
Laat u bladsye u inhoud byvoeg en onthou om dit in die vouers wat u vir bladsye gemaak het, te stoor, en plaas u beelde ook in die afbeeldingsmap wat u gemaak het. Herhaal net die laaste deel van stap 8 oor die maak van die bladsy uit 'n sjabloon elke keer as u 'n Let op die vals inhoud wat ek gebruik het, dit word Lorem Ispsum genoem en dit is 'n verhaal oor goed en kwaad in Latyn, web- en grafiese ontwerpers gebruik dit om 'n idee te gee van hoe die produk met regte teks sal lyk. dit kan gevind word op Lipsum.com. Die blou bokse is die bewerkbare streke wat u ook het, hoop ek.
Stap 10: Nou maak ons ons skakels
Maak u sjabloon oop wat u gebruik het (onthou die blokkie, nou speel dit) Op die oomblik is u spyskaartknoppies slegs foto's (as dit flitsers is, kyk dan hieronder) Noudat u bladsye het, kan dit regte knoppies wees Of dit nou omrol of normale foto's is, klik met die rechtermuisknop op u tuisknoppie en verander die skakel of maak 'n skakel (hang af van die weergawe), 'n dialoogvenster verskyn. Blaai net na die lêer van u tuisblad en dubbelklik daarop. nou is dit aan die bladsy gekoppel, herhaal vir die res van u knoppies en stoor die dokument, as dreamweaver vra of u al die bladsye op die dokument wil verander, sê ja.
Vir die flitsknoppie sal u onthou dat ons die skakelbalk geïgnoreer het, en al wat ons doen, is om met die rechtermuisknop op die knoppie te klik en op die wysigingsknoppie te klik, sal u van vooraf die skerm vertoon word; druk eenvoudig op die blaai -knoppie langs die skakelbalk en vind u lêer. Nou behoort u 'n redelik werkende webwerf te hê; die volgende stap is gevul met 'n paar truuks en dinge vir fotopagina's, ens., Om dinge makliker te maak en beter te laat verloop.
Stap 11: 'n Paar wenke en nuttige idees
As u op XP werk (moontlik vista ingesluit), is daar 'n XP -kragopwekker genaamd image resizer, waarmee u die grootte van u foto's kan aanpas deur met die rechtermuisknop te klik, en u kan bondels doen en 'n duim aan die einde van elke naam voeg. Vir 'n fotogalery, gebruik die kleinkiekies wat u gemaak het as die foto's op die hoofblad en koppel dit soos knoppies aan die groter prentlêer, dit laat u vinniger laai en minder galerybladsye.
Vir bladsye met baie inhoud, kan dit die moeite werd wees om die bladsy en vorige bladsyskakels te verdeel; dit is eenvoudig om te doen; al wat u doen, is om dit aan mekaar te koppel en die begin een as die sjabloonskakel of van watter bladsy ook al te plaas dit is gekoppel aan. Ek sal terugkom en meer byvoeg as ek daaraan dink of as mense dit voorstel, dit is net die begin.
Stap 12: Skep 'n indeksbladsy
Op die oomblik benodig die meeste webgashere 'n indeksbladsy, dit kan óf 'n replika wees van die tuisblad genaamd 'index.htm' (dit is wat u dit moet noem), óf 'n funky bladsy kan maak met die webwerf (as u ' As u goed in flash is, kan u 'n animasie hê om dinge lewendig te maak. U moet voel dat dit naby die spesiale oomblik kom. Gaan hierheen …
Stap 13: Laat ons 'n gasheer kry
Nou vind u uself op die webwerf waarheen ek u gestuur het, ek het dit gekies, want wat gratis gashere betref, is dit wonderlik en bied baie dinge moontlik, sowel as 8gig -berging en iets soos bandbreedte van 300 GB/maand.
Volg dus die registrasie stappe en aktiveer u rekening; kyk nie eers na die lêerbestuurder nie; ons het dit nie nodig nie. Gaan regs na u rekening en haal die naam van u FTP -rekening, die gebruikersnaam en die wagwoord (dieselfde as u wagwoord vir die gasheerrekening) af, gaan na webwerwe, wysig webwerwe en kies joune, gaan na die gevorderde oortjie en gaan na die toetsbediener (Ek weet dat myne op afstand inligting is, maar die toetsbediener is die maklikste manier om die webwerf op te laai), voer u inligting in soos op die foto getoon.
Stap 14: Kan u dit voel?
Dit is tyd om die webwerf op te laai … U is op die punt om 'n webwerf te hê.
Gaan na u werflêers/batesbalk; dit lyk ongetwyfeld tans baie anders, klik op die klein keuselys met aansigte en kies 'n toetsbediener. Nou het dreamweaver reeds u FTP -wagwoord gestoor. Klik op die knoppie Verbind met eksterne gasheer (die een met drie snaakse vorms). sodra dit sê dat u gekoppel is, klik op die knoppie Opstel lêers., dit is die knoppie met 'n pyltjie wat opwaarts wys. (Vir latere gebruik kan u op die rekening aanmeld en gebruik lêers kry om lêers wat u moontlik op u rekenaar verloor het, te kry.) As u hierop klik, sal dit vra of u die hele webwerf wil opsit, jammer, u doen dit alles wat werk, vir klein opdaterings kan u in plaas daarvan vervangingslêers stuur. As dit tot 'index.htm' kom, sal dit vra as dit dit vervang, ja sê, anders gaan u webwerf na 15 dae af, daarom het ons eers ons webwerf gemaak.
Stap 15: Wil u nou 'n naam hê?
Die idee om 'n subwebwerf te wees, beïnvloed u ego, u het opsies, koop 'n domeinnaam (nie duur sonder hosting nie, en u kan.com.org.co.uk en.net kies die een wat die beste by u naam pas. Of vir die ou wat alles gratis wil hê, gaan net na die dot tk -webwerf. Hulle weerspieël eenvoudig u bladsye, en as u dit dan van u tuisblad of van u indeksblad maak, skakel na die webwerf. en kies sê killerjackalope.tk?
Stap 16: Nog meer vir nog meer?
Dit is nou 'n antwoord op 'n brandende vraag en word deelgeneem aan die lasersnyer -wedstryd (laaste minuut), maar as u enige vrae het of ekstra verduidelikings wil hê as om net te vra, as dit klein is, antwoord ek u en as dit 'n goeie een, dan voeg ek 'n stap by sodat almal die antwoord op u vraag kan kry.
Ek weet ook dat dit uit die vorige tutoriaal is, maar ek is seker dit is wat gebeur as u probeer om 'n webwerf op die voorblad te maak, dit is aaklig en ek wil u eerder vertel om dreamweaver te steel en dan 'n voorblad te koop. Volgende instruksies: hoe om snaakse foto's te maak.
Aanbeveel:
Hoe om u eie tafelrekenaar te bou: 20 stappe
Hoe om u eie lessenaarrekenaar te bou: of u nou u eie rekenaar wil bou vir videospeletjies, grafiese ontwerp, videobewerking of selfs net vir die plesier, hierdie gedetailleerde gids wys u presies wat u nodig het om u eie rekenaar te bou
Bou u eie webwerf vir beginners: 5 stappe
Die bou van u eie webwerf vir beginners: of u nou al ooit daarvan gedroom het om 'n rekenaarprogrammeerder te wees of al ooit 'n webwerf gebruik het, wat ons in die gesig staar, is byna almal van ons: inligtingstegnologie het die ruggraat van die onderneming geword. Alhoewel programmering aanvanklik 'n bietjie eng kan lyk, is my doel
Hoe om u eie NRF24L01+pa+lna -module te bou: 5 stappe
Hoe om u eie NRF24L01+pa+lna -module te bou: Die module op basis van Nrf24L01 was baie gewild omdat dit maklik is om in draadlose kommunikasieprojekte te implementeer. Die module kan onder 1 $ gevind word met 'n PCB -gedrukte weergawe, of monopool -antenna. Die probleem met hierdie goedkoop modules is dat hulle
Hoe om u eie 3D -gedrukte Quadcopter te bou: 4 stappe
Hoe om u eie 3D -gedrukte Quadcopter te bou: Vandag gaan ons 'n volledig funksionele quadcopter maak van 3D -gedrukte onderdele, motors en elektronika
Hoe om 'n webwerf op 'n Raspberry Pi te bou, met Node.js, Express en MongoDB Deel 1: 6 stappe
Hoe om 'n webwerf op 'n Raspberry Pi te bou, met Node.js, Express en MongoDB … Deel 1: Welkom by DEEL 1 van my node.js -webprogram -tutoriaal. Deel 1 gaan deur die nodige sagteware wat gebruik word vir die ontwikkeling van node.js -app's, hoe om poortaanstuur te gebruik, hoe om 'n app met Express te bou en hoe u u app kan bestuur. Die tweede deel hiervan