Grafisk produktionsforståelse

Transkript

1 Grafisk produktionsforståelse

2 4 Grafisk produktionsforståelse Grafisk produktionsforståelse 5 Opgaven : Opgaven bestod i at der skulle laves en ny hjemmeside for Senobis. Den skulle opsættes i Wordpress og have»one-page«layout og opdateret design. Den skulle være responsiv og gerne SEO-optimeret. Grunden til at Senobis hjemmeside bliver lavet i Wordpress er så én eller flere kan redigere i indholdet via. et grafisk interface fra et vilkårligt sted ved hjælp af en almindelig internetbrowser. Lokal installation : For at kunne arbejde med PHP skal der være mulighed for at køre et lokalt server miljø på computeren. Det sørger jeg for ved at installere Xampp. For at Xampp skal køre gnidningsløst lægger jeg filen i roden af mit lokale c-drev. Proces : Her ses min arbejdsproces fra start til slut. Opstart Downloading Design Jeg vælger at bruge Bitnami, som tilbyder en nem installation af Wordpress. Møde med min chef, modtog ønsker og krav til sitet Downloading af nødvendige ressourcer lokalt Design af hjemmeside efter Senobis designmanual Møde Udførelse Uploadet Modtod rettelser og feedback af min chef Rettelser og feedback blev tilpasset og sitet blev godkendt Sitet uploades online via. Wordpress import og Filezilla Når Xampp er installeret, aktivere jeg Apache og Mysql, for at starte serveren og databaseværktøjet.

3 6 Grafisk produktionsforståelse Grafisk produktionsforståelse 7 PhpMyAdmin : På adressen opretter jeg en database og sammenkopler den med en brugerkonti, så jeg kan oprette, redigere og slette i databasen. Jeg giver den databasenavnet»senobis«. Jeg vælger tegnsæt sorteringen»utf8_general_ci«for at imødekomme de fleste krav til programmering. Installation af Wordpress : Når jeg har downloadet Wordpress-filmappen, ligger jeg den lokalt i Xampp > htdocs-mappen, navngiver mappen»senobis«. I min browser indtaster jeg : og installerer Wordpress. Under installationen vælger jeg engelsk som sprog, da jeg syntes det nemmere og mere praktisk, hvis man får brug for at finde hjælp online. Tilsidst opretter jeg en Wordpress brugerkonto. Brugerkonti : Jeg opretter en brugerkonti med brugernavnet»senobis«,»localhost«som vært og en sikker adgangskode. I»globale privilegier«markerer jeg alle felter for at få alle privilegierne til rådighed. Template : Jeg har downloadet en responsiv»one-page«template. Templaten lægger jeg i mappen»themes«så Wordpress genkender den som et tema.

4 8 Grafisk produktionsforståelse Grafisk produktionsforståelse 9 SEO : For at få den bedste Seo-optimering, har jeg downloadet et»plugin«til Wordpress som kan vise mig, hvor min SEO er god eller mindre god. Tilpasning af design : For at tilpasse template-designet har jeg i Wordpress brugt metoden»costumize«. Her kan jeg redigere i dele af templaten som den oprindelige designer har gjort tilgængelige. Yderligere tilpasning af designet, såsom farver, hover-effekter, tekst-styles m. m. laver jeg via.»style.css«filen. Til at starte med er min SEO ikke god, men ved at ændre title, slug og meta description og tilpasse teksten på de forskellige»posts«får jeg lavet en god SEO optimering. Før Efter Style.css tilpasning : Her har jeg tilpasset»our Team«sektionen, ved at ændre farven for hover-effekten på boksen med medarbejder info. Her har jeg givet de forskellige»buttons«samme farve og hovereffekt. Så det er ensartet på hele siden. Her har jeg sat guldfarvet baggrund ind og valgt en hvid font-farve for»h1«og»p«i»about Senobis«sektionen. Permalinks : For at få pæne URL er sætter jeg Wordpress Permalinks til»post name«. Dermed viser den kun navnet på siden, og udelader dato, kodetal osv., som jeg ikke ønsker at vise i URL en.

5 10 Grafisk produktionsforståelse Grafisk produktionsforståelse 11 Template før og efter : Responsiv : Templaten har et responsivt design p. g. a.»media queries«i»style.css«filen. Upload til live server : På mit online domæne installere jeg Wordpress via. Dandomain som er host for Senobis midlertige domæne. I den lokale Wordpress, eksportere jeg alt via. wordpress til en xml-fil. Efterfølgende logger jeg på mit online domæne og importere xml-filen i Wordpress. Derefter logger jeg på Filezilla og kopiere alt ind som ligger lokalt i mappen»wordpress_content«, så Wordpress kan finde mit tema, mine plugins m.m. Tilsidst aktivere jeg alt jeg har tilføjet via. Filezilla i Wordpress og nu er mit site online.