När du skapar en webbsida , kan du antingen skriva in i en vanlig färg för bakgrunden eller så kan du använda Adobe Photoshop för att skapa en bild för att infoga som bakgrund . Det senare alternativet är bäst om du vill att din nya webbplats att vara mer visuellt tilltalande för besökare . Ett av de enklaste sätten att skapa din bakgrund webbsida i Photoshop är att använda plattsättning metod . Ställ in Storlek
Först , öppna en ny fil i Adobe Photoshop . Skapa en fil som är dimensionerad för att vara vertikal , såsom 40 pixlar bred och 1000 pixlar lång , horisontell ( det omvända , såsom 1000 pixlar bred och 1000 bildpunkter) , eller fyrkantig (såsom 500 x 500 bildpunkter ) . Detta kommer att bli ditt kakel . Den här filen kommer att ligga till grund för din nya webbsida bakgrund .
Skapa mönster
Nästa , skapa ett mönster inuti din kaklade fil . Mönstret kan vara linjer , punkter eller ens litet foto . För det första , gå till " Redigera " och sedan " Fyll " för att ange bakgrundsfärgen på kakel . Sen börja skapa ditt mönster . Tänk på att när du skapar ditt mönster , måste mönstret vara centrerad om du vill att det ska se sömlösa .
Vill skapa en fodrad mönster , välj "Line Tool " från din Photoshop verktygsfältet . Håll ned shift -tangenten för att hålla det rakt och dra den nedåt för att skapa din första raden . Justera linjerna ( du kan rotera dem att vara diagonalt om du vill ) och ändra linjens färg som du tycker passar . Du kan sedan antingen skapa dubbla linjer ( högerklicka på raden i din " Layers " i verktygsfältet ) eller dras mer linjer manuellt . Då utrymmet dem hur du vill .
För polka dots , välj " Ellipse Tool " i Photoshop verktygsfältet ( detta är under " Linje Tool " -knappen på verktygsfältet ) . För rutor , använd " Rectangle Tool . " För triangel eller annan form , kommer du att behöva använda " Custom Shape Tool . " Skapa duplicera lager och rada dem ner brickan , den ena efter den andra .
P Om du vill kakel din bakgrund med en bild , öppna bilden och storlek ner för att passa ditt kakel bredd . Klistra sedan in den över till din sida och göra kopior . Som en genväg
, skapa tre linjer , prickar, rutor , bilder eller andra element , sedan sammanfoga alla lager ner till en. Nu kan du kopiera och klistra in som ett skikt som innehåller de tre delarna så många gånger du vill . Detta kommer att hjälpa dig att spara tid skapar ditt kakel mönster .
Du kan också bara fylla ditt kakel fil med en textur . Gå till " Filter " och sedan " Texture " på Photoshop -menyn .
Spara , ladda upp och infoga kod
När du är klar med ditt kakel , spara den som en JPG- eller GIF-fil i RGB-läge ( " Bild " och sedan " mode" på Photoshop -menyn ) . Nu kan du transportera den här filen på din hemsida : s filhanterare och hänvisa till den i body-taggen på din kodning . Låt oss anta att du heter filen " tile.gif " och placerade den i din offentliga HTML katalog .
Skapa din kropp taggar . Använd denna kod för att skapa ditt kakel :
( gärna lägga andra attribut i kroppen taggen som du tycker passar ) . Var noga med att stänga din kropp tagg ( < /body> ) när du är färdig med att skapa din hemsida .
