Com anomenar fitxers de pàgina nous a Dreamweaver

No us convertiu en un dissenyador web en pànic a causa dels enllaços trencats causats pels conflictes de noms de fitxer de Dreamweaver. Aquests problemes normalment no es produeixen fins després de publicar un lloc web en un servidor, de manera que poden ser especialment confusos i difícils d'entendre.

Si publiqueu el vostre lloc web en un servidor web que s'executa en un Mac o amb Windows, és possible que no us apliqui el següent. Però si utilitzeu un servidor web que executa Unix o Linux (utilitzat per moltes empreses comercials d'allotjament web), les instruccions següents són especialment importants. Si no n'esteu segur, estigueu segur i seguiu aquestes regles quan deseu pàgines web, imatges i altres fitxers al vostre lloc:

  • Incloeu una extensió al final per identificar el tipus de fitxer. Alguns exemples inclouen .html per a fitxers HTML i .gif per a imatges GIF. Dreamweaver afegeix automàticament l' extensió de fitxer .html al final dels fitxers HTML, que funciona per a la majoria de servidors web.

    Tanmateix, en el cas rar que necessiteu canviar l'extensió a .htm per al vostre servidor web, podeu fer-ho al quadre de diàleg Preferències de Dreamweaver escollint Edita→Preferències (Windows) o Dreamweaver→Preferències (Mac). Consulteu la barra lateral "Mostrar extensions de fitxer a Windows" per obtenir consells sobre com veure les extensions de fitxer, que estan amagades a Windows.

  • No utilitzeu espais ni caràcters especials als noms de fitxer. Per exemple, no anomeneu una pàgina web amb un apòstrof o espais, com ara la pàgina miau del gat.html. Si voleu separar paraules, podeu utilitzar el guió baix (_) o el guionet (-).

    Per exemple, meow-page.html és un bon nom de fitxer. Els números estan bé en la majoria dels casos, tot i que és millor no començar un nom de fitxer amb un número. En general, les majúscules no importen, però la majoria dels dissenyadors es mantenen amb les minúscules. En fer-ho, els noms de fitxers són coherents i facilita la configuració i la comprovació dels enllaços perquè el nom del fitxer i la seva referència en qualsevol enllaç han de coincidir.

El motiu de tot aquest enrenou? Els noms de fitxer són especialment importants als llocs web perquè s'inclouen al codi HTML quan configureu enllaços. Un enllaç d'una pàgina a una altra es compon bàsicament del nom del fitxer.

Els enllaços amb noms que inclouen espais i caràcters especials funcionen bé a la majoria de navegadors quan proveu pàgines en un ordinador Mac o PC, però molts servidors web d'Internet utilitzen programari que no accepta espais ni caràcters especials als enllaços. Per tant, els enllaços que no segueixen aquestes regles poden trencar-se quan publiqueu el lloc en un servidor web.

Seguint aquestes tres regles senzilles: sense espais, sense caràcters especials i mantenint-ho tot en minúscules, us assegureu que els vostres enllaços funcionaran en qualsevol sistema.

Com mostrar les extensions de fitxer a Windows

Quan visualitzeu pàgines a l'Explorador de Windows, no veureu l'extensió de fitxer de les vostres pàgines GIF, JPEG o HTML (tot i que aquestes extensions es mostraran al tauler Fitxers de Dreamweaver) tret que canvieu la configuració en un ordinador Windows.

Per canviar la configuració de manera que pugueu veure les extensions a l'Explorador de Windows, obriu el quadre de diàleg Opcions de carpeta, trieu la pestanya Visualització i, a continuació, mireu la llarga llista d'opcions i desmarqueu Amaga extensions per a tipus de fitxers coneguts.

La manera com obriu el quadre de diàleg Opcions de carpeta depèn de la versió de Windows que utilitzeu. Hauríeu de poder trobar el quadre de diàleg fàcilment si cerqueu Opcions de carpeta a la secció Ajuda.

Com anomenar fitxers de pàgina nous a Dreamweaver

Anomena la primera pàgina index.html

Una altra regla confusa és que la pàgina principal del vostre lloc web s'ha d'anomenar index.html (en alguns servidors basats en Windows, la primera pàgina s'ha d'anomenar default.html). La majoria dels servidors d'Internet estan configurats per publicar primer la pàgina index.html o default.html, però hauríeu de consultar amb el vostre servei d'allotjament web o amb l'administrador que gestiona el vostre servidor web per confirmar el nom necessari per al vostre servidor.

Bàsicament, quan un navegador web arriba a un nom de domini, com ara DigitalFamily.com, la primera pàgina que s'obre és index.html. De la mateixa manera, quan un navegador web es dirigeix ​​a una subcarpeta d'un lloc, també mostra primer la pàgina d'índex.

Com a resultat, si creeu una subcarpeta amb els llibres de noms, per exemple, i dins d'aquesta subcarpeta creeu una pàgina anomenada index.html com a pàgina principal, podeu dir als visitants del vostre lloc que simplement introdueixin www.DigitalFamily.com/ llibres per arribar a la pàgina de llibres del vostre lloc. Si poseu un nom a la primera pàgina, com ara books.html, els visitants han d'escriure www.DigitalFamily.com/books/books.html per obrir la pàgina.

La resta de pàgines del vostre lloc (o qualsevol subcarpeta) es poden anomenar com vulgueu. Només recordeu: no inclogueu espais ni caràcters especials (excepte el guionet o el guió baix).

No importa si utilitzeu lletres majúscules o minúscules quan escriviu un nom de domini, però tot el que ve després de .com (o .net, o qualsevol que sigui el final del vostre nom de domini) ha de coincidir amb les majúscules i minúscules dels noms dels fitxers i les carpetes. .


Com aplicar la transparència als SVG

Com aplicar la transparència als SVG

Obteniu informació sobre com aplicar la transparència als gràfics SVG a Illustrator. Descobriu com publicar SVG amb fons transparents i aplicar efectes de transparència.

Treballant amb imatges a Adobe XD

Treballant amb imatges a Adobe XD

Després d'haver importat les vostres imatges a Adobe XD, no teniu gaire control d'edició, però podeu canviar la mida i girar les imatges com ho faríeu amb qualsevol altra forma. També podeu arrodonir fàcilment les cantonades d'una imatge importada mitjançant els ginys de cantonada. Enmascarar les vostres imatges Definint una forma tancada […]

Treballant amb taules de treball a Photoshop CC

Treballant amb taules de treball a Photoshop CC

Igual que a Adobe Illustrator, les taules de treball de Photoshop ofereixen la capacitat de crear pàgines o pantalles separades dins d'un sol document. Això pot ser especialment útil si esteu creant pantalles per a una aplicació mòbil o un petit fulletó. Podeu pensar en una taula de treball com un tipus especial de grup de capes creat mitjançant el tauler Capes. La seva […]

Formes i polígons a InDesign

Formes i polígons a InDesign

Moltes de les eines que trobeu al tauler Eines d'InDesign s'utilitzen per dibuixar línies i formes en una pàgina, de manera que teniu diverses maneres diferents de crear dibuixos interessants per a les vostres publicacions. Podeu crear qualsevol cosa, des de formes bàsiques fins a dibuixos complexos dins d'InDesign, en lloc d'haver d'utilitzar un programa de dibuix com […]

Emboliqui el text a Adobe Illustrator CC

Emboliqui el text a Adobe Illustrator CC

Embolicar text a Adobe Illustrator CC no és el mateix que embolicar un regal: és més fàcil! Un embolcall de text obliga el text a embolicar-se al voltant d'un gràfic, tal com es mostra en aquesta figura. Aquesta característica pot afegir una mica de creativitat a qualsevol peça. El gràfic obliga el text a envoltar-lo. Primer, crea […]

Com canviar la mida de les formes a Illustrator

Com canviar la mida de les formes a Illustrator

Quan dissenyeu a Adobe Illustrator CC, sovint necessiteu una forma per tenir una mida exacta (per exemple, 2 x 3 polzades). Després de crear una forma, la millor manera de canviar-la a les mesures exactes és utilitzar el tauler Transformació, que es mostra en aquesta figura. Seleccioneu l'objecte i, a continuació, trieu Finestra→Transforma a […]

Com crear codis QR a InDesign CC

Com crear codis QR a InDesign CC

Podeu utilitzar InDesign per crear i modificar gràfics de codi QR. Els codis QR són una forma de codi de barres que pot emmagatzemar informació com ara paraules, números, URL o altres formes de dades. L'usuari escaneja el codi QR amb la seva càmera i el programari en un dispositiu, com ara un telèfon intel·ligent, i el programari fa servir […]

Com ajustar les propietats del text a Adobe XD

Com ajustar les propietats del text a Adobe XD

Quan tingueu text al vostre projecte Adobe XD, podeu començar a canviar les propietats del text. Aquestes propietats inclouen Família de tipus de lletra, Mida del tipus de lletra, Pes del tipus de lletra, Alineació, Espaiat entre caràcters (interlineat i seguiment), Interlineat (interlineat), Farciment, Vora (traç), Ombra (ombra vertical) i Desenfocament de fons. Per tant, revisem com s'apliquen aquestes propietats. Sobre la llegibilitat i el tipus de lletra […]

Com fer que una nova foto sembli antiga a Photoshop CS6

Com fer que una nova foto sembli antiga a Photoshop CS6

Pot ser que hi hagi un moment en què necessitis una foto nova per semblar antiga. Photoshop CS6 t'ha cobert. La fotografia en blanc i negre és un fenomen més nou del que podríeu pensar. Els daguerrotips i altres fotografies primerenques sovint tenien un to marró o blavós. Podeu crear les vostres pròpies obres mestres en tons sèpia. Les imatges tonificades poden crear […]

La funció Live Paint a Adobe CS5 Illustrator

La funció Live Paint a Adobe CS5 Illustrator

Amb la funció Live Paint d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, podeu crear la imatge que vulgueu i omplir regions amb color. La galleda de pintura en viu detecta automàticament les regions compostes per camins d'intersecció independents i les omple en conseqüència. La pintura dins d'una regió determinada continua viva i flueix automàticament si hi ha […]