Avatar billede pablopablo Nybegynder
18. juli 2006 - 12:31 Der er 15 kommentarer og
1 løsning

HTML og CSS

Hey...

Jeg er igang med at sætte mig ind i asp.net 2.0 og det er jo ret smart hvad man kan med dette...jeg har ikke den store erfaring med opbygning af hjemmesider, trods jeg kender en del til alle div. teknologier som indgår i denne verden...

Jeg har brugt det sidste stykke tid på at gennemgå div. toturials om HTML og CSS for at få det ridset helt op igen...
Det er jo meget simpelt...umiddelbart...men jeg synes godt at det kan være besværligt at arbejde med...i hvert fald nogle bestemte ting...har læst flere toturials i css og har endnu ikke mødt et sted hvor de beskriver hvordan man lettest og smartest strukturere sin site...??? Det irriterer mig rigtig meget, at det allemest simple skal være så svært? det er selvfølgelig pga. jeg ik har rodet med det før, med alligevel...

Kan i vise mig i et CSS hvordan jeg styre min tabel på fx. 4 x 4...således at kolonne 2 og 3 har en fast bredde og kolonne 1 og 4 deler pladsen som er tilbage i bredden?? Jeg vil gerne se noget kode og ikke bare får at vide: "Sæt kol. 2 og 3 til fx. 100 og sæt tabellen bredden til 100%"...for det kommer jeg intet videre af...har prøvet!!

Synes ik Visual studio er særlig god til at arbejde med html...har også prøvet macromedia....det virker lidt mere fornuftigt...hvad bruger i? hvordan designer i jeres masterpages / struktur i html bedst/simplest?

mvh. PabloPablo
Avatar billede casper_skovgaard Nybegynder
18. juli 2006 - 14:45 #1
her er et eksempel:

<table style="width: 100%;" border="1">
  <tr>
    <td style="width: auto;">col1</td>
    <td style="width: 50px;">col2</td>
    <td style="width: 50px;">col3</td>
    <td style="width: auto;">col4</td>
  </tr>
</table>
Avatar billede casper_skovgaard Nybegynder
18. juli 2006 - 14:57 #2
Jeg bruger Microsoft Visual Web Developer 2005 Express Edition (den er gratis) og den er jeg meget tilfreds med. Jeg bruger dog udelukkende text-editoren og ikke wysiwyg-editoren.

Mht at strukturerer sin site (jeg går ud fra du tænker på placeringen af filer) så afhænger det nok meget af hvilken type site der er tale om. På en site jeg arbejder på i øjeblikket gør jeg følgende:
index.html i roden
billeder under /images
css under /css
javascript under /js
admin interface under /admin
resten under fx. /portal/company/
Avatar billede pablopablo Nybegynder
18. juli 2006 - 15:13 #3
Hej cs! tak for koden...men nu havde jeg tænkt at det skulle laves i CSS, kan man ikke det? Altså i stedet for at hardcode strukturen direkte i HTML'en så lave et CSS som alle ens masterpages så kan bruge...altså tabellens str, antal kolonner/rækker og deres str...osv. osv...
Behovet for CSS er vel ikke liiige så nødvendig hvad angår masterpages...mere content pages og deres indhold - sådan som jeg ser det?...men det vil nu være meget smart hvis man kunne def. opbygningen/tabel strukturen via CSS...og på den måde sammensætte/opbygge forskellige masterpages...og dermed kun skulle rette ét sted...

Jeg har siden jeg postede mit første indlæg... har jeg designet rå HTML i Dreamweaver og så kopieret det over i VS...bare lige for at prøve...det er lettere synes jeg :)
Jeg er som sagt newbie hvad angår design af websites...så i må gerne fortælle mig hvilken måde som er mest korrekt/bedst at designe på...én ting er, at det er mange forskellige måder at gøre det på, men ligesom jeg kender det fra winforms, så er det langt fra den mest åbenlyse og umiddelbare måde (den som fx. VS lægger op til) som er den mest overskuelige og brugbare i længden! Håber i er med på hvad jeg nu sprøger om nu ;) det er intet med den fysiske fil-placering af gøre...
Avatar billede casper_skovgaard Nybegynder
18. juli 2006 - 15:45 #4
css filen skal indeholder følgende:

.tableStyle1 {
width: 100%;
}
.tableStyle1 .col1 {
width: auto;
}
.tableStyle1 .col2 {
width: 50px;
}
.tableStyle1 .col3 {
width: 50px;
}
.tableStyle1 .col4 {
width: auto;
}

html fil indeholder:
<table class="tableStyle1>
  <tr>
    <td class="col1">col1</td>
    <td class="col2">col2</td>
    <td class="col3">col3</td>
    <td class="col4">col4</td>
  </tr>
</table>
Avatar billede casper_skovgaard Nybegynder
18. juli 2006 - 15:55 #5
antal kolonner/rækker kan ikke angives i css, dette skal være html

På mit site har jeg kun en MasterPage, som linker til css filerne. Masterpagen indeholder header, content og footer. Hvor indholdet af content kommer fra andre filer.

Det er jo ikke optimalt både at bruge Dreamveawer og VS. Jeg vil anbefale dig kun at bruge VS (hvilken version af vs har du?). Som sagt bruger jeg stort set kun text-editoren hvilket jeg synes giver det bedste resultat.
Avatar billede pablopablo Nybegynder
18. juli 2006 - 22:08 #6
Jeg bruger VS 2005...det er fordi at jeg synes at værtøjet i DV er bedre ...og html er jo html, så der er ikke noget avanceret i at kopiere det over i VS efterfølgende...jeg kan godt lide at bruge et værktøj, hvis det ellers generere noget fornuftig kode og virker ordentligt...er ikke meget for at lave for meget slave arbejde hvis det kan undgås ;)
Avatar billede pablopablo Nybegynder
18. juli 2006 - 22:26 #7
btw....synes det er underligt, at jeg den måde du viser mig at strukturere en tabel via CSS ikke bliver forklaret på W3Schools site...?(eller de andre jeg har kigget på) og den er ellers ret grundig...?? KEnder du et sted hvor jeg kan læse om det??

Men som jeg var lidt inde på tidlgiere...så er det vel egentlig næsten ligemeget med at bruge CSS til at designe masterpagen via CSS...men mindre man har en masse master pages som ligner hinanden og man senere vil ændre i dem...så vil det (evt.) være hurtigere kun at rette et sted i CSS...dog afhænger det af hvad der skal ændres...altså om det vil være hutigere at ændre via desginview....?
Avatar billede pablopablo Nybegynder
19. juli 2006 - 11:01 #9
Hej igen og tak for links...ang. det første link...de css filer det har lavet og som man kan downloade, det er ikke også nogen som de har brugt på en side / i noget HTML, så man kan se hvordan har brugt det og hvordan det ser ud vel?
Avatar billede casper_skovgaard Nybegynder
19. juli 2006 - 11:12 #10
Jeg ved det ikke, det var bare et link jeg fandt ved at søge på "css table" på google
Avatar billede pablopablo Nybegynder
19. juli 2006 - 11:30 #11
hehe, ooh...men er min opfattelse af css ikke korrekt, at det er pænt at bruge...og at det især i komplekse og store sider kan spare meget tid...med omvendt kræve mere tid hvis det bruges til meget små/simple ting...end at bruge designview?
Avatar billede casper_skovgaard Nybegynder
19. juli 2006 - 11:52 #12
Det er best practice altid at bruge css, således at indhold og design kan holdes adskilt. Men du har ret til simple ting kan det være nemmere at blande indhold og design.
Avatar billede pablopablo Nybegynder
19. juli 2006 - 12:00 #13
ja okay....så har du vist også fortjent dine points - tak for det ;)
Avatar billede casper_skovgaard Nybegynder
19. juli 2006 - 12:40 #14
Håber du fik lidt mere styr på det :)
Avatar billede pablopablo Nybegynder
19. juli 2006 - 12:53 #15
det ka du tro ;)

btw...hvilke andre teknologier bruger du...js, xml, xls, xlst, xhtml, dhtml, ajax.....? en ting er noget findes, noget andet er jo om det er godt / smart at bruge jo... har tænker jeg mest på ajax og dhtml...? hva siger du til det?
Avatar billede casper_skovgaard Nybegynder
19. juli 2006 - 13:05 #16
Jeg forsøger at minimere brugen af javascript. Da det ofte ikke virker på mobiltelefoner og ligende devices.

Jeg er lige begyndt at bruge Yahoo's UI library og design patterns http://developer.yahoo.com/

Microsoft har et ajax library som hedder Atlas, det har jeg tænkt at kigge nærmere på.
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