Hoe naar het centrum Mijn webpagina Dreamweaver

Hoe naar het centrum Mijn webpagina Dreamweaver Christopher Robbins / Photodisc / Getty Images

maken van een gecentreerde webpagina kunt u de content die horizontaal weergegeven op het middelste punt van de pagina aan te maken, zelfs als het browservenster wordt vergroot of verkleind.Bovendien formatteren pagina op deze manier waarborgt dat het werk goed wordt in het midden, zodat alle elementen zichtbaar.Dreamweaver applicatie van Adobe, kunt u de meegeleverde tools om Cascading Style Sheets regels (CSS) stijl die u in staat om uw eigen webpagina te centreren succes te maken.

instructies

  1. Start uw Dreamweaver toepassing, maakt u een nieuw bestand of een bestaande te openen, en de "CSS-stijlen" open paneldoor te kiezen voor deze optie onder het menu "Venster".

  2. Maak een "body" stijl door te klikken op "New CSS Rule" en kiezen "Tag."Voer het woord "lichaam" in de "Tag" tekstveld en selecteer 'alleen dit document. "Het "lichaam" bepaalt de totale uitstraling van uw pagina en stelt u in staat om metingen die

    helpen centreren uw pagina instellen.

  3. Selecteer "Box" in het dialoogvenster dat verschijnt, voert u een nul in de "Padding" en "Marge" tekstvelden en controleer de "Hetzelfde geldt voor alle" dozen.Klik op "OK" als u klaar bent om de CSS-code automatisch ingevoegd in de HTML-pagina hebben.

  4. Maak een stijl die het gebied dat de inhoud van uw webpagina houdt door te kiezen voor een term, zoals "container", dat de namen van deze regel controleert.Herhaal het proces in stap 2, maar deze keer voer het woord van uw keuze in de "Tag" tekstveld.

  5. Stel de stijlen voor de regel in stap 4 door te klikken op "Box" en het invoeren van een nummer, zoals 780 pixels, in de "breedte" tekstveld aan de breedte van de pagina te controleren.Herhaal dit proces door te klikken op de categorie "Positioneren" en het invoeren van dezelfde waarde in het veld "Breedte".Klik op "Box" weer, en geef een maat voor de "marge" door te typen in nullen in de "Top" en "Bottom" velden.Selecteer "auto" van de "Rechts" en "links" drop-down menu's.

  6. Sla het bestand en selecteer "Voorbeeld in browser" onder "File" om uw gecentreerd pagina te bekijken.

Tips & amp;Waarschuwingen

  • Sommige versies van Dreamweaver, zoals CS3, bieden en-klare gecentreerd webpagina templates, zodat je niet nodig om de CSS-code te creĆ«ren.Om deze toegang te krijgen, klikt u op "Nieuw" onder "File", selecteer "HTML" of "HTML-sjabloon" onder "Pagina Type 'en selecteer een titel met het woord" gecentreerd "in het onder de rubriek" Indeling ".

Resources

  • Adobe Developer Connection: Ontwerpen met CSS
  • W3Schools.com: CSS Tutorial
616
0
1
Andere Computer Software