Tikken op Timesaving Dreamweaver Tips - dummies

Zelfs de beste programma's worden beter wanneer u weet hoe u hiervan het beste kunt profiteren. Neem even de tijd om deze tips te bekijken en veel tijd te besparen bij het ontwikkelen van uw website. De meeste van deze tips zijn van toepassing op zowel Macintosh- als Windows-gebruikers. Wanneer ze op de een of de ander van toepassing zijn, geeft de tekst aan of de tip van toepassing is op de Windows- of de Mac-versie.

De rommel opruimen

De vele panelen van Dreamweaver (in eerdere versies paletten ) bieden snelle toegang tot de populairste functies, maar ze kunnen het ontwerpgebied overbelasten. Om ze uit de weg te ruimen wanneer je een stapje terug wilt doen en je werk wilt bewonderen (of iemand anders uit elkaar wilt halen), gebruik je de F4-toets, een snelkoppeling die alle zichtbare panelen in één keer verbergt. Om ze terug te krijgen, drukt u opnieuw op de F4-toets.

Om panelen afzonderlijk in en uit te schakelen, gebruikt u de sneltoets die aan elk paneel is toegewezen. Selecteer Venster in het menu om een ​​sneltoets te vinden die naast elke paneelnaam staat. U kunt deze sneltoetsen gebruiken om de panelen afzonderlijk in en uit te schakelen. U kunt ook de balk Launcher gebruiken in de rechterbenedenhoek van het ontwerpvenster om toegang te krijgen tot het paneel Site, het deelvenster Middelen, het deelvenster HTML-stijlen, het deelvenster CSS-stijlen, het deelvenster Gedrag en het deelvenster Historie.

Het splitsen van de weergave: Werken in de code

Als u graag heen en weer wilt schakelen tussen de HTML-broncode en de WYSIWYG (wat u ziet, is wat u krijgt) ontwerpweergave in Dreamweaver, u zult de nieuwe optie in versie 4 waarderen, waarmee u het venster kunt opsplitsen zodat u tegelijkertijd de HTML-bron en het WYSIWYG-ontwerpgebied kunt bekijken. Kies Beeld -> Code en Ontwerp om het venster te splitsen.

U kunt ook de verbeterde functies in de ingebouwde teksteditor van Dreamweaver waarderen, zoals automatisch inspringen en de mogelijkheid om meerdere lijnen te selecteren en in te knippen. U zult ook de syntaxkleuren van de live-weergave ontdekken die worden weergegeven terwijl u typt - u kunt zelfs de kleuren onderscheiden voor HTML en JavaScript. Kies Bewerken -> Voorkeuren -> tabblad Codekleuren om kleuren toe te wijzen.

Tabellen van uw ontwerpen

HTML-tabellen bieden nog steeds de beste manier om complexe webontwerpen te maken (omdat oudere browsers nog steeds geen lagen ondersteunen) en Dreamweaver 4 het eenvoudiger dan ooit maakte om tabellen te maken op het gebied van het visuele ontwerp. In de nieuwe lay-outweergave kunt u tabellen op een pagina 'tekenen', ze naar hun plaats slepen en zelfs cellen in een geneste tabel groeperen - zonder u zich zorgen te hoeven maken over het aantal rijen en cellen dat u heeft gemaakt. U kunt deze functie zelfs gebruiken om tabellen te maken die veranderen met de venstergrootte, een geweldige techniek om ervoor te zorgen dat uw ontwerpen op alle monitoren werken.

Kies Weergave -> Tabelweergave -> Layoutweergave om toegang te krijgen tot de nieuwe omgeving voor het maken van tabellen van Dreamweaver en vervolgens gewoon te slepen en neerzetten om elke soort tabel te maken. U vindt opties voor cel- en tabellay-out in het deelvenster Objecten.

Tekst converteren

Als u gewend bent aan het gebruik van de functie Plakken als tekst in Dreamweaver 3, moet u niet teleurgesteld zijn als u ontdekt dat deze in Dreamweaver 4 ontbreekt. Macromedia heeft het proces gestroomlijnd in de nieuwste versie. Nu kiest u gewoon voor Bestand -> Plakken, en de opgemaakte tekst van een Word-document behoudt zijn opmaak - nou, oké, het onderhoudt tenminste de regelafstand. De waarheid is dat Dreamweaver nog steeds vrij zwak is als het gaat om het converteren van tekst.

U kunt voorkomen dat u de tekst opnieuw moet invoeren in Dreamweaver als u een tekstverwerkingsprogramma of een spreadsheetprogramma gebruikt dat een Opslaan als HTML-functie bevat (Microsoft Word en vele anderen bieden deze functie). In plaats van de tekst in Dreamweaver kopiëren en plakken, gebruikt u de File -> Opslaan als HTML-functie van het tekstverwerkingsprogramma, hernoemt u het bestand en opent u het nieuwe bestand in Dreamweaver. Microsoft Word en Excel behouden zelfs de opmaak van de tabel, wat een echte tijdbesparing oplevert als u te maken hebt met grote tabellen met tekst of cijfers.

Functionele lettertypen zoeken

Ontwerpers raken zo enthousiast wanneer ze ontdekken dat ze elk lettertype kunnen gebruiken. In werkelijkheid moeten je kijkers het lettertype op hun computer hebben om te kunnen weergeven. Hoe vaker het lettertype wordt gebruikt, des te groter de kans dat het wordt weergegeven zoals u het wilt. Als je een meer ongebruikelijk lettertype wilt gebruiken, ga ervoor - zorg ervoor dat je ook alternatieven opneemt. De Dreamweaver-lettertypenlijst bevat al verzamelingen veelgebruikte lettertypen en u kunt altijd uw eigen lettertypenlijst maken door Tekst -> Lettertype -> Letterlijst bewerken te kiezen.

Windows is veruit het meest gebruikte besturingssysteem op het net. Om de beste - en snelste - resultaten te behalen voor de meerderheid van uw gebruikers, moet u eerst een Windows-lettertype vermelden.

Uw kijkers leiden

Het maken van meerdere sites is de meest faalveilige oplossing om ervoor te zorgen dat al uw kijkers tevreden zijn wanneer u geavanceerde pagina-ontwerpen gebruikt die gevuld zijn met DHTML en CSS. Dat betekent dat u twee of meer sets pagina's maakt: een die de nieuwste functies gebruikt en een die oudere, meer universeel ondersteunde HTML-tags gebruikt. Maar hoe zorg je ervoor dat kijkers op de juiste pagina's komen? Gebruik het gedrag Browser controleren.

Het gedrag van Check Browser is geschreven in JavaScript en bepaalt het browsertype dat door elke kijker wordt gebruikt die op uw site terechtkomt. Het gedrag leidt gebruikers vervolgens naar het paginaontwerp dat het beste past bij hun browserversie. Als u deze functie wilt gebruiken, kiest u Venster -> Gedrag om het paneel Gedrag te openen. Klik vervolgens op het plusteken (+) om de vervolgkeuzelijst met opties te openen. Kies Browser controleren en een dialoogvenster wordt geopend waarin u kunt opgeven welke browserversies naar welke pagina's op uw site moeten worden geleid. Wanneer gebruikers op uw site aankomen, worden ze automatisch doorgestuurd naar de pagina van uw keuze, op basis van het browsertype en de versie die u opgeeft.