Het creëren van een 3 kolommen Vaste CSS Layout
In deze tutorial zullen we de Flexi CSS Layouts Dreamweaver extensie gebruiken om een eenvoudige 3 kolommen CSS lay-out met een vaste breedte. De lay-out zal een kop- en voettekst te hebben en de inhoud van een deel zal worden opgesplitst in 3 kolommen. Met behulp van de Flexi CSS Layouts uitbreiding, zal de lay-out hetzelfde uitzien in alle grote browsers
Eisen voor deze les.
Flexi CSS lay-outs is een eenvoudig te Dreamweaver extensie die u helpt table-less HTML layouts maken zonder codering, in minder dan 5 minuten te gebruiken. U kunt gewoon direct maken van de pagina structuur van de interface en de uitbreiding zal automatisch de divs en CSS voor de lay-out te creëren. Of kiezen uit een breed scala van embedded sjablonen voor uw lay-out, dan pas de lay-out met uw eigen CSS-regels.
Voordat u de Flexi CSS lay-outs te openen, moet je downloaden en installeren van deze Dreamweaver extensie.
Om de uitbreiding te downloaden, ga naar theproduct pageand downloaden van een gratis trial, of als u het product hebt gekocht kun je de download vinden linkin uw account op Extend Studio plaatse.
Nadat u de Flexi CSS Layouts kit hebt gedownload, moet u installeert u de Dreamweaver extensie. Open het archief en dubbelklik op het .mxp bestand en de Adobe Extension Manager moet openen en automatisch te installeren. Of u kunt het archief uit te pakken, opent u de Adobe Extension Manager en selecteer installeren. Zoek vervolgens de map waar u het bestand .mxp uitgepakt en klik geopend.
Nadat u deze stappen, opent Dreamweaver gedaan, ga naar de Insert Panel (druk op CTRL + F2), vind het tabblad Flexi CSS lay-outs en pressInsert Volledige pagina-indeling . Zie hieronder de foto:
Insert Volledige pagina-indeling
Na de Flexi-outs-interface opent u een popup-venster waar je moe