Professionele webontwerpers ontwikkel webwerfsjablone, gewoonlik in kragtige grafiese bewerkers soos Adobe Photoshop. Die resultaat van die werk is 'n lêer met 'n beeld wat in hierdie vorm aan die klant verskaf word. Om die kant-en-klare ontwerp te gebruik, dit wil sê om 'n webblad uit te lê, moet u die sjabloon sny.
Nodig
raster grafiese redakteur Adobe Photoshop
Instruksies
Stap 1
Open die sjabloonlêer in die grafiese bewerker Adobe Photoshop. Kies File en open in die menu, of druk die sleutelkombinasie Ctrl + O. In die dialoogvenster wat daarna verskyn, gaan na die gids met die lêer, kies dit in die lys en klik op die "Open" -knoppie.
Stap 2
Kies 'n geskikte skaal om die sjabloonbeeld te sien. Gebruik die Zoom Tool of konteks menu-items. Kies 'n skaal waarmee u die wyser met 'n pixelpresisie kan posisioneer. Dit is nodig om die verwysingslyne akkuraat in te stel.
Stap 3
Vorm 'n stel verwysingslyne bo die sjabloonafbeelding. Skakel die vertoon van liniale in dokumentvensters aan as dit nog nie aan is nie. Om dit te doen, druk Ctrl + R of kies View and Rulers in die menu.
Stap 4
Beweeg die muiswyser oor die boonste liniaal om 'n horisontale verwysingslyn by te voeg. Druk en hou die linkertoets in. Skuif die muispyltjie af na die beeldarea. As u ook die regterliniaal gebruik, kan u horisontale lyne byvoeg.
Stap 5
Voeg die vereiste aantal verwysingslyne by en plaas dit langs die grense van die verdeling van die streke van die sjabloon. Die lyne moet deur al die plekke gaan waar u die sjabloon wil sny. Dit moet alle beelde en logiese areas (logo, werfkop, horisontale en vertikale menu's, ens.) Wat op 'n webblad aangebied word, beperk.
Stap 6
Aktiveer die snygereedskap. Die knoppie is op die vertikale werkbalk.
Stap 7
Skep die vereiste aantal snyareas met behulp van die Slice Tool. Kies 'n geskikte skaal vir die vertoon van die sjabloon. Gebruik die muis om die grense van die gebiede in te stel. Die riglyne wat in die derde stap bygevoeg is, bied 'n presiese posisie van die grense van die voorwerpe wat u skep. Pas die bestaande gebiede aan indien nodig met behulp van die Sny Select-instrument.
Stap 8
Verander die eienskappe van die snystreke soos benodig. Aktiveer die sny seleksie-instrument. Regskliek op die gewenste area. Kies die item Redigeer snyopsies in die konteksmenu. Kies die tipe area (prentjie, leë area, tabel), die agtergrondvulmodus in die dialoogvenster Slice Options wat verskyn, spesifiseer, indien nodig, die naam, teiken-URL, inhoud van die alt="Image" -kenmerk en ander waardes. Klik op OK.
Stap 9
Sny die sjabloon. Kies File en Save for Web & Devices in die menu, of druk Shift + Ctrl + Alt + S. In die Save for Web & Devices-dialoog spesifiseer u die formaat en die beeldkompressieparameters waarin die sjabloon gesny sal word. Klik op die Stoor-knoppie. Die dialoog Stoor geoptimaliseer as sal vertoon word.
Stap 10
Kies HTML en afbeeldings (*.html) in die keuselys Lêertipe en voer in die veld Lêernaam die naam in van die lêer waarop die HTML-opmaak van die sjabloon geplaas sal word. Kies Alle snye in die lys Snye. Spesifiseer die gids vir die uitvoer en klik op die "Save" -knoppie.
Stap 11
'N HTML-lêer sal in die teikengids geplaas word, wat in werklikheid 'n klaargemaakte webbladsy-sjabloon is. Die afbeeldings-submap bevat die reeks beelde waarin die oorspronklike sjabloon gesny is.
