Sådan navngiver du nye sidefiler i Dreamweaver

Bliv ikke til en panisk webdesigner på grund af ødelagte links forårsaget af Dreamweaver-filnavnekonflikter. Disse problemer opstår normalt ikke før efter en hjemmeside er publiceret på en server, så de kan være særligt forvirrende og svære at forstå.

Hvis du udgiver dit websted til en webserver, der kører på en Mac eller under Windows, gælder følgende muligvis ikke for dig. Men hvis du bruger en webserver, der kører Unix eller Linux (brugt af mange kommercielle webhostingfirmaer), er følgende instruktioner især vigtige. Hvis du ikke er sikker, skal du være sikker og følge disse regler, når du gemmer websider, billeder og andre filer på dit websted:

  • Medtag en udvidelse i slutningen for at identificere filtypen. Eksempler omfatter .html til HTML-filer og .gif til GIF-billeder. Dreamweaver tilføjer automatisk filtypenavnet .html til slutningen af ​​HTML-filer, hvilket fungerer for de fleste webservere.

    Men i det sjældne tilfælde, hvor du skal ændre udvidelsen til .htm for din webserver, kan du gøre det i Dreamweavers Indstillinger-dialogboks ved at vælge Rediger→ Indstillinger (Windows) eller Dreamweaver→ Indstillinger (Mac). Se sidebjælken "Visning af filtypenavne i Windows" for tips til, hvordan du får vist filtypenavne, som er skjult i Windows.

  • Brug ikke mellemrum eller specialtegn i filnavne. Navngiv f.eks. ikke en webside med en apostrof eller mellemrum, såsom cat's meow page.html. Hvis du vil adskille ord, kan du bruge understregningen (_) eller bindestregen (-).

    For eksempel er meow-page.html et fint filnavn. Tal er okay i de fleste tilfælde, selvom det er bedst ikke at starte et filnavn med et nummer. Store bogstaver betyder generelt ikke noget, men de fleste designere holder sig til små bogstaver. Hvis du gør det, holdes filnavnene konsistente og gør det nemmere at indstille og kontrollere links, fordi navnet på filen og dens reference i alle links skal matche.

Årsagen til alt dette postyr? Filnavne er især vigtige på websteder, fordi de er inkluderet i HTML-koden, når du angiver links. Et link fra en side til en anden består i det væsentlige af navnet på filen.

Links med navne, der indeholder mellemrum og specialtegn, fungerer fint i de fleste browsere, når du tester sider på en Mac eller en pc-computer, men mange webservere på internettet bruger software, der ikke accepterer mellemrum eller specialtegn i links. Derfor kan links, der ikke følger disse regler, blive brudt, når du udgiver webstedet til en webserver.

Ved at følge disse tre enkle regler - ingen mellemrum, ingen specialtegn og holde alt med små bogstaver - sikrer du, at dine links fungerer på ethvert system.

Sådan viser du filtypenavne i Windows

Når du får vist sider i Windows Stifinder, vil du ikke se filtypenavnet på dine GIF'er, JPEG'er eller HTML-sider (selvom disse udvidelser vil blive vist i panelet Filer i Dreamweaver), medmindre du ændrer indstillingerne på en Windows-computer.

For at ændre indstillingerne, så du kan se udvidelser i Windows Stifinder, skal du åbne dialogboksen Mappeindstillinger, vælge fanen Vis og derefter se den lange liste af muligheder igennem og fravælge Skjul udvidelser for kendte filtyper.

Hvordan du åbner dialogboksen Mappeindstillinger afhænger af, hvilken version af Windows du bruger. Du burde nemt kunne finde dialogboksen, hvis du søger efter Mappeindstillinger i Hjælp-sektionen.

Sådan navngiver du nye sidefiler i Dreamweaver

Navngiv den første side index.html

En anden forvirrende regel er, at hovedsiden på dit websted skal hedde index.html (på nogle Windows-baserede servere skal den første side hedde default.html). De fleste servere på internettet er konfigureret til at betjene siden index.html eller default.html først, men du bør kontakte din webhostingtjeneste eller den administrator, der administrerer din webserver, for at bekræfte det navn, der kræves til din server.

I det væsentlige, når en webbrowser kommer til et domænenavn, såsom DigitalFamily.com, er den første side, der åbnes, index.html. På samme måde, når en webbrowser dirigeres til en undermappe på et websted, viser den også indekssiden først.

Som et resultat, hvis du f.eks. opretter en undermappe med navnebøgerne , og du inde i den undermappe opretter en side med navnet index.html som hovedside, kan du fortælle besøgende på dit websted, at de blot skal indtaste www.DigitalFamily.com/ bøger for at komme til bogsiden på dit websted. Hvis du navngiver den første side noget andet, såsom books.html, skal besøgende skrive www.DigitalFamily.com/books/books.html for at åbne siden.

Resten af ​​siderne på dit websted (eller en hvilken som helst undermappe) kan navngives, hvad du kan lide. Bare husk: Inkluder ikke mellemrum eller specialtegn (undtagen bindestregen eller understregningen).

Det er ligegyldigt, om du bruger store eller små bogstaver, når du skriver et domænenavn, men alt, der kommer efter .com (eller .net, eller hvad end slutningen på dit domænenavn nu end er) skal passe med store og små bogstaver for fil- og mappenavnene .


Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]