Web Page Design for All Resolutions

ercentages positie te geven. Maar je niet echt de CSS positie onroerend goed voor statische webpagina's nodig hebben. U moet de positie onroerend goed voor dynamische webpagina's waar u de positie van een element te veranderen wanneer de gebruiker een handeling wilt gebruiken. Met statische webpagina's die u niet echt de eigenschap position nodig.

Voor uw statische webpagina lay-out, gebruik DIV-elementen om uw pagina te schermen; gebruik maken van de tabel element wanneer u informatie in een raster vorm; Gebruik de line break element en het CSS float onroerend goed te positioneren (kleine elementen); gebruik maken van de juiste HTML-element voor het juiste doel (bijvoorbeeld gebruik opsommingstekens lijst wanneer u een lijst met informatie). U kunt het uiterlijk van uw ontwerp te verbeteren door het gebruik van dingen zoals kleuren en element achtergrond beelden; niet door de inrichting gecompliceerd.

Als u dit advies volgt, zul je wel goed met statische webpagina's. Een goede (zoek) website is niet degene die wordt ingewikkeld in het ontwerp necessarilly. Een Zwakte met enkele BrowsersAssume dat je twee DIV elementen in uw webpagina ontwerp, naast elkaar horizontaal, en je hebt ze breedte waarden in percentage. Ook gaan ervan uit dat wanneer je de twee procentpunten breedte waarden toe te voegen u zou hebben van 100%. Dit betekent dat de twee DIV elementen van de breedte van de klant gebied moet invullen (indien hun daarin element is de BODY-element).

Het probleem hier is dat sommige browsers de DIV-elementen worden weergegeven als je wilt (horizontaal), terwijl anderen ze verticaal worden weergegeven, "denken" dat de waarden samenvatten tot meer dan 100%. De oplossing van dit soort problemen is het percentage breedtewaarde van een of meer elementen DIV verminderen licht. Probeer uw resultaat met verschillende browsers om de beste reduction.ExampleAt dit punt te krijgen, kunt u graag om een ​​voorbeeld te zien. Nou, de webpagina van https://www.cool-mathematics.

com/is een goed voorbeeld (waar de afmetingen van de belangrijkste elementen daarin zijn in percentage) .Gebruik ik percentages voor alle HTML-elementen geven? Nee. Als u een knop bijvoorbeeld, hoef je niet om de afmetingen van het percentage eenheid of een andere eenheid (pixels) te geven. De verandering in de resolutie met verschillende computerschermen, voor de knop, is geen big deal. Je over het algemeen geen zorgen te maken over de afmetingen van de knop en een aantal andere HTML-elementen. He