webForumDet fria alternativet

Tips om uppbyggnad av hemsidan

3 svar · 488 visningar · startad av Knatte

KnatteMedlem sedan jan. 200747 inlägg
#1

Jag har lite funderingar när det gäller hemsida med xhtml och css. Här är början:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Beskrivning av sidan</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="sv" />
<link href="stilar.css" rel="stylesheet" type="text/css" />
</head>

Sen har jag "lite" underingar! Som ni vet så kan man göra x antal layout med CSS. Det finns dom klassiska, men även lite mer avancerad. Kan även använda javascript. Problemet är att det ibland fungerar bra, men inte fungerart bra för t ex mac. Gör en som är bra för Explorer plus flera andra men inte för Firefox.

Som jag ser det så är det vanligase att man väljer bredden på sidan. Nu är bredden på skärmed vanligt med 1024 pixlar. Är det bäst att använda den? Det finns JavaScript-program som gör att hemsidan följer med skärmen när den blir bredare. Tycker ni att det är bra? Där har varit att det inte fungerar för t ex mac.

En sak som jag inte tycker om är att texten blir mindre när skärmen blir större. Orsaken är att hemsidan är till personer med olika handikapp och vissa har problem med synen. Känner ni till bra program för att ändra på det.

Har provat en massa, men har komit fram till en massa funderingar. Hade varit jättebra om jag skulle kunna få lite hjälp och tips.

matlinMedlem sedan okt. 2006224 inlägg
#2

Förslagsvis bör din sida vara något mindre än 1024 i bredd. Om upplösningnen i datorn är 1024 så tar oftast applikationerna ett antal pixlar i bredden själv, exempelvis har jag alltid mina favoriter synliga i webbläsaren vilket minskar bredden som hemsidor kan använda. Däremot kan du ju förståss använda 100% som det görs här på webforum, så att sidan "fyller" webbläsaren.

När upplösningen är högre, blir texten också mindre. Gissningsvis kommer inte din målgrupp använda särskilt hög upplösning. Men om så skulle vara fallet kan du alltid lägga in knappar som ökar textstorleken, så kan användaren själv bestämma storlek på text.

Det mesta du talar om behöver du inga javascript för utan kan göras utan större svårigheter med CSS.

KnatteMedlem sedan jan. 200747 inlägg
#3

Det som jag tycker är svårt med em hemsida är hur den ser ut och hur bra den är.

Jag har kollat lite på javascript bl a det som anväds i boken "Stila med CSS".
http://butik.pagina.se/fb_produkt.asp?art=6360910X
Det går att hämte hämta kodexemplen där.

Det som jag pratar om är den uppgiften som finns att hämta och heter 8.27.
Detta används för att ändra layoutens minimi- och maxbredd. Där skall detta stå först i koden:
<div id="container">

I CSS står detta:
div#container {position:relative; min-width:800px; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#ECf2C9}

Pga IE måste man även ha JavaScript. Det är den som finns där:
minmax.js

Jag ville ha det lite annerlunda är den som dom visar i boken och det blev bara strul. Ändrade lite och blev bra i Explorer men inte bra i Firefox.

Tyckte dock att 6.10 verkar vare en bra sida och den skulle jag vilja använda. Man måste doch då göra (eller här finns redan) två separata bilder för spaltbakgrundenerna. Där skall man också ha koden Aslett. Vad stod då nere i koden om Aslett:
<!--detta javaskript gör att IE kan tolka CSS-egenskaperna för max- och minimibredd, vilka det normalt sett
inte stödjer.
Jag använder det här för att förhindra att användaren krymper ner innehållsområdet till ingenting (min-width)
eller gör webbläsarfönstret så brett att textraderna blir mycket långa och svåra att läsa (max-width).
Om du har den här XHTML-filen utan javaskript-filen, ladda då ner den från upphovsmannensa webbplats på adressen
http://www.doxdesk.com/software/js/minmax.html
där du kan läsa mer om den - notera: minmax-javaskriptet fungerar inte i IE för Mac.-->
Går alltså inte att använta till Mac! Suuuuuuuck... Konstigt att det inte står om det i t ex 8.27. Man kan kanske i och för sig använda den även till Mac, men den ser inte så ut som hemsidan skall göra, eller vad säger du?
Använder det första gången i sista figur 5.16 som är fem synliga element: en rubrik, tre spalter samt en sidfot. Sidfot han man inte haft innan.

Är en massa annat i "Stila med CSS". Intressant med ibland lite struligt. Har bara fyra böcket till som handlar om xhtml (några tar även upp html) och css och tre om Dreamweaver 8.

Hade varit schysst om du kollar på "Stila med CSS" och kolla det jag har skrivit om och kollat runt lite. Vad säger du? Man kan väl säkert göra bra hämsida utan att använda en massa komplicerade saker.

Hoppas att det har gått att läsa all röra. E kass som f-n...

Föresten, tack för svaret!

KnatteMedlem sedan jan. 200747 inlägg
#4

Nu har jag valt att använda en hemsida hos https://www.andreasviklund.com. Det blev denna:
Version: 2.2 (Apr 24, 2008)
http://andreasviklund.com/templates/

Vad säger ni om den? Är enkel och innehåller samtidigt det som jag vill ha. Är det bra att använda en hemsida som är uppyggd på detta sättet?

Håller på att ändra så att den ser ut så som det skall.

En fråga. Tror ni att det blir blir något strul om jag ändrar bredden från:
width:760px
till:
width:900px
Vill att man skall man skall kunna ändra storleken på bokstäverna och är det kanske bra att ha siden lite större.

132 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)