Integreer een artikel met tabel, bijschrift afbeelding, links en vertaalde versie.
Werk aan een kopieer- of demo-omgeving. Definieer de gebruikte gegevens en het verwachte resultaat voordat u begint. Houd uw beslissingen en de moeilijkheden die u tegenkomt om het proces te kunnen uitleggen.
Structuur titels, lijsten en tabellen volgens hun rol in de inhoud.
Bereid de media voor met de juiste afmetingen en alternatieven.
Controleer het toetsenbord en het scherm en de taalvariaties.
Identificeer de hiaten tussen model en echt geïntegreerde inhoud.
Leverbare en verificaties
Geïntegreerde pagina's en een reproduceerbare verificatieverklaring.
Dezelfde paginaregels blijven bruikbaar met inhoud van verschillende maten en talen.
Let voor elke controle op de context, de actie, het verwachte resultaat en wat er is waargenomen. een succesvolle verificatie onderscheiden van een resterende hypothese. Een andere persoon moet in staat zijn om het resultaat te begrijpen zonder al zijn vervaardiging bij te wonen.
De eigenlijke inhoud is vaak langer dan die van het model. Verminder de informatie niet om een sjabloonprobleem te verbergen.
Samenwerking om te verkennen: webdesign.
Specificeer het delen van verantwoordelijkheden: wie geeft de informatie, wie beslist, wie controleert en onderhoudt het resultaat. Een goede overdracht behoudt de beperkingen en beslissingen, niet alleen het definitieve bestand.
Uitgebreide praktijkoefening en verwachte resultaten
Diepgaande oefening: Verander een model in een gestructureerde pagina met navigatie, artikel, afbeelding en frame. Begin met een begrijpelijke leesvolgorde zonder CSS en voeg vervolgens de kolommen toe. Test de zoom, het toetsenbord en de langere tekst. Vergelijk berekende lettergroottes met de bedoelingen van de mockup. Een lay-out verkregen met vaste hoogten lijkt misschien correct bij het vastleggen en breken zodra een vertaling een paar regels toevoegt; Controleer dit geval expliciet.
Wat je samen met het werk oplevert
HTML met correct geordende titels en gebieden
CSS-kolommen en responsieve aanpassingen
Afbeeldingen met aangegeven maten en geschikte lading
becommentarieerde vangsten van lange tekst- en zoomcases
Acceptatiecriteria
Deze criteria zijn een werkbasis om aan te passen aan de context. Let voor elk op de ondernomen actie, het verwachte resultaat, het waargenomen resultaat en de te bevestigen informatie.
De volgorde van HTML behoudt betekenis wanneer de kolommen elkaar overlappen.
De tekst kan groeien zonder te worden gesneden door een vaste hoogte.
Marges en opvullingen volgen een verklaarbare regel.
Een afbeelding creëert geen significante verschuiving of overloop tijdens het laden.
Voeg bestanden breedteregels, wijzigingspunten en cases toe die een uitzondering motiveerden. Specificeer de gedeelde stijlen en pagina's om concurrerende correcties te voorkomen. Een nieuw bestand moet de sjabloon opnieuw kunnen gebruiken zonder willekeurige waarden te kopiëren. Beheer de integratie in de browser na eventuele wijzigingen in de inhoud of het gemeenschappelijke onderdeel.
Implementatie verandert visuele intenties in regels. Vergelijk een op maat gemaakte pagina met een herbruikbare sjabloon op basis van de diversiteit van de inhoud en de publicatiefrequentie.
Pagina afgestemd op gedefinieerde inhoud
Wanneer deze aanpak kiezen
Handig voor een aparte presentatie met goedgekeurde inhoud. Definieer semantische structuur en significante lay-outvariaties.
Waarmee rekening houden
Controleer bijsnijden, zoom en tussenbreedtes. Vermijd geforceerde spatiëring die alleen werkt met mockup-tekst.
Gegevensgestuurde sjabloon
Wanneer deze aanpak kiezen
Geschikt voor herhaalde inzendingen of artikelen. Beschrijf de vereiste en optionele velden, en wanneer blokken moeten verdwijnen.
Waarmee rekening houden
Test lange titels, ontbrekende afbeeldingen en grote lijsten. Bewaar een leesbare hiërarchie zonder lege kolommen.
een risico om te anticiperen
Vaste teksthoogtes kunnen vertalingen of vergrote lettertypen afsnijden. Gebruik opgelegde verhoudingen voor media alleen wanneer bijsnijden geschikt is.
Hoe te beslissen?
Maak verschillende inhoudsvoorbeelden en vergelijk ze op verschillende breedtes. Documenteer gedeelde regels voordat u uitzonderingen corrigeert.
Het stelt u in staat om een benadering en zijn grenzen te tonen. Het is noch een diploma, noch een certificering, noch een bewijs van een productie-ervaring.
Hoe presenteer je het werk in een portfolio?
Geef aan dat dit een oefening is, uw rol, beperkingen, beslissingen en controles. Gebruik testgegevens en media waarvan de rechten zijn vastgesteld.
Hoe de kwaliteit van het te leveren te beoordelen?
Dezelfde paginaregels blijven bruikbaar met inhoud van verschillende maten en talen. Voeg de ondervonden moeilijkheden toe en wat nog moet worden geverifieerd in plaats van absolute validatie te presenteren.
Hoe moet een ontbrekende afbeelding in een item worden afgehandeld?
Verwijder het blok en verdeel de ruimte opnieuw, of gebruik een duidelijk geïdentificeerde tijdelijke aanduiding. Houd geen grote lege kolom en impliceer niet dat een generiek beeld het onderwerp weergeeft. Controleer alternatieve tekst.