Yshopnoosa.com

Hur man skapar en HTML Banner Box

Hur man skapar en HTML Banner Box

Banner är de rektangulära rubriker som vanligtvis sträcker sig hela vägen över toppen eller botten av en webbsida, vanligtvis innehåller text och ibland även grafik. HTML-banner lådor skapas med HTML-kodning om du vill formatera form, färg och andra rutan funktioner. Skapa en HTML banner ruta, kan du använda en online HTML banner box creator, som ger rutan koden för dig, eller du kan koden rutan banner själv i ett webbplats-byggnad program som Dreamweaver.

Instruktioner

Online HTML Banner Box kodare

1 Gå till en webbplats som skapar HTML banner lådor. Flash Banner nu och MyBannerMaker, bland andra, ger verktyg för att skapa en banner låda online.

2 Använda verktygen på sidan banner-making för att skapa din banner box. Båda systemen kan användare välja en banner storlek och skapa gränser. MyBannerNow innehåller ytterligare alternativ för att ändra bakgrunds- och textfärgerna för banner och lägga till effekter till rutan banner.

3 Klicka på knappen för att få banner koden eller spara bannern. HTML-koden för rutan banner som du skapat visas på skärmen. Kopiera koden och lägga var som helst in i kodningen av din webbsida.

Skapa HTML Banner låda i Dreamweaver

4 Starta Dreamweaver från "Start"-menyn och antingen öppna ett HTML-dokument eller skapa ett nytt HTML-dokument. Nyligen kan öppnade dokument öppnas under avsnittet "Öppet ett senaste objekt" i Dreamweavers lanseringen skärmen. Skapa ett nytt HTML-dokument, klicka på "HTML" under avsnittet "Skapa ny".

5 Visa layoutverktygen i Dreamweaver verktygsfältet genom att klicka på pilen bredvid "Common" och välja "Layout" från menyn förutsatt. Antingen lämnar "Layout" verktygsfältet i standardläget "Standard" eller klicka på "Layout" för att växla till "Layout"-läge. "Standard" är mest effektiva för att lägga till en banner på valfri plats på sidor som redan har skapats, medan "Layout" läget är perfekt för att lägga till en banner högst upp på nya webbsidor.

6 Klicka på knappen "Dra lagret", som ser ut som en fyrkant med handtag, i "Standardläge" eller på "Layout" knappen, som har en grön kant och handtag i "Layout"-läge. Rita rutan banner med verktyget "Rita Layer", genom att hålla ned musknappen och dra musen över skärmen någonstans som du vill att bannern ska placeras. Rita rutan banner med knappen "Layouttabell" genom att klicka på skärmen och dra med musen. Den första rutan fäster automatiskt till toppen av skärmen.

7 Fyll i ett lager eller en tabellruta banner med färg genom att klicka i rutan bredvid "Bg" i fönstret "Egenskaper" längst ned på skärmen. Om du vill lägga till text och grafik i bannern, klicka direkt i ett lager eller Använd "Rita layoutcell" knappen i verktygsfältet att lägga till en cell i en tabellruta och klicka inuti cellen. Börja skriva om du vill lägga till text i rutan. För att lägga till en bild, klicka på pilen bredvid "Layout" på toppen av skärmen, välj "Common" och klicka på knappen med trädet.

8 Klicka på den yttre kanten av rutan banner att belysa hela banner när du har avslutat din banner och klicka på knappen "Split" överst i dokumentfönstret. HTML-koden som du har skapat visas markerade ovanför design i kodfönstret.