Webpagina's maken All-in-One Cheat Sheet

Omdat het web is een visueel medium, het ontwerp van uw website is net zo belangrijk als de inhoud die u te bieden. Volg deze tips zodat je bezoekers niet snel verlaten van uw website:

  • Niet ontsiert uw site. Maak goed gebruik van padding, marges en witruimte.
  • Wees voorzichtig dat u uw bezoekers te overweldigen op uw homepage. Houd de inhoud tot een minimum, verwijst gebruikers naar andere delen van uw site voor meer informatie.
  • Heeft een mengelmoes van ontwerp ideeën niet te gebruiken. Zoek een stijl die u wilt en wees consistent in uw site.
  • Extreme symmetrie is een yawner. Gebruik de regel van derden. Wanneer een afbeelding of een pagina wordt in drieën verdeeld verticaal en horizontaal en objecten worden geplaatst op die lijnen, het beeld is gewoon meer een lust voor het oog.
  • Vergeet niet over de bezoeker. Je gaat niet het ontwerpen van de website voor u zelf, maar voor de mensen die er komen.
  • Laat uw inhoud van de site groeide muf. Werk het regelmatig om het levend te houden.

Het ontwerpen van uw site voor mobiele gebruikers

Met de kracht van smartphones en hun volledig functionele mobiele browsers, mobiele bezoekers verwachten een bevredigende surfervaring hebben. U wilt de mobiele gebruiker in uw ontwerp volledig om te overwegen en bepalen de mate van ondersteuning die u wilt voor hen:

  • Fundamentele compatibiliteit: Het eerste niveau van de steun is gewoon om ervoor te zorgen dat uw website is te bekijken en te bedienen in een mobiel apparaat. Als uw website is gebouwd met behulp van standaard CSS opmaak en HTML structuren of als het wordt gebouwd met behulp van de populaire online tools (WordPress, Posterous), wordt uw website waarschijnlijk al ingesteld om smartphone browsers ondersteunen.
  • Mobile vriendelijke: Het tweede niveau van mobiele enablement is om ervoor te zorgen dat uw website is gemakkelijk te navigeren op een klein scherm. Een van de belangrijkste manieren om uw site mobiele vriendelijker te maken is om de pagina's in kolommen te structureren. Kolommen te helpen voorkomen dat gebruikers worden gedwongen om brede stukken tekst die ervoor zorgen dat ze bladert u naar links en rechts om elke lijn van een webpagina te lezen lezen.
  • Mobile styling: Een derde, rijker, en dieper niveau van ondersteuning die u mobiele gebruikers kan bieden is om styling specifiek gericht voor mobiele apparaten op te nemen.
  • Companion website: Er kunnen enkele specifieke gevallen waarin je nodig hebt om te gaan dan de pagina structuur en styling. In dit geval wordt een eindniveau steun is het ontwerpen en structureren plaats vanaf de grond op een wijze die is geoptimaliseerd voor mobiele apparaten.

Als u een mobiele versie aanbieden, altijd kunnen gebruikers de vrijheid om te kiezen tussen de mobiele en normale versies van uw website. Terwijl je zou kunnen nakomen om de mobiele stijl blad voor uw mobiele gebruikers, bieden de functionaliteit op elke pagina op de site normaal te bekijken.

Met behulp van Cascading Style Sheets of CSS

C ascading S tyle S heets (CSS) is een styling taal die het mogelijk maakt om een meer aantrekkelijke, goed ontworpen website te maken en maakt het veel eenvoudiger te beheren en te organiseren. Hier zijn drie fundamentele redenen dat CSS is nuttig bij het ontwerpen van uw website:

  • CSS geeft je meer controle over je pagina ontwerp. CSS heeft vele opmaak instellingen die HTML, op zichzelf, niet voorziet. Als gevolg hiervan, kunt u veel meer controle over het uiterlijk van uw webpagina met behulp van CSS dan alleen met behulp van normale HTML hebben.
  • CSS kunt u de inhoud van uw site te scheiden van de opmaak instructies. De HTML-document, daarom wordt de plaats waar u werkt met inhoud, en de CSS style sheet dient als uw plaats om uw stijlen.
  • CSS kunt u stijlen beheren over uw site op één centrale locatie. Hoewel u CSS-stijlen in een enkel webpagina kunt definiëren, zijn echte kracht wordt duidelijk wanneer je een apart CSS style sheet dat elke pagina in uw website kan toegang gebruiken. Wanneer u uw site als deze, kunt u gemakkelijk geven uw gehele site een consistente look en feel. U kunt ook de mondiale veranderingen vanuit één locatie te maken.