Förslag på förbättring till min hemsida

Permalänk
Inaktiv

Förslag på förbättring till min hemsida

Hej Sweclockers!

Jag läser just nu mitt första program på teknikprogrammet och vi har fått i uppgift att skapa en egen hemsida. För att gå godkänt ska hemsidan fungera och för de högre betygen ska hemsidan ha lite kreativ/annorlunda design. Jag har själv byggt upp hemsidan från grunden istället för att följa de mallar vi fått och jag är själv ganska nöjd med resultatet.

Glöm inte att jag läser inte webdesign utan kursen heter Teknik 1 där vi får prova på olika saker från de olika inriktningarna vi ha valt till nästa termin, så förväntningarna på hemsidan är inte speciellt höga.

Ni som är duktiga och besöker många olika hemsidor vad tycker ni om min och vad kan jag förbättra?

Länk: www.skolweb.varberg.se/psa040
Tack på förhand!

//MrEmme

Permalänk
Medlem

hmm, första sidan ser lite tom ut i mitten, släng in någon bild där.
Annars vore det bra med någon typ av bakgrund då det som sagt ser lite tomt ut(t ex en annan färg där det faktiska innehållet är(typ en annan färg i 4:3 format)

Annars kunde språket vare lite mer formellt. Ser ut som en god start, se till att göra nått unikt också.

Visa signatur

Why procastinate now when I can do it tomorrow?

Permalänk
Medlem

Är väl kanske mycket av en smaksak men jag skulle tycka att sidorna såg snyggare ut om du tar bort scrollen på undersidorna(ex materiallära). Det jag menar är alltså att hela sidan blir längre istället för att sidan behåller sin höjd och en scroll hoppar upp i rutan.

Nu tycker jag förvisso att Times New Roman fonten passade rätt så bra på din sida, faktum är dock att en snygg font kan göra stor skillnad designmässigt. Mitt tips är att du försöker byta ut fonten mot något lite roligare, även om du inte tycker det blir snyggare så har du i alla fall provat på att leka runt med olika typsnitt.

Permalänk
Inaktiv
Skrivet av Massy:

Är väl kanske mycket av en smaksak men jag skulle tycka att sidorna såg snyggare ut om du tar bort scrollen på undersidorna(ex materiallära). Det jag menar är alltså att hela sidan blir längre istället för att sidan behåller sin höjd och en scroll hoppar upp i rutan.

Nu tycker jag förvisso att Times New Roman fonten passade rätt så bra på din sida, faktum är dock att en snygg font kan göra stor skillnad designmässigt. Mitt tips är att du försöker byta ut fonten mot något lite roligare, även om du inte tycker det blir snyggare så har du i alla fall provat på att leka runt med olika typsnitt.

okej, tack för tipsen! Kul att få höra det från någon annans perspektiv!

//MrEmme

Permalänk
Inaktiv
Skrivet av LTsm:

hmm, första sidan ser lite tom ut i mitten, släng in någon bild där.
Annars vore det bra med någon typ av bakgrund då det som sagt ser lite tomt ut(t ex en annan färg där det faktiska innehållet är(typ en annan färg i 4:3 format)

Annars kunde språket vare lite mer formellt. Ser ut som en god start, se till att göra nått unikt också.

Okej! Tack för tipsen det ska jag förbättra!

//MrEmme

Permalänk

Ser ju riktigt stiligt ut för att vara en ramlös sida så att säga

Visa signatur

Numera dålig koll på saker

Permalänk
Inaktiv
Skrivet av Itchy Trojan:

Ser ju riktigt stiligt ut för att vara en ramlös sida så att säga

Tack det är kul att höra!

Jag förstår dock inte varför bakgrunden inte fungerar i Google Chrome när det fungerar i andra :/webbläsare

Permalänk
Skrivet av anon173545:

Tack det är kul att höra!

Jag förstår dock inte varför bakgrunden inte fungerar i Google Chrome när det fungerar i andra :/webbläsare

Ahh, klassiker :/ Antingen så fungerar det i Chrome, eller inte. Men det måste lösas Kör du den i HTML koden eller CSS koden(om den finns, pallar inte kolla)? Se till att inget slår ut varandra så att bg'n blockas.

Visa signatur

Numera dålig koll på saker

Permalänk
Inaktiv
Skrivet av Itchy Trojan:

Ahh, klassiker :/ Antingen så fungerar det i Chrome, eller inte. Men det måste lösas Kör du den i HTML koden eller CSS koden(om den finns, pallar inte kolla)? Se till att inget slår ut varandra så att bg'n blockas.

Vi har fått macar i skolan och därför hade jag bara provat Safari och Chrome och bakgrunden fungerade endast i Safari. Nu när jag är hemma provade jag Internet Explorer och Firefox och den fungerar inte där heller :/ Jag kör den i CSS

Permalänk
Skrivet av Itchy Trojan:

Ahh, klassiker :/ Antingen så fungerar det i Chrome, eller inte. Men det måste lösas Kör du den i HTML koden eller CSS koden(om den finns, pallar inte kolla)? Se till att inget slår ut varandra så att bg'n blockas.

EDIT: Blev ju ganska uppenbart att den var CSS hela vägen när man började dra i sidan Jag rekommenderar faktiskt inte att ha en bakgrundsbild, även om den må vara liten. Du måste se till att sidan är snabb, lättåtkomlig och att bakgrunden fungerar med alla upplösningar i spannet 800x600 till tyo 1920x1200 eller så, och det är ganska svårt med en bildfil, jag skulle på på en gradient i CSS tappning

Visa signatur

Numera dålig koll på saker

Permalänk
Medlem

Ser lite innehållstom och i synnerhet enfärgad ut. Om du fixar till det tror jag nog att det kan bli snyggt

Skickades från m.sweclockers.com

Permalänk

Skulle förslå att du förbättrar koden lite då den inte är vacker.
Du kan ta en titt här för att få lite tips om vad du borde ändra på:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.skolweb.va...

Permalänk
Medlem

Ser ut som skit enligt mig, men smaken är som baken. Delad.

Permalänk
Medlem

Ta väck det översta där det står teknik och ditt namn. Namnet har du ändå i en footer längst ner. I bilden står det redan teknik. Rätt onödigt att ha det på två ställen. Känns som det skulle behövas lite bättre position. En annan färg. Ser lite trist ut.

Permalänk
Medlem

Lite tips: Ta bort IFrame från sidan. Css kan programmeras för att göra samma sak. eller bäst är att låta texten rulla ner på sidan som vanligt. Annars är det bra. Om du har logon(bilden) över hela layouten och menyn börjar under?

Om du inte redan varit på webdesignskolans sida så är det ett tips. Hur man bygger upp sidor med layout.

Visa signatur

7600X,Tomahawk B650,NH-U12A,32GB,1660S,Black SN850 1TB,860Evo 1TB,RM850x, 27GL850,Torrent Compact

Permalänk
Medlem
Skrivet av Cutters:

Css kan programmeras för att göra samma sak.

Nej, CSS kan inte "programmeras" att göra samma sak som iframe gör, antar att du inte har någon aning om vad CSS är till för?

Hursom, använd inte iframe, det är ett föråldrat sätt att bygga hemsidor med och sökmotorer har problem att indexera dem.

Vad du ska göra istället är att skapa en ny html fil för varje sida, t'ex kopiera Index.html och döp om den, sen ändra innehållet, på så sätt har du samma struktur över alla sidor. iframe byts ut mot en div med en css kod som har obestämd höjd, dvs att det töjs ut om du fyller på innehållet.

Det känns som att du saknar en övergripande struktur. Du har t.ex ingen "startsida", eller "about/om mig" etc. Men bara du kommer ifrån iframe så skulle jag ge dig godkänt, för jag tycker det är bra som första hemsida

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem
Skrivet av FlorrpaN:

Nej, CSS kan inte "programmeras" att göra samma sak som iframe gör, antar att du inte har någon aning om vad CSS är till för?

Jag uttryckte mig kanske lite otydligt, men man kan väl skapa inbäddade rutor med scrollbar ungefär som iframe

står om det här t.ex http://www.devguru.com/Technologies/css/quickref/css_overflow.html

Blir ju inte exakt som en iframe, men har ungefär samma effekt på sidan.

Jag kanske inte är en "guru" på css, men försöker att hjälpa till ändå. Jag vet iaf vad css är till för. Om du kollar på www.lagers.se. Inte världens snyggaste, men css har jag använt iaf. suck....

Visa signatur

7600X,Tomahawk B650,NH-U12A,32GB,1660S,Black SN850 1TB,860Evo 1TB,RM850x, 27GL850,Torrent Compact

Permalänk

Som hyffsat noob på webbutveckling så tycker jag att headern ska ta upp lika mycket bredd som innehållet, blir annars som att headern tolkas som en vanlig bild istället. (samma "bild" på varje sida)

Menyn skulle även enligt mig gärna ligga under headern, detta blir automatiskt med ovanstående.

Dina iFrames verkar klippa artikeln mitt inuti en bild, ser inte anpassat ut för innehållet.

Känns som att det är två footers?

Annars en väldigt bra sida som du förmodligen använder för att dokumentera dina studier, riktigt smart att gå tillbaka med! Du använder även vettiga färger i allt förutom iFramarna, växla grå och svart går inte riktigt ihop.

Visa signatur

Citera så hittar jag tillbaka!

Permalänk
Medlem
Skrivet av Cutters:

Jag uttryckte mig kanske lite otydligt, men man kan väl skapa inbäddade rutor med scrollbar ungefär som iframe

står om det här t.ex http://www.devguru.com/Technologies/css/quickref/css_overflow.html

Blir ju inte exakt som en iframe, men har ungefär samma effekt på sidan.

Jag kanske inte är en "guru" på css, men försöker att hjälpa till ändå. Jag vet iaf vad css är till för. Om du kollar på www.lagers.se. Inte världens snyggaste, men css har jag använt iaf. suck....

Om man vill scrolla innehållet så kan man köra overflow: scroll, ja, men i iframes länkar man hela sidor, vilket inte css kan göra, så det är en väldigt stor skillnad mellan dom.

Förstår varför många använder iframe i början, det är enkelt, men inte effektivt. Jag lärde mig också att använda iframe i början, så jag klandrar ingen

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti