Foros del Web » Creando para Internet » CSS »

Soy novata y...

Estas en el tema de Soy novata y... en el foro de CSS en Foros del Web. Hola a todos, Soy novata en esto de páginas web, pero me han encargado que mantenga una. Trasteando un poco he conseguido el objetivo que ...

  #1 (permalink)  
Antiguo 23/11/2010, 11:18
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 7 años
Puntos: 0
Soy novata y...

Hola a todos,

Soy novata en esto de páginas web, pero me han encargado que mantenga una. Trasteando un poco he conseguido el objetivo que quería de añadir ciertos datos a una página, pero el formato se ha trastocado del todo.

Los archivos los estoy haciendo en word y subiéndolos con FileZilla. En los archivos que había antes en la página he visto que había archivos con formato .css, que se supone que son los que determinan el formato de la página, pero no sé cómo aplicarlos a los archivos que yo cree (para que el encabezado y pie de página entre otros se adapten al resto de la página).

He probado a meter los archivos css antiguos en la misma carpeta en la que he creado los archivos a ver si funcionaba, pero nada.

Espero haberme explicado bien.
Cualquier ayuda me vendría muy bien.
Gracias!
  #2 (permalink)  
Antiguo 23/11/2010, 12:22
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Soy novata y...

valla que si te explicaste jejeje con decir los creaste en word... no hay mas que decirte EMPIEZA DE NUEVO, lamentablemente word no sirve para crear nada de webs

como veo que no conoces ni los principios básicos te recomiendo leas estos libros http://librosweb.es empezando por introducción xhtml e introducción css

y te consigas un editor html como dreamweaver o Nvu
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 23/11/2010, 12:30
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Me dijeron que podía hacerlo... pero veo que no es para editar jaja.

Me bajaré dreamweaver a ver qué tal y ya os cuento..

Muchas gracias!
  #4 (permalink)  
Antiguo 23/11/2010, 14:17
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Soy novata y...

Cita:
Iniciado por Ag666 Ver Mensaje
dreamweaver o Nvu
Cita:
Iniciado por yppah Ver Mensaje
Me bajaré dreamweaver a ver qué tal y ya os cuento..
Buenas, estudia el libro que te mencionarón y NO uses dreamweaver, no ayuda al aprendizaje y además, mete código no necesario.

Te recomiendo notepad++

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #5 (permalink)  
Antiguo 23/11/2010, 14:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Soy novata y...

Hola:

Cita:
Iniciado por Impostor Ver Mensaje
Te recomiendo notepad++
Apoyo la recomendación.

Saludos.

  #6 (permalink)  
Antiguo 23/11/2010, 14:35
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Soy novata y...

Cita:
Iniciado por impostor Ver Mensaje

te recomiendo notepad++

saludos¡¡
+1
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #7 (permalink)  
Antiguo 23/11/2010, 14:52
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Soy novata y...

Cita:
Iniciado por Impostor Ver Mensaje
Buenas, estudia el libro que te mencionarón y NO uses dreamweaver, no ayuda al aprendizaje y además, mete código no necesario.

Te recomiendo notepad++

Saludos¡¡
Totalmente de acuerdo, dreamweaver a la larga no es muy util que digamos aunque yo lo recomendé considerando la necesidad de sacar ese trabajo adelante y (aunque mal echo) pensando en que la compañera no pretende meterse de lleno al tema de desarrollo web.

en fin apoyo la recomendación de usar Notepad++
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #8 (permalink)  
Antiguo 24/11/2010, 03:20
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Puedes crear una página web con el notepad, al acabar al ficherlo le cambias la extensión a *.htm. Si hubieras metido código PHP la extensión sería *.php...

[Si usas dreamweaver de lujo, pero utilízalo en modo código, no en modo diseño].

Para aplicar los estilos de los archivos *.css que dices que ves, entre las etiquetas <head> y </head> del código HTML debes añadir la siguiente línea:

<link type='text/css' rel='stylesheet' href='laruta/de/loscss.css' />

***

Si la nueva página la has empezado de cero es probable que al poner la línea de código que te digo no notes ninguna diferencia visual en la página.

El funcionamiento mas básico de CSS es con etiquetas.
Te explico...
En el archivo *.css declaras unos estilos (por grupos) de la siguiente manera...
Código:
#fuente_original
{
     font-size: 20px;
     background-color: #F7F7F7;
}

#fuente_rara
{
     float: left;
     font-size: 100px;
}
Ok. Pues ahora en el código HTML puedes usar estos estilos de la siguiente manera (dentro de las etiquetas <body> </body> del archivo *.htm):

Código HTML:
...
...
...
<body>
   <div id = "fuente_original">
      Este texto utiliza fuente_original
   </div>
   
   <div id = "fuente_rara">
      Este texto utiliza fuente_rara
   </div>
</body>
</html> 
De todas maneras te recomiendo que te leas algún manual, que siempre te va a quedar mas claro.
Si quieres ponerte en serio con CSS estudia en el siguiente orden:
CSS
CSS3
Maquetación con CSS

Y después puedes mirar (por curiosidad) algún framework de CSS
Grid 960
Sîmple
  #9 (permalink)  
Antiguo 24/11/2010, 08:57
 
Fecha de Ingreso: junio-2008
Mensajes: 165
Antigüedad: 9 años, 6 meses
Puntos: 6
Respuesta: Soy novata y...

Te recomiendo utilizar el notepad++, te admite lenguajes de programación como: HTML, CSS, PHP, SQL, C++...etc
  #10 (permalink)  
Antiguo 24/11/2010, 09:34
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Cita:
Iniciado por yppah Ver Mensaje
Hola a todos,

Soy novata en esto de páginas web, pero me han encargado que mantenga una. Trasteando un poco he conseguido el objetivo que quería de añadir ciertos datos a una página, pero el formato se ha trastocado del todo.

Los archivos los estoy haciendo en word y subiéndolos con FileZilla. En los archivos que había antes en la página he visto que había archivos con formato .css, que se supone que son los que determinan el formato de la página, pero no sé cómo aplicarlos a los archivos que yo cree (para que el encabezado y pie de página entre otros se adapten al resto de la página).

He probado a meter los archivos css antiguos en la misma carpeta en la que he creado los archivos a ver si funcionaba, pero nada.

Espero haberme explicado bien.
Cualquier ayuda me vendría muy bien.
Gracias!
Cita:
Iniciado por cronosmen Ver Mensaje
Te recomiendo utilizar el notepad++, te admite lenguajes de programación como: HTML, CSS, PHP, SQL, C++...etc
Interesante respuesta...
  #11 (permalink)  
Antiguo 24/11/2010, 09:56
Avatar de martin0341  
Fecha de Ingreso: septiembre-2006
Ubicación: Rosario - Santa Fe
Mensajes: 296
Antigüedad: 11 años, 3 meses
Puntos: 8
Respuesta: Soy novata y...

Recomiendo el UltraEdit tambien.
Saludos
  #12 (permalink)  
Antiguo 24/11/2010, 10:28
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Yo recomiendo el paint

Pero vamos, lo que pregunta es tema de CSS, no está preguntando por un editor de código...
  #13 (permalink)  
Antiguo 24/11/2010, 10:54
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Soy novata y...

Cita:
Iniciado por erectizante Ver Mensaje
Yo recomiendo el paint

Pero vamos, lo que pregunta es tema de CSS, no está preguntando por un editor de código...
En el momento que dijo

Cita:
Iniciado por yppah Ver Mensaje
Los archivos los estoy haciendo en word y subiéndolos con FileZilla.
Nos obliga a mencionar las opciones que tiene como editores html + css ya que es mas que evidente no tiene idea de lo que necesita hacer (sin afan de ofender) y si alguien tiene una guia fácil de comprender es bien recibida.
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #14 (permalink)  
Antiguo 24/11/2010, 11:28
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Creo que ha quedado bastante claro que con el word nooo.
De todas maneras lo repito... En realidad está preguntando otra cosa...

Bueno, yo creo que ya están todas las posibles dudas mas que resueltas, lo que falta que el autor de la pregunta haga acto de presencia y diga algo...
  #15 (permalink)  
Antiguo 24/11/2010, 20:44
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Soy novata y...

Cita:
Iniciado por Ag666 Ver Mensaje
valla que si te explicaste jejeje con decir los creaste en word... no hay mas que decirte EMPIEZA DE NUEVO, lamentablemente word no sirve para crear nada de webs

como veo que no conoces ni los principios básicos te recomiendo leas estos libros http://librosweb.es empezando por introducción xhtml e introducción css

y te consigas un editor html como dreamweaver o Nvu
Una respuesta algo dura no??
  #16 (permalink)  
Antiguo 24/11/2010, 20:45
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Soy novata y...

Cita:
Iniciado por yppah Ver Mensaje
Me dijeron que podía hacerlo... pero veo que no es para editar jaja.

Me bajaré dreamweaver a ver qué tal y ya os cuento..

Muchas gracias!
Una buena eleccion, yo aprendi usando DreamWaber en el Colegio. Aunque hoy, menos para VB,C# o java, pero para html, css, procedimientos almacenados...utilizo NOTEPAD++, mucho mejor con expresiones regulares (Aunque no compite con vim en esta area) para lo demas muy practico....pero solo para programdores que dominan lenguaje o que no tiene algo urgente que entregar.

-> Continua con DreamWeaber.
  #17 (permalink)  
Antiguo 24/11/2010, 20:50
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Soy novata y...

No, no es una buena elección, al mal paso darle prisa, si es por aprender, mejor se aprende bien primero.

Saludos
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #18 (permalink)  
Antiguo 24/11/2010, 21:02
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Soy novata y...

Cita:
Iniciado por Dalvenjha Ver Mensaje
No, no es una buena elección, al mal paso darle prisa, si es por aprender, mejor se aprende bien primero.

Saludos
Pero si lo unico que esta preguntando es como cargar los archivos CSS, cual programa crees que le podria dar una solucion mas pronta notepad++ o DreamWaber!!! Ademas hay que pensar en dar soluciones.
Grrrrrrrrrrr
  #19 (permalink)  
Antiguo 24/11/2010, 21:06
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 8 meses
Puntos: 460
Respuesta: Soy novata y...

bueno aunque apoyo a todos lo que indicaron el notepad++ defendere un poco el dreamweaver ya que para mi tiene una parte buena que es que te permite ver la parte grafica en el mismo editor, ojo verla en el mismo sitio y no editar en esta parte ya que te crea como ya han dicho antes codigo BASURA!!, pero al igual que otros editores te ayuda en la parte del codigo, de echo la version 5 de adobe te va pintando si tienes errores la linea en rojo, y para cuando uno esta comenzando creo que ayuda bastante, eso si en el modo de editor de codigo y no de diseño, pero en si los que te hemos indicado son solo editores que te ayudaran a realizar y modificar tu codigo pero creo que lo primordial es que pases por un buen tutorial comenzando con (x)html a mi en lo personal este sitio me parece que para cuando uno no tiene ni idea lo explican muy bien y colocan ejercicios y te dan la solucion, dentro del mismo sitio hay mas tutoriales para que te adentres en lo que a el desarrollo web respecta, solo queda que pongas de tu parte y si tienes dudas puntuales no dudes en preguntar en el foro correspondiente que con seguridad se te ayudara suerte
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #20 (permalink)  
Antiguo 24/11/2010, 21:31
 
Fecha de Ingreso: noviembre-2010
Mensajes: 6
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Hola yo soy novato, pero lo ultimo que e leido, dise que el nvu es libre y mas fasil que el dream weaver, y de un diseño preestablesido, lo copias y te da el html, para editar, prueba bajar y usar kompozer, suerte. nota todas magnificas sugerencias.
  #21 (permalink)  
Antiguo 25/11/2010, 02:44
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Mmmm...

Espero que alguien que tenga un problema símil empiece a googlear y llege a esta page...

Por que lo que es la autora del tema, como que pasa un poco ya de volver...
  #22 (permalink)  
Antiguo 25/11/2010, 13:21
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
Para escribir y/o editar codigo tambien recomiendo Gedit, es compatible con muchos lenguajes.

Saludos
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #23 (permalink)  
Antiguo 26/11/2010, 02:49
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Hombre chicos... Todo depende...
El mundo no es Blanco o Negro, entre esos dos hay todo un abanico de colores.

¿Utilizaríais unos alicates para clavar un clavo?
¿Verdad que cogeríais el martillo?
¿Y para apretar una tuerca?
¿Utilizariais el martillo o los alicates?

Mmm... La cosa está utilizar la herramienta que mas te convenga en cada caso...

Os voy a poner un ejemplo:

Dreamweaver -> PHP, CSS, HTML, JAVASCRIPT, XML, o incluso ActionScript...
Netbeans -> PHP, Java, XML...
Eclipse -> Java...
VisualStudio2010 -> VB, C#, ASP, XML...
Notepad -> Batch...
Word/OpenOffice -> Documentaciones de software...

No utilizaría NotePad++ para todos estos lenguajes
  #24 (permalink)  
Antiguo 26/11/2010, 05:03
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Soy novata y...

Es que erectizante, esa es la diferencia entre un profesional y un aficionado, =) para todo eso, menos documentación de software si usaría notepad++ es más LO USO, así que porfavor no desinformes a la gente.

Tu comparación es pésima por cierto, ya que no puedes hablar de notepad++ como de un alicate para un clavo, otra cosa es que el albañil no conozca bien las herramientas.

Saludos
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #25 (permalink)  
Antiguo 26/11/2010, 06:13
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Dalvenjha, a lo mejor querrías decir:
"Tu comparación para mi es pésima..."
Aunque a mi me gustaría mas llamarlo metáfora, a lo mejor por eso te ha parecido tan mala la "comparación"...

¿A qué viene este ataque?
  #26 (permalink)  
Antiguo 26/11/2010, 06:22
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Cita:
Iniciado por erectizante Ver Mensaje
Hombre chicos... Todo depende...
No utilizaría NotePad++ para todos estos lenguajes
Me refiero a que no lo utilizaría para todos, a lo mejor para uno específico si...
Lo de que deje de desinformar a la gente no lo entiendo...

(No pretendo atacarte, como tú a mi)
  #27 (permalink)  
Antiguo 26/11/2010, 08:05
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Soy novata y...

Cita:
Iniciado por erectizante Ver Mensaje
Dalvenjha, a lo mejor querrías decir:
"Tu comparación para mi es pésima..."
Aunque a mi me gustaría mas llamarlo metáfora, a lo mejor por eso te ha parecido tan mala la "comparación"...

¿A qué viene este ataque?

¿? no es que me pareció es que lo és, no puedes comparar al notepad++ con un desarmador para un clavo cuando ello es falso.

Cuando hablo de desinformar me refiero a que recomiendas herramientas que en mi caso si noto que no son las adecuadas, como tu y yo sabemos dreamweaver mete código basura y es la manera más fácil de lograr un diseñador / programador, flojo y malacostumbrado, que no acostumbra más que usar el modo diseño.

Saludos!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #28 (permalink)  
Antiguo 26/11/2010, 08:56
Avatar de erectizante  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 26
Antigüedad: 7 años
Puntos: 0
Respuesta: Soy novata y...

Cita:
Iniciado por Dalvenjha Ver Mensaje
Cuando hablo de desinformar me refiero a que recomiendas herramientas que en mi caso si noto que no son las adecuadas, como tu y yo sabemos dreamweaver mete código basura y es la manera más fácil de lograr un diseñador / programador, flojo y malacostumbrado, que no acostumbra más que usar el modo diseño.

Saludos!
Obviamente que el dreamweaver mete código basura, pero a la hora de utilizar en modo "Código" se trata de un editor de código bastante competitivo, pero tampoco me centro en el, cito otros IDE's distintos para cada caso...

Con lo de profesional/aficionado... ¿Me estás llamando aficionado?

Otro saludo!
  #29 (permalink)  
Antiguo 26/11/2010, 09:23
 
Fecha de Ingreso: septiembre-2010
Mensajes: 14
Antigüedad: 7 años, 2 meses
Puntos: 6
Respuesta: Soy novata y...

Checale un ojo a este http://www.creativehacks.com/html/como-funciona-html/
  #30 (permalink)  
Antiguo 26/11/2010, 09:31
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Soy novata y...

No, no te llamo nada, simplemente es la diferencia que el usuario puede tener en un futuro, si comienzas mal terminas mal, si comienzas bien terminas bien.
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:09.