Hoe maak je een elastische webpagina met behulp van Dreamweaver
Geplaatst op 21 april 2009 5:05
In tegenstelling tot vloeibare web content die automatisch wordt aangepast aan de browser van een bezoeker breedte, de elastische layout aangepast, afhankelijk van de browser de tekst grootte instelling. Opzichte van de grootte van de tekst, de lay-out elastische behoudt het formulier ook als u het formaat van uw browservenster. Het is een goede lay-out keuze voor pagina-inhoud die u niet wilt dat automatisch het formaat volgens de browser breedte.
Een monster elastische pagina op normale standaard lettertype is hieronder:
Een vloeistof ontwerp aan de andere kant zal een geperst lay-out als je verkorten de breedte van de browser:
De elastische lay-out aan de andere kant blijft de indeling ervan niet uit wat de breedte of hoogte van de browser is.
Nu zie je hoe het eruit zal zien, en gedragen zal ik je laten zien hoe u dit met Adobe Dreamweaver.
Dreamweaver is een van mijn favoriete web-editing tools, het is goed gedefinieerde templates kunnen gebruikers snel HTML-frames en lay-outs. Om een elastische pagina in Dreamweaver gewoon een nieuwe pagina en klik op Blanco Sjabloon> HTML-sjabloon:
Kies een van de schema's met een elastische label. Een preview verschijnt op de rechterbovenhoek. Klik op de knop maken om de pagina:
De gemaakte pagina verschijnt in Dreamweaver de redactie:
Ik hou van hoe het creëert de pagina met monster text data geladen is. Dit vergemakkelijkt een ontwerper van de visualisatie van de pagina in ontwikkeling. Het toont tegelijkertijd aan hoe een header eruit zal zien en hoe de paragraaf elementen zullen kijken zodra je enige echte inhoud inch
Ben Carigtan toont je hoe het is gebeurd.
»Filed Under Web Site Tips
 Bewaar deze pagina |  Roer het op Mixx | |
 Voeg toe aan Reddit |  Struikelen deze pagina |
Verwante Posten
- Hoe maak je een Access-database van sjablonen
- Hoe je een live-real-time peilingen met Google Docs
- Bewerken MS Word standaard sjabloon om tijd te besparen en beter branding
- Maak uw eigen stylesheet met TopStyle Lite CSS editor
- Maak uw eigen website zonder programmeren met behulp van Roxer
Het zou veel beter zijn als je bleek de steekproef code wordt gegenereerd door Dreamweaver, dan zouden we gewoon begrijpen dat het gebruik maakt van een aantal fundamentele CSS dingen die we kunnen gebruiken met behulp van een HTML-editor. Thanks anyway