Hoe een site plannen
Als u een site wilt ontwikkelen en maken, gaat alles veel eenvoudiger als u wat tijd doorbrengt aan de planning. Met de planningsfase kan de ontwikkelaar en de cliënt samenwerken totdat ze het formaat en de lay-out vinden die overeenkomt met hun behoeften. Het planningsproces beïnvloedt de keuze van de stijl van de site en mogelijk is het belangrijkste aspect van webdesign, vooral voor zaken.
Stappen
Deel 1 van 4:
Een basisstructuur maken
een. Bepaal de functionaliteit van de site. Als u een website voor uzelf maakt, weet u waarschijnlijk al het antwoord op dit artikel. Als u een site maakt voor een andere persoon, een bedrijf of een organisatie, is het noodzakelijk om erachter te komen wat ze van de site en de functionaliteit ervan verwachten. Alles wat u besluit, heeft een impact op de eindsite.
- Heb een elektronische winkel nodig? U hebt gebruikersopmerkingen nodig? Moeten gebruikers account gebruiken? U hebt een website-georiënteerde site nodig? Een beeld georiënteerd? Al deze en vele andere vragen helpen om het ontwerp en de structuur van de site te vullen.
- Het kan een lang proces zijn, vooral voor grote bedrijven met een groot aantal mensen die bij het project betrokken zijn.
2. Maak een websitekaartregeling. Kaart Schema - als een blokschema, laat het zien hoe gebruikers van de ene pagina naar de andere gaan. Je hebt op dit moment niet eens pagina`s nodig, alleen de totale ideeënstroom. U kunt een computerprogramma gebruiken om een diagram te maken of het zelf op een vel papier te schetsen. Gebruik het site-kaartschema om te laten zien hoe u zich een hiërarchie van webpagina`s en communicatie (verbindingen) voorstelt.
3. Probeer kaarten te sorteren. De populaire methode voor de groep is het gebruik van kaartstapels om de perfecte aanpak van elk te achterhalen. Neem de stapel kaarten voor notities en e-mail de hoofdinhoud van één pagina op elk van deze. Laat je team kaarten organiseren, zodat ze als het nuttigst worden beschouwd. Het is het beste voor situaties wanneer u samenwerkt met anderen om een website te maken.
4. Gebruik papier en bulletin board of bord. Dit is de oorspronkelijke low-budget-methode voor de planning, waarmee u de inhoud snel wilt verwijderen of verplaatsen en het omleiden. Teken ontwerp op papier en sluit ze aan in een reeks of teken een circuit op het bord. Geweldig voor brainstormen.
vijf. Een inventaris-inhoud maken. Het is veel gemakkelijker om het te rederen dan nieuwe sites. Voer elk deel van de inhoud of bestaande pagina`s in de spreadsheet in. Registreer de benoeming van elk van hen en gebruik vervolgens deze lijst om te bepalen wat er gebeurt en wat overblijft. Dit zal helpen het beste deel te verminderen en het proces van herontwerp te vereenvoudigen.
Deel 2 van 4:
Een HTML-frame maken
een. Maak een frame (pagina structurele schema`s) om de hiërarchie te beveiligen. HTML-Frame is een boneclotch-site die alleen de meest elementaire tags en blokken gebruikt voor het presenteren van de inhoud. Hij beantwoordt de vraag: "Wat staat op het scherm en waar?". Opmaak en stijl worden volledig genegeerd in het frame.
- Met het raamwerk kunt u de structuur van de inhoud en stroming zien tot de selectie van de stijl.
- HTML-frames zijn niet statisch als PDF-bestanden of afbeeldingen, waarmee u de inhoudsblokken snel kunt verplaatsen om een nieuwe structuur te maken.
- Het frame is interactief, wat voordelig is voor zowel de ontwikkelaar als de klant. Omdat het frame in een eenvoudige HTML is geschreven, dan kunt u er nog steeds verder bewegen en voelen hoe de runs tussen de pagina`s. Dit is wat niet kan worden uitgedrukt door het concept van PDF.
2. Probeer de grijze box-methode (grijs veld). Plaats de inhoud van uw pagina in grijze velden met de belangrijkste inhoud boven de top. Blokken bevinden zich in één kolom, met het belangrijkste deel van de inhoud op de pagina bovenaan. Als de pagina bijvoorbeeld een pagina over het bedrijf (over) is, kunnen de details over het bedrijf naar het bovenste blok gaan, gevolgd door de lijst met personeel, neem dan contact op.
3. Probeer het Wireframing-programma te gebruiken. Er zijn verschillende programma`s die u kunnen helpen bij het maken van een interactief ontwerpprototype (Wireframing). De hoeveelheid kennis van de broncode varieert van het programma naar het programma. Hier zijn enkele van de meest populaire programma`s:
4. Gebruik een eenvoudige HTML-markup. Een goed frame kan eenvoudig later worden geconverteerd naar de daadwerkelijke site. Maak je geen zorgen over het algemeen over stijl in het proces van het maken van een interactief prototype-ontwerp. Gebruik in plaats daarvan de markup die gemakkelijk kan worden begrepen en veranderd met een beetje moeite.
vijf. Maak een frame voor elke pagina op uw site. Kan verleidelijk zijn om een eenvoudig frame te maken en te zeggen: "Cool, ik kan het op elke pagina toepassen, het past bij mij". In feite zal dit leiden tot het creëren van een gewone en saaie site. Besteed tijd om een interactief prototype-ontwerp van elke pagina te maken en u zult binnenkort vinden dat elke pagina zijn eigen organisatie heeft "behoeften".
Deel 3 van 4:
Content maken
een. Bereid enkele inhoud voor voordat u een website kunt maken. Het zal veel gemakkelijker zijn om te zien hoe de site-stijl eruit ziet, als je echte inhoud hebt in plaats van lege velden. Je hebt niet te veel informatie nodig, maar alles ziet er veel beter uit in lay-outs als je wat materiaal voor artikelen en originele afbeeldingen hebt.
- U hebt het bulkgedeelte van het artikel niet nodig, maar u moet op zijn minst echte krantenkoppen hebben.
2. Vergeet niet dat goede inhoud meer is dan tekst. Internet - het is veel meer dan eenvoudige tekstwebsites. Om op te vallen in je niche, heb je veel verschillende soorten inhoud nodig om bezoekers aan te trekken en vast te houden. Enkele mogelijke inhoud voor memorisatie:
3. Kies een professionele fotograaf. Als u foto`s aan uw site toevoegt, dan zullen met professionele fotografie de eerste indrukken ervan veel beter zijn. Een goede foto is meer dan 20 slecht.
4. Schrijf kwaliteitsartikelen. Schriftelijke inhoud op uw pagina bepaalt een enorme hoeveelheid webverkeer. Hoewel u zich niet te veel hoeft te maken over het maken van inhoud in deze fase van het ontwerpproces, zult u er geen pijn doen en nadenken, aangezien de inhoud regelmatig moet maken wanneer "Inspiratie leven" op de site.
Deel 4 van 4:
Ideeën op de site draaien
een. Gemeenschappelijke elementen ontwikkelen. Dit zijn die dingen die zichtbaar zijn op elk PEETTE, zoals: boven- en footvrij, navigatiemenu. Maak een heel eenvoudige stijl, zodat je kunt zien hoe al je pagina`s op de plek met ze zullen kijken. Het zal erg handig zijn bij het verplaatsen naar het proces van het maken van een lay-out.
- Maak je geen zorgen te veel over de details, maar probeer ze bijna hetzelfde te maken als alles wat ultieme zou moeten kijken.
2. Maak een basisplan (accommodatie). Begin met het verplaatsen van het geleidingsframe van de ene kolom in hun algemeen geaccepteerde plaatsen op de pagina. U kunt bijvoorbeeld het navigatieblok naar de linkerkant van de pagina verplaatsen en de lijst met headers - rechts.
3. Maak een lay-out. Gebruik het programma (zoals Photoshop) om een lay-out van verschillende pagina`s te maken. Gebruik de lay-out die u als richtlijn hebt gekozen. Je kunt veel sneller werken in het programma om afbeeldingen te bewerken en alles in dit formulier te krijgen als je nodig hebt. Hiermee kunt u deze afbeeldingen gebruiken als referenties wanneer de werkelijke code zal komen.
4. Vervang blokkersinhoud. Begin met het toevoegen van het systeem en items aan de pagina. Maak je nog geen zorgen over de stijl, plaats alles op de juiste plaats. Dit helpt u te leren of uw stijlwijzigingen zullen werken.
vijf. Maak stijlgids. Het is erg belangrijk om een bindmiddelstijl te behouden, vooral voor grote sites. Als de site is voor een bedrijf dat al visuele branding heeft, moet deze worden opgenomen in het ontwerp van de site. Dingen om in de handleiding te overwegen, zullen plaatsen:
, , ENZ.)
6. Breng je stijl aan. Zodra het de stijl en het ontwerp voor de site is, is het tijd gekomen om te implementeren. CSS is een van de gemakkelijkste manieren om stijl te verkopen voor de volledige pagina of de hele site. Lees deze gids voor meer informatie over het gebruik van CSS.
Deel in het sociale netwerk:
Google analytics toevoegen aan de blogger-website
Hoe de auteur van de site te vinden
Hoe twitter toe te voegen aan uw site of blog
Hoe een link te geven naar twitter op uw site
Hoe uw site in google toe te voegen
Hoe u informatie over de site krijgt met behulp van de opdrachtregel
Hoe een website op uw domein te plaatsen
Hoe u uw site zichtbaar maakt in zoekmachines
Hoe site-gegevens in safari (ios) verwijderen
Hoe maak je favicon.ico
Hoe de site te citeren zonder de auteur
Een website downloaden
Hoe geld verdienen op facebook-fanpagina
Hoe een site te blokkeren in internet explorer 7
Hoe een site te maken voor het verzamelen van donaties
Hoe domeinnaam in google registreren
Hoe een site toe te voegen aan bladwijzers
Hoe maak je je site
Hoe het adres van de site te vinden