Hola, me estoy iniciando en esto de la programación. Soy muy novato y no tengo mucha idea de cómo se hacen páginas web, ni cómo es su procedimiento. En principio no tengo intención en dedicarme a esto, es más una curiosidad personal.
Mi pregunta va relacionada con cómo enlazar a un archivo HTML un CSS como archivo externo, pero que esté en mi ordenador. He visto en el curso de CSS que se puede hacer en el propio HTML con <style>, pero quisiera hacerlo con un archivo distinto *.css. Es decir con <link>, pero dice que tiene que ser una URL . He intentado poniendo ruta de mi archivo CSS en href pero no funciona. Ya os digo que no tengo ni idea de esto.
Espero haberme explicado, y espero que podáis contestarme a pesar de mi ignorancia en estos temas.
Gracias y un saludo.
Respuestas
@Serube6, si enlazas en una página HTML un archivo CSS que se encuentra en tu ordenador, la página sólo se va a ver bien en ese mismo ordenador. En cualquier caso, el procedimiento para enlazar el archivo CSS es el mismo, salvo que en vez de una URL tradicional, tienes que indicar la URL que corresponda al archivo de tu ordenador.
Enlazando un archivo CSS alojado en algún servidor:
<link href="http://acme.com/css/prueba.css" rel="stylesheet" type="text/css">
Enlazando un archivo CSS local:
<link href="file:///Users/javier/Desktop/prueba.css" rel="stylesheet" type="text/css">
Las URL de los archivos locales del ordenador comienzan por file://. En el ejemplo anterior, la URL es /Users/javier/Desktop/prueba.css, porque esa es la ruta de un archivo llamado prueba.css y guardado en mi escritorio. Si utilizas Windows, tendrás que indicar la ruta desde C:/ sustituyendo todos los espacios en blanco por %20. Ejemplo:
<link href="file:///C:/Documents%20and%20Settings/javier/prueba.css" rel="stylesheet" type="text/css">
Consulta este artículo si utilizas Windows y tienes problemas para indicar la URL de un archivo de tu ordenador.
@javiereguiluz
Muchas gracias Javier.
No me importa que no vea mi página nadie ahora mismo, porque estoy aprendiendo. Como ya te comenté es una curiosidad personal. Estoy utilizando un programa que se llama "Komodo Edit 8" para ver lo que voy haciendo. Si conoces algún otro que sea mejor o más educativo, te agradecería que me lo dijeras.
Quería darte las gracias también por tu trabajo desinteresado. Me estás ayudando mucho. Empecé con una página llamada Codeacademy que me ayudó bastante al principio, pero luego se me ha quedado un poco corto.
Saludos, Sergio.
@Serube6
@Serube6, releyendo tu pregunta creo que mi respuesta es mucho más complicada de lo que debería ser. Como seguramente tendrás tanto el archivo HTML como el archivo CSS en el mismo ordenador, lo más fácil es que los enlaces entre sí de la siguiente manera:
1. Si los dos archivos están en el mismo directorio
directorio/ ├─ prueba.html └─ prueba.css
<link href="prueba.css" rel="stylesheet" type="text/css">
2. Si los dos archivos están en directorios diferentes
directorio/ ├─ prueba.html └─ css/ └─ prueba.css
<link href="css/prueba.css" rel="stylesheet" type="text/css">
Respecto a alguna recomendación sobre programas para crear páginas, a mí me gusta mucho el programa WebStorm, ya que tiene un soporte perfecto de todas las tecnologías web actuales.
@javiereguiluz
directorio/ ├─ php/ └─prueba.php └─ css/ └─ prueba.css ´´´ Buenas, ¿Cómo podría hacer para enlazar mi archivo prueba.php a mi archivo prueba.css?
@daniel_marcano_
@Darwin_P_D