Kategorier
Okategoriserade

Alex Web 2.0

Syftet med projektet är att göra webbplatsen ”Alex Webb” mobilanpassad, den ska alltså se snygg ut om man till exempel går in på hemsidan via mobilen. Målgruppen är små företag och föreningar som behöver hjälp med enklare webbsidor.

De typsnitt som kommer att användas är det som är standard samt ett typsnitt som är ”Sans-Serif” vilket används i rubriken. De färger som används är guld, svart, vit och blå.

Utseende på dator
Utseende på mobil
Sidor

För att mobilanpassa hemsidan tog jag bort vissa bilder som inte behövdes och bara tog plats. Jag la även till en del kod under ”@media” som gör att css:en ändras när skärmstorleken är en viss storlek.

Förändringar:

Detta lades till i css:en för att få hemsidan snygg på mobilen.

För att testa tillgängligheten använde jag mig av WAVE:

WAVE tillgänglighet

Bilderna är skärmdumpar som jag själv tagit och är därmed i hyffsat rätt storlek från början och behöver ej komprimeras. Det lämpliga med att använda egna bilder är att man inte behöver fundera på om man får använda bilderna eller inte, storleken blir även hyffsat bra från början via skärmdumpar när de ska vara i samma storlek som skärmdumpen inne på webbplatsen.

Kategorier
Okategoriserade

”Gör sidan responsiv”

För att få sidan resposnsiv gjorde jag förändringar samtidigt som jag var inne på min mobil och kollade resultatet. Jag valde breakpoint vid 800px för att täcka de enheter som är för små för att sidan ska se någorlunda bra ut som den är utan breakpoints. De ändringar jag gjort för att få sidan responsiv:

@media (max-width: 800px) {
h1 {
font-size: 30px;
text-align: center;
}
}

@media (max-width: 800px) {
h2 {
font-size: 24px;
}
}

@media (max-width: 800px) {
#first {
width: 90%;
}
}

Kategorier
Okategoriserade

Etik och Lagar

Jag tycker att GDPR, upphovsrättslagen och Creative Commons är tre väldigt viktiga lagar då alla människor har rätt till att bestämma över sig själv, sina konstverk/bilder och till exempel sina personuppgifter. När man bygger en webbsida och ska använda sig av material på nätet är det viktigt att kolla om man får använda materialet och på vilket eller vilka sätt, det kan nämligen vara väldigt begränsat. Om jag själv tagit fram material vill inte jag att andra ska kunna utnyttja det på vilket sätt som helst och kunna tjäna pengar på mitt material som kanske jag istället skulle kunna tjäna. Jag vill heller inte att andra ska kunna ta cred för till exempel en bild som jag fotat eller gjort.

Kategorier
Okategoriserade

Alex Webb Prestanda

Prestanda innan korrigering:

Prestanda efter korrigering:

Resultatet var väntat och väldigt tillfredsställande. Jag använde mig av GTmetrix då jag tycket den sidan såg bäst ut. Totalbetyget blev betydligt högre och laddtiden blev snabbare.

Bilder: Bilderna var redan i bra storlek och påverkade inte prestandan och hastigheten så mycket.

Wave:

Fick en error på WAVE men det var att en bild inte har en ”alt” text vilket inte är ett problem.

Fick även ett error på eiii page checker men det var samma som på WAVE.

Kategorier
Okategoriserade

Alex Webb

Det som var lite klurigt med uppgiften var att få allt att fungera grafiskt, till exempel att få till bilderna snyggt på rätt plats bredvid texten. Även att få den aktiva länken att vara en annan färg var också ganska svårt. Jag är nöjd med att hemsidan är ganska lik den hemsidan som Alex ville ha och att jag inte stötta på jättemånga problem. Jag är också nöjd över att jag löste de flesta problem på egen hand. Den förändringen som skulle kunna göras är att få till det lite snyggare där texten är men annars är jag nöjd med hemsidan. Klicka HÄR för att komma till hemsidan!

Kategorier
Okategoriserade

Välkomna