Avatar billede beanbag Nybegynder
23. september 2005 - 11:05 Der er 13 kommentarer og
1 løsning

Placering af tekst på en side..

Jeg vil starte med at sige at jeg er helt grøn, så hvis jeg spørger om noget indlysende eller himmelråbende dumt så bær over med mig.

Jeg har læst lidt omkring og har fået det indtryk at layout på en side vhja. tabeller ikke er best pratice mere.
Istedet bruges lag/layers, og css og <div>.

Jeg har en række spørgsmål:
Er lag/layers det samme som div?
Er lag/layers og eller div en del af css?
Bruger man også lag/layers og eller div til at placere tekst, eller er det kun billeder? og hvor kan jeg finde nogen eksempler?

Under <head> har jeg f.eks. følgende:
<style type="text/css" media="screen"><!--
#billede1  { visibility: visible; position: absolute; top: 60px; left: 0px}--></style>

Vil jeg kunne lægge dette i et eksternt css sheet? Hvor meget af koden er unødvendigt fyld fra golive som jeg kan slette?

I <head> følges der op med:
<div id="billede1">
<img src="img/ff9933 orange.gif" width="716" height="2"></div>

Vil jeg kunne erstatte dette med text istedet for et billede? og kan jeg få en ramme rundt om teksten? Og er det den rigtige måde at gøre tingene på?

Hvis man har en forside som egentlig kun er en række billeder der fungerer som links til de underliggende sider, og en menu (i en frame - gisp) i bunden - er det så nødvendigt/god webtone at have et link til forsiden igen? altså i menuen?
Avatar billede beanbag Nybegynder
23. september 2005 - 11:05 #1
det skal selvfølgelig være:
I <body> følges der op med:
Avatar billede beanbag Nybegynder
23. september 2005 - 11:21 #2
Ok, jeg tror jeg har fundet det jeg søgte efter på www.html.dk. Der er nogen artikler om css og en tutorial. Jeg læser det lige igennem
Avatar billede mm12010 Nybegynder
23. september 2005 - 11:37 #3
"Jeg har læst lidt omkring og har fået det indtryk at layout på en side vhja. tabeller ikke er best pratice mere.
Istedet bruges lag/layers, og css og <div>."
SVAR: Der er af uforklarling årsager opstået en trend, hvor tabeller død og pine, koste hvad det koste vil osv. skal erstattes med et vivar af div's, hvilket i følge min bedste overbevisning intet har med best practice at gøre. I nogle tilfælde kan det selvfølgelig godt være smartest at opbygge sin side i div-tags, men jeg mener absolut ikke det er noget man skal tilstræbe.

"Er lag/layers det samme som div?"
SVAR: Ja, et lag/layer er en div(når der refereres til lag/layer menes der ofte en div med absolut positionering, i css: position:absolute;)

"Er lag/layers og eller div en del af css?"
SVAR: Nej

"Bruger man også lag/layers og eller div til at placere tekst, eller er det kun billeder? og hvor kan jeg finde nogen eksempler?"
SVAR: Man kan placerer alle html-elementer i div's, men som sagt er oftest væsentligt mere hensigstmæssigt at gøre vha. tabeller.

"Vil jeg kunne lægge dette i et eksternt css sheet? Hvor meget af koden er unødvendigt fyld fra golive som jeg kan slette?"
SVAR: Ja, og der er sådan set ikke noget overflødigt i din kode der, men man kan dog sagtens fjerne alle mellemrum ud af det gør nogen forskel.

"Vil jeg kunne erstatte dette med text istedet for et billede? og kan jeg få en ramme rundt om teksten? Og er det den rigtige måde at gøre tingene på?"
SVAR: Ja, og du kan sætte en ramme omkrig et givent element ved i CSS at skrive: border:1px solid red; (tykkelse type farve). Rigtigt/forkert tja... det er afhænigt af situationen.

"Hvis man har en forside som egentlig kun er en række billeder der fungerer som links til de underliggende sider, og en menu (i en frame - gisp) i bunden - er det så nødvendigt/god webtone at have et link til forsiden igen? altså i menuen?"
SVAR: Ja, det vil man i de fleste tilfælde betragte som værende den mest brugervenlige måde at gøre det på.
Avatar billede beanbag Nybegynder
23. september 2005 - 11:48 #4
Ok, der er altså delte meninger om tables - det er vel naturligt nok. :o)

Tak for svarene, sammen med det materiale jeg fandt på www.html.dk tror jeg at det har givet mig en rimelig forståelse for divs og css.
Til dit svar om lag/layers og eller div er en del af css, så fremstår det altså i ovennævnte materiale som om at det er det? Div er et element til gruppering i css og lag/layers er en måde at rangordne elementer der overlapper. (se lektion 8 og 15 i tutorialen).

Jeg manglede "solid" i min css for at få border frem :o)
Tak for hjælpen, lægger du et svar....
Avatar billede mm12010 Nybegynder
23. september 2005 - 11:58 #5
velbekomme - og god vind med programmeringen!-)

Som supplement til diverse tutorials, kan jeg ikke varmt nok anbefale dig, at læse nogle af de mange tråde her på E, hvor emnet tit har været oppe, og mange kloge hoveder har delt deres syn på sagen med os andre - særligt brugerne olebole og roenving er værd at lægge mærke til, når de udtaler sig om hvad der er god skik og hvordan tingene ellers bør gøres og forstås.
Avatar billede olebole Juniormester
23. september 2005 - 14:14 #6
<ole>

Ja, meningerne om tabeller er delte. De er primært delt mellem de, der henter informationer hos W3C (som definerer og vedligeholder de fleste web-standarder) - og de, der henter deres informationer i webtutorials.
Der er intet i vejen for at bruge tabeller til de opgaver, hvor tabeller er bedst egnet. Alt andet ville være komplet tåbeligt - og i direkte modstrid med W3C.

Et emne, der til gengæld er langt hævet over enhver diskusion mellem kompetente kodere, er webtutorials generelt elendige kvalitet - og her er html.dk et af de virkelig skræmmende eksempler! Bevares, der er huller mellem fejlene, men de er få og små!

Rigtig mange af de spørgsmål, der bliver oprettet på Eksperten, skyldes læsning af html.dk ... det site kan absolut ikke anbefales som andet end et eksempel på, hvordan tutorials ikke skal skrives.
Hvis de så bare rettede deres fejl, eller i det mindste reagerede, når de får at vide, at dette eller hint er forkert  :o|

/mvh
</bole>
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 15:07 #7
Kommer temligt sent ind i denne her...

Men når du nu sider (Som grøn) med golive vil jeg foreslå dig at tage et smut forbi disse sider

1. http://goliveessentials.com/  ( Den nye golivesite med massere af grundviden)

2 http://www.GoLiveCentral.com/ af Michael Ahgren, (Tandlæge, og svensker ...lyder slemt men bare rolig )
Michael er oficiel host på adobes u2u golive forum, han side har mange actions til golive, links, eget forum og meget mere...
Og ikke minst nogle gode forstålige tutorials (Mest rettet mod golive bruger)
Især video tutorialsne "Basic CSS and links part I. og II." og "General action troubleshooting" vil du have glæde af .... http://www.GoLiveCentral.com/pages/tutorials.shtml

3. http://www.mindpalette.com/ Nate Baldwins side (et team af dygtige grafikere og )
Nate er også oficiel host på adobes u2u golive forum,  Nates side indeholder også tutorials og golive actions af høj kvalitet, samt nogle gode formprocesses PHP script (Ny mere spam hackker sikker version med IP detect/bloking, og billedekode kontrol på vej, sider og tester den for ham pt)

4 sidst men ikke minst vil jeg foreslå dig at du (udover at være her selvf. *S*) også melder dig i adobes u2u GoLive forum http://www.adobe.com/support/forums/main.html

..

Håber du på trods af tråden er lukker, se mit indlæg og får set på de links..... og selvf. at du kan bruge dem...

Held og lykke med dine sites fremover
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 15:13 #8
----> Hvor meget af koden er unødvendigt fyld fra golive som jeg kan slette?
Det er såmend ikke unødvendigt fyld fra golive....*S*...det er den stil du har bedt golive om at give elementet inline... ;-)
Avatar billede olebole Juniormester
23. september 2005 - 15:14 #9
- uha ... hvis du sidder med GoLive, vil jeg foreslå at skifte den ud med en ordentlig editor med det samme. Jeg har aldrig hørt om én eneste professionel, der bruger GoLive. Ikke mindst dens actions er frygtelige.

Det kan undre, at Adobe i sin tid købte den, men det undrer mig endnu mere, de ikke har rettet op på de værste katastrofer  :)
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 21:03 #10
Ole >>

Jeg kunne meget godt tænke mig at høre et eksempel på det mht den skulle lave dårlige koder.... Er meget åben for at høre hvad og hvor de problemer er  da det... er en påstand jeg tit har hørt....men aldrig set bevist (hvilket  jo ikke betyder de ikke er der) ...  De fleste gange hvor jeg har set  folk se den laver fejl...har det været brugeren der ikke har fåstået at bruge GoLive korekt,....Så vil somsagt meget gerne høre mere om de problemer.. ??
mht actions så kan jeg give dig ret at der findes meget ringe actions til den... Men da netop actions ofte er 3parts....så er det ikke pænt at skyde skylden på golive i den situation...*S*
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 21:12 #11
ole >>
Da adobe købte GoLive var den WYSIWYG of the year og slog DW i testne.....(har nok spillet lidt ind i overvejelserne)

Nu har de jo også købt DW... så kan man jo diskutere om det er at rette op "katastrofen" (som du jo kalder den), eller lave ny en ny  katastrofe .... *GGG* Mon ikke vi alle venter i spænding på hvordan  GoWeaver eller DreamLive kommer til at se ud/fungere ??? med det bedste fra bege pogrammer kan vi gå hen og få en helt ny virkelig god og brugbar WYSIWYG der kan tilfredstille de fleste krav fra begge "verdner"
Avatar billede beanbag Nybegynder
24. september 2005 - 23:21 #12
Tak for mere input.

Jeg har ihvertfald lært, lige at vente en dags tid med at lukke et spørgsmål af denne type, så der kan komme lidt flere input og alle kan få lidt point for deres ulejlighed.

Tak for links, dem vil jeg givet udforske. Lige nu er jeg dog gået over til at skrive koden direkte (både i Golive, men også i "programmers notepad") for at lære grundsyntaxen i HTML. Det går langsommere, men så lærer man også noget :o)

Jeg kan forstå at www.html.dk ikke er så velanset i alles øjne. Jeg vil dog sige at set med en begynders øjne var tutorial i CSS nu meget informativ.

Tak for held og lykke - jeg vender tilbage med sitet på øretævernes holdeplads (vurdering) når det er færdigt, eller inden da med flere spørgsmål.

have fun
Thomas
Avatar billede olebole Juniormester
03. oktober 2005 - 16:26 #13
beanbag >> Ja, html.dk er yderst informativ. Der er bare så mange fejlagtige informationer, som læsere ikke aner er fejl ... og så er man jo lige vidt. Udfra det, de skriver, tyder det f.eks. ikke på, de selv har styr på, hvad CSS er og hvordan/hvor det adskiller sig fra HTML  :)

Endnu værre går det i deres XHTML-tutorial. Læser man den, aner man _intet_ om, hvad XHTML er og hvordan det fungerer. Følger man den tutorial, disabler man al det vigtigste CSS i IE ... og alle browsere på nettet vil tolke siden som dårlig, fejlfyldt HTML4.

Jeg er normalt varm tilhænger af ytringsfriheden, men med hensyn til sites som html.dk, så jeg meget gerne et 'kodepoliti', der i samfundets tjeneste kunne lukke den slags sabotage mod den offentlige, objektive oplysning!
Avatar billede jesper-moeller Nybegynder
04. oktober 2005 - 00:43 #14
beanbag >>

God ide med selv at skrive kode for at lære.... :-)
Hvis du gør det i GoLive...så husk at gøre det fmed site filen åben... Så husker/passer GoLive stadig på strukturen ;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester