Eenvoudige stap-vir-stap Dreamweaver-tutoriaal - 2020
Daar is tonne verskillende instrumente en platforms wat u kan gebruik om u webwerf uit te bou. Sommige is meer beginnervriendelik as ander. Ongeag u ervaringsvlak, kan u ‘n werfbouer vind wat perfek is vir u behoeftes.
As u nog nooit van Dreamweaver gehoor het nie, is dit ‘n toepassing van Adobe waarmee u webwerwe kan ontwerp, bou en ontplooi.
Al het u nog nooit in u lewe aan enige kode geraak nie, kan u Dreamweaver vir u laat werk deur die intuïtiewe visuele koppelvlak.
Hieronder leer u hoe u met Dreamweaver kan begin. U sal leer wat Dreamweaver eintlik is, wat dit laat uitstaan ​​en uiteindelik hoe u u eerste webwerf met hierdie instrument kan skep en dit na u bediener kan oplaai.
1 Wat is Dreamweaver?
1.0.1 Aanbevole webhosting
2 Die belangrikste kenmerke van Dreamweaver
2.1 1. Visuele koppelvlak is maklik om te gebruik
2.2 2. Ingeboude kode-redakteur
2.3 3. Deel van die Creative Cloud Suite
3 Voor- en nadele van Adobe Dreamweaver
4 Hoe om Dreamweaver te gebruik om ‘n webwerf van skrap af te bou
4.1 1. Kies u plan en installeer
4.2 2. Aanvanklike opstelling en deurloop
4.3 3. Skep ‘n nuwe webwerf
4.4 4. Skep u eerste bladsy
4.5 5. Skep u webwerf-opskrif
4.6 6. Styl u bladsyopskrif
4.7 7. Voeg meer inhoud by
4.8 8. Voeg ‘n prent by
4.9 9. Voorbeeld van u webwerf
4.10 10. Publiseer u webwerf aanlyn
5 Hoe om ‘n Dreamweaver-sjabloon te gebruik om u webwerf te bou
6 In die sluiting
Dreamweaver is ‘n webwerf-sagteware wat al meer as 20 jaar bestaan. Dit is eers deur Macromedia ontwikkel en daarna in 2005 deur Adobe aangeskaf. Die sagteware het verskeie iterasies deurgemaak en is nou deel van die Adobe Creative Cloud-suite. Dit beteken dat u ‘n maandelikse intekening moet koop om die sagteware te kan gebruik.
Om dit eenvoudig te stel, Dreamweaver is sagteware waarmee u webwerwe kan bou, ontwerp en publiseer. Dit is ‘n oorspronklike toepassing wanneer dit beteken dat u dit op u rekenaar of Mac installeer.
Dit is ‘n buigsame toepassing in die sin dat u u webwerf geheel en al deur die visuele redakteur kan bou, of slegs via kode. U kan ook die twee saam gebruik (mits u die basiese kenmerke van kodering ken) om te sien hoe elkeen die ander beïnvloed.
Cloudways of Bluehost is die beste opsie vir webhosting vir html-gebou webwerwe.
Of lees ons gedetailleerde Cloudways Review >>
Die belangrikste kenmerke van Dreamweaver
In die geheel help Dreamweaver om die proses van ontwerp en opbou van u webwerf te vereenvoudig. Alhoewel dit buigsaam genoeg is om sowel die beginner as die gevorderde vlak van die mark aan te spreek.
Hier is die belangrikste kenmerke wat hierdie instrument laat uitstaan:
1. Visuele koppelvlak is maklik om te gebruik
Die visuele koppelvlak-redakteur is waarskynlik die belangrikste kenmerk wat u sal gebruik as u pas begin. Dit is soortgelyk aan wat ander beginnersbouers bied in terme van sleep-en-trap-funksies. Behalwe vir hierdie bouer, sal u elemente met u muis kies.
Dit maak dit maklik om die basis van u werf in rekordtyd uit te bou. Terwyl u dit doen, sal Dreamweaver outomaties die nodige kode vir u skep. Dan laai u hierdie lêers net na u bediener en u webwerf is gereed vir die wêreld.
2. Ingeboude kode-redakteur
Behalwe die vermoë om u werf geheel en al met die visuele redakteur te bou, kan u ook die kode-redigeerder gebruik om u werf uit te bou of veranderings aan die bestaande ontwerp van u webwerf.
Die kode-redakteur is beginnersvriendelik en het ‘n paar nuttige funksies om u te help om vinniger te kodeer en te leer wat op dieselfde tyd gebeur. Dit maak dit nuttig vir beginners om te sien hoe die kode en ontwerp interaksie het wanneer u verskillende elemente van u webwerf plaas.
As u die kode skryf, sal u ook sien dat die visuele sy ook verander. U hoef dus nie ‘n voorskou van u webwerf te sien om die veranderinge wat u aangebring het, te sien nie. Dit gebeur alles outomaties!
Boonop bevat dit funksies soos voltooiing van kodes, wat voorstelle maak vir die kode wat u tans skryf, gebaseer op u huidige ontwerp. Plus, ‘n funksie vir ineenstorting van kodes, wat dele van u kode sal saamdruk as u nie tans wysig nie, sodat u vinniger kan vind waarna u soek.
3. Deel van die Creative Cloud Suite
As u reeds vertroud is met Adobe-produkte, voel u tuis met Dreamweaver. Al is die opdragte anders as sê, is dit ‘n instrument soos Photoshop. Die uitleg en koppelvlak het ‘n konsekwensie oor die hele linie.
As u dus van Adobe-produkte hou en reeds gereedskap gebruik in die res van hul kreatiewe suite, kan hierdie bouer ‘n goeie belegging wees.
Voor- en nadele van Adobe Dreamweaver
Dreamweaver bied u talle moontlikhede. Dit sou bykans onmoontlik wees om al die funksies hier af te breek. Maar hier is ‘n paar van die unieke voordele wat Dreamweaver bied, sowel as ‘n paar redes waarom u wil wegbly en ‘n ander webwerfbouer vind..
Dreamweaver is ‘n intuïtiewe en buigsame instrument wat baie dinge reg doen. Hier is ‘n paar van die grootste voordele wat hierdie sagteware u kan bied:
Toets van toestelle
Met Dreamweaver het u ‘n direkte voorskouopsie waarmee u kan toets en kyk hoe u webwerf op enige toestel lyk. Baie ander instrumente het hierdie funksie. Maar met Dreamweaver is dit net ‘n enkele klik om ‘n voorskou te gee en aan te pas op jou webwerf.
As u u kode aanpas of van voor af skryf, sal daar mettertyd foute opduik. Met Dreamweaver kan u hierdie foute vinnig opspoor en regstel. In plaas daarvan om u webwerf te raai en op te spoor vir foute, sal u weet wat verkeerd is en hoe om dit reg te stel.
Dit kan baie pret wees om u webwerf te ontwerp. Veral as u dinge soos kleur, uitleg, lettertipe keuse en meer begin aanpas. Dreamweaver het ‘n enorme keuse van lettertipes wat ingebou is in die sagteware. Dit maak dit maklik om die perfekte lettertipe vir u opskrifte en teks te vind.
Gebundelde Stock Photos
As u ooit iets aanlyn gepubliseer het, weet u hoe lank dit kan duur vir die soektog vir foto’s. In plaas daarvan om op verskillende voorraadfoto-webwerwe te hoef te soek, kan u dit binne die instrument doen. Daar is ‘n groot verskeidenheid en u kan die perfekte foto vir u behoeftes vind.
As u Dreamweaver vir die eerste keer begin gebruik, kan u oorweldig word met al die beskikbare instrumente en opsies. Maar u kan die voorkoms en gebruik van die webwerfbouwer eintlik stroomlyn deur die voorkeure te verander. Sodra u weet wat u gebruik en wat u nie doen nie, kan u die voorkoms van die bouer aanpas vir u behoeftes.
Tog is Dreamweaver nie perfek nie. As u nie bereid is om te leer hoe hierdie sagteware werk nie, kan u beter met ‘n ander oplossing gaan. Hier is ‘n paar van die grootste nadele van Dreamweaver:
Daar is ander oplossings vir werfbouers soos Squarespace, Wix en WordPress, wat dit ongelooflik maklik maak om u eerste webwerf uit te bou. Dit is nie te moeilik om ‘n basiese webwerf te skep en dit aanlyn met Dreamweaver te kry nie, maar dit sal ‘n geruime tyd neem om ‘n webwerf te skep wat presies kan doen wat u wil.
Aangesien u met ‘n leë doek begin, sal die eindresultaat afhang van u eie kreatiwiteit en vaardighede. Sommige gebruikers verkies dit, maar ander verkies ‘n eenvoudiger oplossing wat absoluut geen koderingsvaardighede benodig nie. U kan baie doen met Dreamweaver, en baie ervare ontwikkelaars verkies om hierdie sagteware te gebruik vir die buigsaamheid wat dit bied.
Gelukkig is daar baie tutoriale aanlyn beskikbaar, sodat u vinnig u vaardighede kan uitbou. Maar dit sal tyd en inisiatief van u kant neem.
U webwerf is net so goed soos u vaardighede
Hieronder leer u hoe u ‘n baie eenvoudige en basiese webwerf kan skep. U het geen koderingsvaardighede nodig om aan die gang te kom nie, net die vermoë om die basiese dinge van wat u doen, te begryp. Maar as u ‘n webwerf met baie ekstra funksies wil skep, benodig u ‘n basiese, bekende en gemaklike vlak met kode om u te help.
Plus, as dinge breek, moet jy weet hoe om dit reg te stel. Of los ten minste totdat u die probleem kan oplos.
Met Dreamweaver word u slegs beperk deur u kennis van die sagteware en u vermoë om te kodeer. U kan hierdie vaardighede betyds ontwikkel. Maar as u vinnig ‘n webwerf aanlyn moet kry, is daar beter opsies daarbuite.
Herhalende intekengeld (bo-aan hosting)
Om toegang tot Dreamweaver te kry, moet u ‘n maandelikse intekengeld betaal. Vir diegene wat veelvuldige webwerwe opbou of lief is vir die sagteware, is hierdie koste ‘n goeie weergawe. Maar as u ‘n webwerf op ‘n begroting wil opbou, wil u miskien ‘n goedkoper oplossing vind.
U hoef nie net die koste van die sagteware self in te neem nie, maar ook die maandelikse fooie wat u vir die aanbieding sal betaal, en die jaarlikse fooi wat u vir ‘n domeinnaam sal betaal..
Hoe om Dreamweaver te gebruik om ‘n webwerf van skrap af te bou
Noudat u die belangrikste kenmerke van Dreamweaver verstaan, is dit tyd om dit in aksie te wys. Ons behandel nie elke funksie van die instrument hieronder nie, maar is net genoeg om u ‘n stewige basis te gee om van te werk.
Voordat ons inspring, is dit belangrik om daarop te let dat as u nie elke aspek van die ontwerp van u webwerf wil hanteer nie, word dit aanbeveel om ‘n beginnersvriendelike CMS soos WordPress of ‘n ander webwerf-bouer te gebruik.
Daar word gesê dat dit tyd is om in te spring! Volg die stappe hieronder om u eerste Dreamweaver-webwerf te skep en te publiseer:
1. Kies u plan en installeer
Die eerste ding wat u moet doen is om die Dreamweaver-sagteware te koop en te installeer. Gaan dus oor na die Adobe-webwerf en kies die plan wat vir u werk.
Net die enkele app kos u tans 20,99 dollar per maand. As u toegang tot die volledige Creative Cloud-suite wil hê, betaal u 52,99 dollar per maand. Daar is ook afslag vir besighede, onderwysers en studente wat beskikbaar is.
Sodra u u intekening gekies het, laai Dreamweaver af en volg die instruksies wat volg. Dit is ‘n eenvoudige proses wat slegs ‘n paar klikke sal neem.
Alternatiewelik, as u nie direk vir die sagteware wil betaal nie, kan u kies vir die gratis proeftydperk van sewe dae. Dit sal u tyd gee om met die sagteware te speel om te sien of dit die beste by u is.
As u Creative Cloud al op u rekenaar geïnstalleer het, maak dit dan oop, kies ‘Apps’ en kies Dreamweaver CC op die lys. U het die opsie vir die gratis proeflopie of om die sagteware dadelik te koop.
2. Aanvanklike opstelling en deurloop
Nadat u Dreamweaver geïnstalleer het, sal die sagteware outomaties oopmaak, en u sien ‘n skerm wat hieronder lyk.
Kies nou die opsie wat sê ‘Nee, ek is nuut’, tensy u die sagteware hieronder gebruik het. Dit sal u lei deur die aanvanklike proses om u Dreamweaver-werkruimte op te stel.
Op die volgende skerm kan u die opsie kies wat die beste by u werkstroom pas. Aangesien dit u eerste Dreamweaver is, kies u die opsie ‘Standard Workspace’.
Op hierdie manier kan u die visuele redakteur of die kode gebruik om u webwerf op te bou en aan te pas.
Kies nou die kleurskema vir u redakteur. Dit is nie baie belangrik nie, kies dus net watter kleurskema u die beste wil hou.
Op die volgende skerm kan u kies of u wil begin met ‘n voorbeeldwebwerf, ‘n leë sjabloon of na enkele tutoriale kyk..
Vir hierdie gedeelte van die tutoriaal gebruik ons ​​die ‘Begin met ‘n nuwe of bestaande lêergids’, maar as u die opsie ‘Begin met ‘n voorbeeldlêer’ kies, sal u ‘n basiese webwerf-basis hê om uit te werk, wat lyk die prent hieronder.
Sommige mense wil dalk met ‘n basiese sjabloon begin, omdat dit minder intimiderend is. Maar vir diegene wat wil voortgaan om hul werwe van voor af te bou en die ins en out’s van hierdie instrument te leer, dan is hierdie gedeelte van hierdie handleiding vir u.
As u een van die beginnersjablone wil gebruik om u webwerf te bou, in plaas daarvan om van nuuts af te skep, gaan dan na die volgende afdeling van die tutoriaal.
3. Skep ‘n nuwe webwerf
Navigeer na u naam om van nuuts af te begin bou Werf>Nuwe webwerf. Dit lyk soos die onderstaande skerm:
Hier wil u u webwerf ‘n naam gee en die plek spesifiseer waar die lêers van u webwerf gestoor sal word. Maak seker dat u ‘n lêergids spesifiseer waar u al u webprojekte sal hê, aangesien dit die organisasie (en later na u bediener oplaai) makliker sal maak.
Vervolgens wil u ‘n prentmap skep waar al die foto’s van u werf gaan. Hierdie prentmap moet binne die gids van u werf geleë wees.
Klik op ‘Gevorderde instellings’ en kies ‘Plaaslike inligting’ in die keuselys met opsies. Hier kies u die prentmap wat u ‘n oomblik gelede gemaak het. Klik dan op ‘Stoor’ en u is gereed om u webwerf te begin bou.
4. Skep u eerste bladsy
Die eerste bladsy wat ons gaan skep, sal u tuisblad wees.
Om dit te doen, kies File>Kies nuut en kies dan HTML uit die ‘Dokumenttipe’-lys. Benoem die lêerindex.html. Dit sal help om u werf ‘n goeie struktuur te gee.
Nou moet u ‘n leë venster hê, soos die afbeelding hieronder. Dit is hoe u webwerf tans lyk! U sal ook sien dat Dreamweaver ook ‘n aanvanklike HTML geskep het.
5. Skep u webwerf-opskrif
Die eerste ding wat ons gaan doen, is om u werfkop op te stel. Dit is die boonste gedeelte van u webwerf wat gewoonlik u logo of die naam van u webwerf insluit.
Om dit te doen, klik op die boonste gedeelte van die bladsy (u sien ook die element onderaan in die kodeseksie).
Klik dan op ‘Insert’ in die regter boonste hoek en kies die opsie ‘Header’. Miskien moet u ‘n bietjie afrol om die opsie te vind. Al die keuses hier is verskillende HTML-elemente wat u op u webwerf kan voeg.
Dit sal ‘n kopblokkie op u bladsy plaas, sodat u dit na u smaak kan aanpas.
Vervolgens gaan ons ‘n H1-etiket by hierdie kopelement voeg. Dit is belangrik vir SEO-doeleindes en om die soekenjins te laat weet waaroor u webwerf gaan.
Hiervoor moet u die kopteks in die kodeseksie van u redakteur uitlig. Kies dan ‘Opskrifte’ en H1 in die keuselys.
6. Styl u bladsyopskrif
Met u kopstuk geskep, is dit tyd om dit ‘n bietjie styl te gee. Die kans is goed dat u nie die basiese stilering wil gebruik nie, omdat dit u webwerf oud sal laat lyk.
Ons sal hierdie wysigings met CSS aanbring. Gewoonlik sal al u werf se styl- en vertoonelemente met hierdie lêer beheer word. Dit stel u in staat om dinge te doen soos om lettergroottes te verander, die breedte en afmetings vir sekere werfelemente te skep, en nog baie meer.
Die eerste ding wat ons met u CSS-lêer gaan doen, is om te verander hoe u kopkop lyk. Maar eers moet ons ‘n CSS-lêer skep.
Om dit te doen, klik op die bladsykop, en u sien dat die kopstukgedeelte blou is. Klik op die ‘+’ -ikoon en tik #header in die kassie (dit gee u kop ‘n ID waarmee u die voorkoms kan aanpas).
Kies nou die opsie ‘Maak nuwe CSS-lêer’. Kies ‘Blaai’ in die blokkie wat verskyn, kies die lêergids wat u vroeër geskep het waar al die lêers van u webwerf gestoor is, en noem die lêer ‘styl.css’ en klik op ‘OK’.
Hier sal u al u ontwerpveranderings aanbring.
Met u CSS-lêer wat geskep is, sal ons ‘n selector skep. Dit sal u toelaat om veranderinge aan die kopteks aan te bring sonder om u hele kopstuk te verander.
Gaan na die DOM-redakteur (regs onder) en kies die H1-etiket wat u gemaak het. Kies dan ‘CSS Designer’ in die regter boonste hoek.
Klik nou op die ‘Selectors’ -opsie en die kassie moet outomaties met ‘#header h1’ ingevul word. Druk ‘Enter’ en jy is gereed.
Nou is dit tyd om u lettertipe te verander. As u nog nie in die CSS Designer-menu is nie, klik dan weer op die oortjie en kies die ‘#header h1’ wat u so pas geskep het. Dan is daar ‘n boksie met ‘Show Set’. Ontmerk die kassie van hierdie kassie en u ontsluit ‘n paar oulike aanpassingsopsies.
Speel gerus soveel moontlik met hierdie opsies. U kan dinge doen soos om u lettertipe, fontstyl, teksgrootte, inlynstelling, rande by te voeg en nog baie meer.
Sodra u tevrede is met hoe u kopkop lyk, gaan u na die volgende stap.
U kan ook na die ‘style.css’-lêer aan die bokant van die skerm klik om te sien hoe die kode lyk.
7. Voeg meer inhoud by
Die kans is goed dat u werf veel meer is as net ‘n massiewe kop. So kan u verskillende tekselemente op u tuisblad byvoeg en styl.
Om teks op u bladsy te voeg, klik op die ‘Insert’ oortjie regs bo en kies dan ‘Paragraaf’. As u ‘n lynonderbreking tussen elke paragraaf wil hê, wil u meer as een paragraaf byvoeg.
Soos in die onderstaande prentjie gesien word, is daar verskeie paragrawe, saam met ‘n lys wat nie gerangskik is nie, ook die koeëlpunte. As u ‘n geordende of ongeordende lys op u bladsy wil plaas, kies dan die opsie ‘Ongeordende lys’ en klik dan op die
etikette in die kodeseksie. Laastens, kies die gedeelte ‘Lysitem’ en voeg daardie tussen die twee etikette by.
Uiteindelik gaan ons ‘n opskrif aan die bokant van die bladsy byvoeg, direk onder die kop.
Vind dit in die gedeelte van die kode wat eindig, druk dan op enter en skep ‘n spasie. Kies vervolgens ‘Opskrif’ in die regterkantse menu en kies H2 in die keuselys.
Dan kan u u kopteks aanpas soos u goedvind.
8. Voeg ‘n prent by
Met u kop en ‘n paar basiese inhoud op die plek, is dit tyd om ‘n beeld op u webwerf te voeg om dinge op te skerp. Gelukkig, met die ingeslote voorraadbeeldinstrument, behoort die regte beeld nie te tydrowend te wees nie.
U kan óf die ingeboude voorraadfoto-biblioteek gebruik deur op die ‘CC Biblioteke’ -oortjie te klik en na ‘n prent te soek. Of u kan u eie beelde vind en oplaai.
Vir hierdie tutoriaal het ons die latere gekies. As u ‘n prent vanaf die internet of u eie versameling gebruik, moet u dit dan byvoeg by die prentmap wat u vroeër gemaak het. Kies dan die tab ‘Insert’ en kies ‘Image’.
Hier sal u die prent op u rekenaar kan opspoor en dan op ‘Open’ druk..
Nou sal die sagteware die prent outomaties op u bladsy plaas en die regte kode byvoeg.
9. Voorbeeld van u webwerf
Sodra u u eerste weergawe van die webwerf opgestel het, is dit tyd om te sien hoe dit lyk. Dreamweaver het ‘n baie nuttige ingeboude voorskoufunksie. Op hierdie manier kan u sien hoe u webwerf oor ‘n verskeidenheid webblaaiers en mobiele toestelle lyk.
Dit kan u help om enige foute op te spoor voordat u besluit om na die volgende stap te gaan en u webwerf na u bediener op te laai. Dit is ook ‘n intydse voorskou, dus elke verandering wat u aan u werf aanbring, sal outomaties verskyn.
Om ‘n voorbeeld van die huidige weergawe van u webwerf te maak, hoef u net op die voorskouknoppie in die regter onderkant van die hoek te klik. Dan kan u kies in watter blaaier u u webwerf wil voorbeskou.
U kan ook sien hoe u webwerf op u selfoon lyk deur ‘n foto van die QR-kode te neem.
Maak seker dat u die standaardweergawe van u webwerf besoek, voordat u besluit om dit aanlyn te publiseer.
As u tevrede is met hoe u werf lyk, gaan dan voort na die laaste stap.
10. Publiseer u webwerf aanlyn
Met u basiese webwerf voltooi, is dit tyd om dit na u bediener op te laai. Die proses is redelik maklik en eenvoudig, maar om dit te kan doen, moet u hosting vooraf gekoop het. As u dit nog nie gedoen het nie, spandeer dan tyd deur hierdie lys te blaai en meld u aan by die aanbieder van u keuse.
Ons beveel Bluehost of Cloudways aan.
Nadat u by ‘n gasheer aangesluit het, kry u FTP-inligting, want u benodig dit vir die volgende stap.
As u daarvoor sorg, kan u na die volgende stap gaan om u webwerf op u bediener op te laai.
Gaan na die webwerf om dit te doen>Bestuur webwerwe. Kies u webwerf in die venster wat na vore kom, en klik dan op die potloodikoon in die linker onderhoek.
Kies vervolgens die opsie ‘Servers’ aan die linkerkant en klik op die ‘+’ -ikoon, waarmee u u bedienerinligting kan byvoeg.
Al die inligting in hierdie venster word deur u gasheer voorsien, behalwe die ‘Bedienersnaam’-veld, wat u pas. Sorg ook dat u u wortelgids vir u bediener en u URL insluit. Sodoende kan u sitwye skakels van Dreamweaver insluit wat werk.
Sodra u u bedienerinligting opgestel het, klik op ‘Stoor’ en klik dan weer op ‘Stoor’.
Al wat u hoef te doen is om die lêers wat u wil oplaai te kies uit die linkerkantste menu en klik op die ikoon wat soos ‘n prop in die regter boonste hoek lyk..
As u u bedienerinligting korrek ingetik het, sal Dreamweaver aan u bediener koppel en die lêers van u werf na die spesifieke plek oplaai.
Dis dit! U het u heel eerste Dreamweaver-webwerf suksesvol geskep en opgelaai.
As u nie lus is om ‘n volledige Dreamweaver-webwerf heeltemal van nuuts af te skep nie, lees dan verder. Hieronder sal u sien hoe u ‘n bestaande sjabloon kan gebruik om die webwerfbouproses te vereenvoudig.
Hoe om ‘n Dreamweaver-sjabloon te gebruik om u webwerf te bou
As al bogenoemde redelik oorweldigend gelyk het, wil u dalk eerder met ‘n webwerf-sjabloon begin.
Deur een van die voorafgemaakte sjablone te gebruik, gee u uself ‘n voorsprong en in plaas daarvan om alles van nuuts af te hoef te skep, kan u enige voorafgeboude elemente byvoeg of dit verwyder. Dit gee u ook die voordeel om te sien hoe ‘n finale ontwerp en kodebasis langs mekaar lyk. Dit kan help om u onderwysproses te bespoedig.
Om dit te doen, kies File>Nuwe, dan ‘Beginnersjablone’, ‘Basiese uitlegte’ en kies uiteindelik die styl van die werf wat u wil bou. Hier is die ‘Basic – Multi Column’-uitleg ondersoek.
U sal sien dat hierdie sjabloon u baie kan aanwending om reg uit die hek te werk.
Ons sal basiese dinge doen soos om die naam van die webwerf en die teks van die bladsy te verander. Hiervoor volg ons ‘n proses soos hierbo. Klik op die kopelement en tik u nuwe teks in om die kopteks te verander.
Om die lettertipe te verander, kies die
gedeelte van u kode. Klik aan die regterkant op die ‘+’ knoppie langs ‘Eienskappe’. Hier sal u u lettertipe kan verander deur die teksopsie te kies wat soos ‘n hoofletter ‘T’ lyk.
U kan dieselfde ding ook aan ander elemente doen. U kan byvoorbeeld die lettertipe en -grootte verander. Voeg ‘n prentjie by die voorafgaande beeldblokke en meer.
Maar voordat ons u los om hierdie sjabloon volgens u eie smaak aan te pas, kan u die kleur van die kopagtergrond vinnig verander.
U kan bogenoemde benadering gebruik om die kleur aan te pas met die opsie ‘CSS Designer’. Of u kan direk na die CSS-lêer gaan.
Neem hiervoor kennis van die div-klas vir hierdie element, wat “primêr_header” is. Klik vervolgens op die lêer ‘multiColumnTemplate.css’ aan die bokant van die bladsy.
Hier kan ons die agtergrondkleur van die kop verander sodra ons die element “.primary_header” gevind het.
Natuurlik is daar baie meer wat u kan doen as u aan ‘n sjabloon werk, maar hopelik sal veranderinge hierbo ‘n idee gee oor wat u kan doen..
Sodra u die nodige wysigings aan u werfvorm aangebring het, is dit tyd om die webwerf na u bediener te stoot. Volg net dieselfde proses as stappe 9 en 10 hierbo.
Soos u kan sien, is Dreamweaver ‘n ongelooflike buigsame webwerfbouer. Met die gebruikerskoppelvlak wat maklik is om te gebruik, en ‘n ingeboude kode-redigeerder, kan u enige soort webwerf bou wat u wil. Aangesien dit so ‘n veelsydige instrument is, word dit gereeld deur beginners gebruik, tot by gevorderde webontwikkelaars.
Hierbo het u geleer hoe u die basiese begrippe van Dreamweaver kan begryp en u heel eerste webwerf aanlyn kan kry. Dit is bykans onmoontlik om elke aspek van Dreamweaver in ‘n enkele blogpost te dek, maar sodra u die basiese begrippe verstaan, is dit u taak om voort te gaan met u opleiding. As u verder wil verken, is daar ‘n massiewe videotutorialbiblioteek op die Adobe-webwerf, wat u kan ondersoek.
Onthou egter dat Dreamweaver nie die enigste hulpmiddel is wat u kan gebruik om ‘n webwerf te bou nie. Daar is trouens eenvoudiger metodes wat gebruik word van WordPress, en die aanpassing van ‘n beginnersvriendelike tema.
Maar as u besluit om u webwerf met Dreamweaver uit te bou, is u hopelik beter toegerus om u webwerf so min as moontlik aan die gang te kry..
Nou oor aan u. Het u Dreamweaver gebruik om u webwerf op te stel? Enige lekker wenke of hacks wat jy kan byvoeg? Deel asseblief die kommentaar hieronder.
Kyk ook na my Dreamweaver-kortpadsleutels om u webbou-take te bespoedig.