Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> Java Programming >> Content

    Konvertera en Mockup till HTML

    Webbdesigners används för att designa deras hemsida prototyper på Photoshop . När du behöver för att konvertera din mockup till en levande plats , kommer vissa HMTL och CSS kunskaper vara användbara . Om du behöver exportera din mockup i din utveckling programvara eller plattform som Dreamweaver Joomla , kan du göra konverteringen i några få steg . Saker du behöver
    Photoshop
    Dreamweaver
    Visa fler instruktioner
    1

    Dubbelklicka på Photoshop mockup . Klicka på " File " och " Spara för webb och enheter " för att exportera den till en webbsida format . Välj ett filformat som JPEG eller PNG . Ställ en bildkvalitet i den kommande dialogen . Klicka på " Spara ". Ange ett namn för din bild .
    2

    Beskär och separera din bakgrund begrepp , skugga och transparent kant effekt , sidfot och begrepp sidebar . Spara dem till en lokal katalog . De flesta av dem är layouten relevant .
    3

    Gå till Dreamweaver . Klicka på " File " och " New HTML -fil . " En ny HTML -fil kommer att inrättas med huvudramarna såsom sidhuvud och kropp avsnittet . Ange ett namn för filen .
    4

    Skapa en CSS -fil för webbplatsen genom att klicka på " CSS-format " i det övre högra hörnet av Dreamweaver . Högerklicka på tomt område för att skapa nya CSS-regler . Välj " Tag ( omdefinierar ett HTML-element ) " från Selector Type . Välj " kropp " och sedan " Ny formatmallsfil . " Klicka på " OK " för att börja definiera CSS -fil
    5

    Importera din bakgrundsbild och andra element koncept i din CSS-kod : bakgrund : URL ( /images /background.jpg ) , sidfot : . URL ( /images /footer.jpg ) ,.

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur får man en URL i en Servlet
    ·Hur man använder en if-sats för selektion i Java
    ·Hur man skapar UML från Java-kod
    ·Hur Flip bilder i Java
    ·Hur att färga EXT Form
    ·Varför är Java Anteckningar ignoreras i Code
    ·Lägga till en karaktär till en sträng i Java
    ·Hur man installerar Java XP
    ·Lägga till JDK till din Classpath
    ·Hur man ladda upp flera filer med JSP
    Utvalda artiklarna
    ·Hur man tar bort tecken från en sträng i Python
    ·Hur man ändra kolonnen namn MySQL Table Med T - SQL
    ·Hur man skapar en Plot Även i en slinga i MATLAB
    ·Hur Kopiera Strömmar Input Output i Java
    ·Delsträng Funktioner i VBS
    ·Hur man använder POST-metoden i Window.Open med Java S…
    ·Hur man skriver ett Fortran -program
    ·Hur konvertera en IQueryable till Dataset
    ·Hur man gör Int del av C + + String
    ·PHP MySQL Vs . Mysqli
    Copyright © Dator Kunskap http://www.dator.xyz