KompoZer / Nvu » CSS og russisk, kinesisk

[Kim Ludvigsen]

Du behøver ikke spørge Surftown igen. Du kan bruge php - hvis altså, du vil.

Som Bjarne sikkert kan bekræfte, så bliver det først rigtigt sjovt at lege med hjemmesider, når man bruger php og lignende. Men det er helt klart nørdet!

I dit tilfælde kan php fx bruges til at inkludere linkene på alle sider, som jeg nævnte tidligere.

Det samme kan gøres med menuen, så det bliver nemt på et senere tidspunkt at tilføje et menupunkt, hvis du fx får oversat siderne til flere sprog.

Du kan også bruge php til at tjekke, hvilket sprog brugerens browser er sat op til at foretrække. Dermed kan du fx præsentere en engelsktalende for den engelske side helt fra starten, så han ikke først skal forbi en uforståelig dansk side.

Vælger de et andet sprog manuelt, kan du placere en cookie på deres computer, så sprogvalget huskes til næste gang, de kommer forbi.

Du kan lave en kontaktformular, så besøgende kan skrive direkte fra hjemmesiden.

Og der er mange flere muligheder. Men det er som sagt nørdet. Du undgår ikke at skulle arbejde direkte med koder, såvel html-, som php-koder.

Hvis du vil prøve at lege med php, så vil jeg anbefale, at du i første omgang prøver at inkludere indhold som fx menuen og landeoversigten. Det er forholdsvis nemt. Så kan du altid prøve de mere nørdede muligheder næste gang, du vil lave siden om, eller hvis du sidder og keder dig en kold vintermåned.

[Bjarne Krogh Hansen]

Kim har en side om php, men pas på, man bliver hurtigt bidt af det, og så går timerne.
http://kimludvigsen.dk/programmer-inter ... in-php.php
Det er en rigtig god begynder guide til php.
Men jeg tror du skal have lidt mere styr på html først.

[DonOlesen]

Hej

Ok, tak for rådet....hvad vil du anbefale mig at prøve eller øve for at få mere styr på html

Per

Ps. Ja, det bliver sjovere og mere "nørdet" jo mere man forstår det og får fat i det

[Bjarne Krogh Hansen]

Jeg startede selv med Kims hæfte om KompoZer
http://kimludvigsen.dk/libris/kompozer/index.php
Kan købes hos forlaget libris
http://www.libris.dk/it_litteratur/webk ... 07de4b576f
og hos alle boghandlere ellr kontorforsyninger.

[DonOlesen]

Hej

Jeg har nu bestilt bogen, som Bjarne anbefalede og venter spændt på den.

Jeg kan forstå at PHP og html er 2 sprog man kan bruge og vil nu høre om de i mit tilfælde kan og skal kombineres?

For hvis de skal kombineres vil jeg begynde på at lave 4 sider på 4 forskellige sprog vha. css-editoren og stile, som jeg legede lidt med i går og har bedre styr på - Vil det være ok at starte med at lave 4 sådanne sider eller vil det være en forkert fremgangsmåde?

De 4 sider er på 4 sprog og har samme logo, bortset fra sproget i logoet, som er på de respektive sprog.

Menuen som jeg nu har besluttet skal være ude til venstre, som i prøven jeg har lavet skal for nogle af menupunkterne skifte sprog, når man klikker ind på en side med et andet sprog

MVH

Per

[Bjarne Krogh Hansen]

Hej DonOlsen
Når du har været igennem hæftet og Kims php vejledning, så kan du læse mere
om html her http://www.html.dk/
om php her http://www.phpartikler.dk/

PS: Jf. tidligere, hvis du sletter adgangskoder i Internet Explora, og bruger Vistas eller XP til at overfører filer til dit webhotel, så forsvinder adgangskoderne også til dit webhotel.
Det sker ikke hvis du bruger Firefox.

[Kim Ludvigsen]

Jeg kan forstå at PHP og html er 2 sprog man kan bruge og vil nu høre om de i mit tilfælde kan og skal kombineres?

Det er to sprog med hvert sit formål. Html er beregnet til at opsætte siden, så den kan vises i en browser. Php sendes aldrig til browseren, det er kode som udelukkende afvikles på serveren, og som kan bruges til at behandle html-koder og indhold, før det sendes til den besøgende.

Som tidligere nævnt kan php bruges til at indsætte en menu eller din linkoversigt på alle sider. Selve menuen og linkoversigten skal stadig laves i html, men de gemmes i en selvstændig fil, og kan derefter indsættes på mange forskellige sider med en php-kode.

Dette er forholdsvis simpelt, og det skulle være til at finde ud af ud fra min side om php. Det sværeste i den henseende er at finde ud af at klippe menu og linkliste ud fra siden og indsætte dem i selvstændige filer. Det er derfor nødvendigt at vide lidt om html-koder, så kan man klippe rigtigt.

Php kan også bruges til at vise noget indhold i ét tilfælde, og noget andet indhold i andre tilfælde. Man kan fx lave noget, der virker på denne måde:

Aflæs browserens foretrukne sprog
hvis brugeren foretrækker dansk, så åbn siden verdensbilleder-da.php
hvis brugeren foretrækker russisk, så åbn siden verdensbilleder-ru.php
ellers åbn siden verdensbilleder-eng.php

I dette tilfælde vil en dansker få åbnet den danske side, en russer den russiske side, mens alle andre vil få åbnet en engelsk side.

Dette er til gengæld mere nørdet, og det er ikke noget, du skal overveje, medmindre du har en nørd ved din side.

For hvis de skal kombineres vil jeg begynde på at lave 4 sider på 4 forskellige sprog

Det skal du under alle omstændigheder have lavet, hvis du vil give de besøgende mulighed for at vælge mellem forskellige sprog.

[Gæst]

Hej

Jeg har nu gennemgået et html-kursus, hvilket var rigtigt godt og har nu nogle spørgsmål:

1. Hvorfor bliver min menuboks ikke bredere, når jeg går ind og laver 135 px om til 150 px? Og jeg vil også gerne lave hver menudel lidt højere.
2. Da jeg skal have siden på 4 sprog vil jeg høre om jeg kan fortsætte med at lave det jeg gør, hvor jeg har omdøbt html-filen verdensbilleder til mikromalerier og kopieret den 3 gange og kaldt den mikromalerier på 3 andre sprog.
Planen er så at beholde layoutet fra den første fil og genbruge det hele så jeg bare skal sætte de forskellige sprogs logo og sprog ind og lave lidt om i menuen, som for de første 4 punkter er fælles for alle sider, men derefter skal man kunne se menupunkter på deres respektive sprog.
Kan jeg gøre det på den måde og skal jeg også kopiere stilarket?

Nu går jeg tilbage til php-kurset på kimludwigsen, men læste der at jeg skulle have mit layout helt færdigt før jeg fortsatte, så derfor spørger jeg som jeg gør.

MVH DonOlesen

[Gæst]

Hej

Jeg har forsøgt at åbne en side, efter jeg har omdøbt en fil fra verdensbilleder til mikromalerier:

http://www.mikromalerier.dk/ny/mikromalerier.html

men der kommer en http 404 fejl

Og jeg har husket at kopiere den nye fil mikromalerier og stilarket og filen med logoet har også fået nyt navn og det hele er kopieret over i mappen ny på netværksdrevet.

Men jeg ved ikke om der er sket en fejl ved at jeg har prøvet processen med at få hjemmesiden på nettet under Computer-Tilknyt netværksdrev-osv.



MVH

Per

[Bjarne Krogh Hansen]

Den rigtige sti er:
http://www.mikromalerier.dk/Ny/Mikromalerier.html
Undgå STORE bogstaver

[DonOlesen]

Ok, nu virker det og jeg har lavet det alt om til små bogstaver...Tak

[Kim Ludvigsen]

1. Hvorfor bliver min menuboks ikke bredere, når jeg går ind og laver 135 px om til 150 px?

Du skal ind og rette nogle flere steder. Du skal tillægge de 15px ekstra i bredden på .menu, på ul og på li a, og så skal du også tillægge de 15px på margin-left i .indhold.

Og jeg vil også gerne lave hver menudel lidt højere.

Tilføj den ønskede højde på li a.

om jeg kan fortsætte med at lave det jeg gør ...

Ja. Jeg vil dog foreslå en enkelt ændring. Gem siderne som php i stedet for html. Også selvom du ikke vil bruge php (endnu). Så slipper du for at omdøbe dem senere, når siderne er blevet indekseret af Google. Siderne vil fungere helt fint med filtypen php, også selvom der ikke er php-kode i dem.

Kan jeg gøre det på den måde og skal jeg også kopiere stilarket?

Nej, det genbruges automatisk på hver side.

[DonOlesen]

Hej

Nu har jeg omdøbt den og får stadig html inkl. men det skal jeg måske også?

http://www.mikromalerier.dk/ny/mikromalerier.php.html

Det virker ok og jeg har ændret størrelsen på den lille downloadede "knap" der blinker i menuen, og det gik fint!

Nu har jeg også oprettet en stil jeg har kaldt for collage, da der skal nogle børneansigter der ind i fra en jpg-fil.

Men stilen kan jeg ikke rigtigt se. Jeg har fulgt samme måde som ved oprettelsen af stilen logo og nogle af de samme værdier for brede mv., men med en anden placering.
Jeg kan ved at trykke på collage i rulleteksten tilhøjre for alm. tekst få et begreb om hvor denne stil eller boks er på siden, fordi den skabes der hvor markøren står. F.eks. hvis markøren stå inde i tekstafsnittet laves der et klip af noget tekst, der har samme størrelse, som jeg har angivet stilen collage til at være.
Men der er ingen røde stiplede linier, som ved oprettelsen af de første 3 stile logo, men, og indhold

MVH Per

[Kim Ludvigsen]

Nu har jeg omdøbt den og får stadig html inkl. men det skal jeg måske også?

Nej, .html skal ikke være der. Når du gemmer i KompoZer, skal du ud for Filtype vælge Alle filer, og så navngive filen mikromalerier.php så får du ikke påsat html.

Det virker ok og jeg har ændret størrelsen på den lille downloadede "knap" der blinker i menuen, og det gik fint!

Til gengæld passer billedet, der vises når musen holdes over et menupunkt, ikke længere. Men du bør nok under alle omstændigheder finde elelr lave et nyt billede, den blå farve passer ikke så godt ind i de andre farver på din side.

Men stilen kan jeg ikke rigtigt se.

Jeg har fulgt samme måde som ved oprettelsen af stilen logo og nogle af de samme værdier for brede mv., men med en anden placering.

Men ikke i en div-boks? Det er kun div-bokse, der forsynes med den røde stiplede linje.

Du kan få alle blokelementer markeret ved at klikke på menupunktet Vis => Marker blokke.

[DonOlesen]

Hvordan ved du at billedet ikke passer? Jeg kan ikke aktivere det lille billede når jeg er på nettet, men kun inde i kompozer?

Og jeg laver en andet billede, som du foreslår. Kan og må jeg genbruge dit billede eller er det nemt at lave i f.eks. Adobe Photoshop?

Jeg forstår ikke helt om jeg skal lave den stil om jeg har kaldt for collage? Jeg synes ikke jeg kan manøvre den på plads, da den ser ud til bare at være en lang stiplet boks i toppen, som jeg ikke kan flytte nedad ved at ændre i margintop, som jeg har til 130px, margin venstre 77px, bredde 150px, flyd venstre. Skal der være nogle ul-stile og li a-stile for at guide stilen collage?

Nu har jeg fået logo af verdenen skubbet nedaf, hvor det ikke skal være.

For en ordens skyld skal siges at jeg har ændret i boks-indstillingerne for menu, da jeg gerne ville have den ned og lidt mod højre ifht. placering i øvelsen.

Når jeg skriver: http://www.mikromalerier.dk/ny/mikromalerier.php

kommer jeg ind på min side og

Filen hedder nu mikromalerier.php men der står det er et html-dokument, når jeg holder markøren henover...skal der stå det?

Per

[Kim Ludvigsen]

Hvordan ved du at billedet ikke passer? Jeg kan ikke aktivere det lille billede når jeg er på nettet, men kun inde i kompozer?

Det virker fint, når jeg ser på siden - altså, hvis vi lige ser bort fra størrelsen og farven.

Og jeg laver en andet billede, som du foreslår. Kan og må jeg genbruge dit billede eller er det nemt at lave i f.eks. Adobe Photoshop?

Det er meget nemt at lave i Photoshop eller andre grafikprogrammer. Når jeg kan finde ud af at lave sådan noget, så kan stort set alle finde ud af det. Jeg er elendig til grafik.

Jeg forstår ikke helt om jeg skal lave den stil om jeg har kaldt for collage?

Kan du forklare lidt nærmere, hvad den skal bruges til?

Filen hedder nu mikromalerier.php men der står det er et html-dokument, når jeg holder markøren henover...skal der stå det?

Hvor står det? Ikke at det har nogen betydning, som du kan se, virker siden lige fint, uanset om den hedder html eller php.

[DonOlesen]

Når jeg er inde på siden nu er logoet af verdenen forkert placeret og jeg kan stadig ikke aktivere "blinket" i menuknapperne? men nu prøver jeg at lave et ny billede i adobe.

Stilen jeg kalder collage oprettede jeg så jeg kunne indsætte et jpgbillede af nogle børneansigter i en boks der skulle være 150px bred (som menuboksen) og så 450 px høj, hvilket er billedets mål i px.
Så jeg troede at jeg kunne lave en stil ala menu og logo og så bagefter gå op i Billede og hente billedet af børneansigterne og sætte ind som jeg gjorde med logoet af verdenen - Det satte jeg også ind i en stiplet kasse og ændrede så de stiplede linier eller px-størrelsen på logoet, sa det passede.

Lidt ligesom da du foreslog at lave en stil til at sætte billeder af malerierne ind i fra de mange lande. Det var for at have lidt styr på det.

Der står html, når jeg kører musen henover inde i filen der hedder mikromalerier.php, som ligger inde i mit e-drev på pc. Ude på det der hedder Min hjemmeside/netværksplacering som jeg uploader til ligger der også en fil der hedder mikromalerier.php og der står der php-fil, når jeg kører henover.
Og jeg kan stadig åbne en fil der hedder mikromalerier.php.html fra e-drevet, når jeg åbner kompozer....når jeg siger gem som alle filer og mikromalerier.php spørges jeg om mikromalerier.php.html skal erstattes og jeg siger ja, men det gemmes vist stadig som php.html
Jeg kan gå direkte ind på e-drevet og åbne den der hedder mikromalerier.php

MVH

Per

[DonOlesen]

Hej

Jeg har slettet den stil der hed collage og jeg prøver at lege lidt med det

MVH Per

[DonOlesen]

Hej

Jeg har leget lidt med det og kan ikke rigtigt komme videre, så jeg venter indtil jeg kan få lidt hjælp til at oprette den stil jeg ikke fik oprettet da jeg oprettede menu, logo og indhold.

Eller skal jeg evt. starte forfra med ny side og oprette alle 4 stile, hvori jeg kan komme billeder osv.?

MVH

Per

[Kim Ludvigsen]

Jeg gik lidt kold, da jeg forsøgte at forstå, hvad du ville, hvorfor jeg ikke svarede.

Kan du forklare, hvor du vil have indsat collage-billedet?

Og hvis det skal placeres i indholdsboksen sammen med teksten, hvordan vil du så have det placeret, fx højrestillet med omløbende tekst til venstre?

[DonOlesen]

Hej....Helt ok.

Nej ikke i teksten men 3-4 cm under menuboksen. Billedet der skal ind under menuboksen har jeg lavet 150 px bred og 300px høj

MVH

Per

[Kim Ludvigsen]

Det behøver du ikke oprette en ny stilklasse for. Det kan være lidt svært at ramme det rigtige sted, hvis du prøver at indsætte billedet via brugerfladen, så prøv i stedet dette:

Klik på fanen Kildekode.
Find denne kode:
</ul>
</div>

Indsæt kode til billedet, så det ser sådan ud:
</ul><img src="billednavn.jpg" width="150" height="300" title="En billedtekst" alt="En alternativ tekst">
</div>

Udskift det markerede med billednavn og tekster. Den alternative tekst vises fx, hvis billedet ikke kan findes, eller hvis den besøgende bruger en skærmlæser.

Hvis du vil have større afstand mellem menu og billede, kan du oprette en stilklasse med navnet .collage hvor du så angiver en margin-top til fx 25px. I så fald skal du også ændre lidt i den indsatte kode, så det ser sådan ud:

</ul><img src="billednavn.jpg" width="150" height="300" title="En billedtekst" alt="En alternativ tekst" class="collage">
</div>

[DonOlesen]

ok, det virker fint nu, men lige et par spørgsmål?

1. Det hele ser fint ud, men når jeg markøren står inde i teksten og jeg går op i css-editoren og kigger lidt rundt uden at ændre og siger annuller, så hopper alt indhold, billeder mv. mod venstre og klæber sig op af venstrekanten. Jeg retter det op med at lukke ned og åbne og alt er på plads igen. Er der noget jeg har glemt at låse?

2. Er der ikke helt ok at jeg kopierer 3 stk mikromalerier.php og omdøber til 3 andre sprog og derefter ændrer dansk logo, teksten og nogle af punkterne i menuboksen til nye logoer, ny tekst osv.?

3. Derefter vil jeg gerne oprette nogle andre sider i 4 sprog i alt, hvor der på nogle af siderne skal være 2 billeder af malerier og på nogle af de andre sider skal der være tekst på 4 sprog. Men det er måske her jeg først skal gå videre med php øvelsen?

4. Jeg vil gerne kalde det første menupunkt for Mikromalerier og ikke index. Det er vel også i orden eller sker der noget uhensigstmæssigt ved at ikke at kalde den første side for index?

MVH

Per

[Kim Ludvigsen]

1. Sikkert en fejl i KompoZer. Jeg mener, jeg har oplevet noget lignende, og at løsningen er at lukke og genåbne siden.

2. Ja, det er den rette fremgangsmåde.

3. Du kan ændre disse sider på samme måde. I stedet for blot at oversætte, skal du erstatte indholdet med det nye indhold, inklusive billeder.

Du skal ikke bruge php til dette.

4. Fordelen ved at kalde den første side for index er, at den automatisk hentes, hvis en besøgende kun indtaster domænenavnet, altså:
http://mikromalerier.dk
Hvis du ændre filnavnet som du gerne vil, så skal den besøgende indtaste:
http://mikromalerier.dk/mikromalerier.php
Det er ikke så "kundevenligt". Og det bliver værre, for hvis der kun indtastes http://mikromalerier.dk, så får man en fejl.

[DonOlesen]

ad. 4. - Det forstår jeg ikke helt, for når jeg søger på mikromalerier på google eller indtaster www.mikromalerier.dk i adressen kommer jeg til en adresse til den side der fungerer nu, så det kan jeg vel også lave, når jeg kasserer den side jeg har nu, som jeg har lavet med surftowns skabelon?

Det layout fra surftowns skabelon skal helt væk og så kan den side jeg arbejder på nu overtage på samme måde og med samme adresse til den tid, nemlig www.mikromalerier.dk som der også kommer til at stå på mit brevpapir og visitkort, når jeg får dem lavet

MVH

Per

Ps. Jeg slettede i øvrigt den fil der hed mikromalerier.php og som optrådte som html dokument, hvilket har gjort at mikromalerier.php.html ikke kopierede sig selv flere gang, hvilket jeg også har set stilarket gøre

[Kim Ludvigsen]

ad. 4. - Det forstår jeg ikke helt, for når jeg søger på mikromalerier på google eller indtaster www.mikromalerier.dk i adressen kommer jeg til en adresse til den side der fungerer nu, så det kan jeg vel også lave, når jeg kasserer den side jeg har nu, som jeg har lavet med surftowns skabelon?

Det virker, fordi din nuværende side hedder index.html, og fordi serveren automatisk leder efter en fil, der hedder index.html, index.htm eller index.php.

Hvis du omdøber forsiden til mikromalerier.php, vil vil der ikke længere findes en index-fil, og så får du en fejlmeddelelse eller en liste over alle filerne (og det sidste kun hvis serveren benytter en "dum" opsætning).

Du kan jo selv prøve med din prøvemappe, hvor du ikke har en index-fil:
http://mikromalerier.dk/ny

Hvis du smider en index-fil ind i mappen ny, så vil du få vist den, ved at klikke på ovenstående link.

[Kim Ludvigsen]

Jeg ser lige, at du har et stykke hvidt mellem menuen og collage-billedet. Hvis det ikke er med vilje, ændrer du det ved at ændre baggrundsfarven på stilklassen .menu fra hvid til #ffffeb

[DonOlesen]

ok, nu skal jeg lige være med. Så jeg kan bare omdøbe den, men beholde menupunktet "Mikromalerier"?

Det er fordi jeg helst vil have at der står Mikromalerier og ikke index i menuboksen?

MVH

Per

[Kim Ludvigsen]

ok, nu skal jeg lige være med. Så jeg kan bare omdøbe den, men beholde menupunktet "Mikromalerier"?

Netop! Der er ingen sammenhæng mellem et menupunkt og det bagvedliggende filnavn - eller der behøver i hvert fald ikke være en sammenhæng.

[Kim Ludvigsen]

Måske jeg lige skal gøre det helt klart. I koden skal linket i menuen se sådan ud:
<a href="index.php">Mikromalerier</a>

På siden vil menupunktet hedde Mikromalerier, men når man klikker på linket, så hentes siden index.php.