Soy novata y...

yppah · #1 (**permalink**) 23/11/2010, 11:18

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!

ArturoGallegos · #2 (**permalink**) 23/11/2010, 12:22

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

yppah · #3 (**permalink**) 23/11/2010, 12:30

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!

Impostor · #4 (**permalink**) 23/11/2010, 14:17

Cita:

Iniciado por Ag666

dreamweaver o Nvu

Cita:

Iniciado por yppah

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¡¡

jomaruro · #5 (**permalink**) 23/11/2010, 14:31

Hola:

Cita:

Iniciado por Impostor

Te recomiendo notepad++

Apoyo la recomendación.

Saludos.

Dalvenjha · #6 (**permalink**) 23/11/2010, 14:35

Cita:

Iniciado por impostor

te recomiendo notepad++

saludos¡¡

+1

ArturoGallegos · #7 (**permalink**) 23/11/2010, 14:52

Cita:

Iniciado por Impostor

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++

erectizante · #8 (**permalink**) 24/11/2010, 03:20

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

cronosmen · #9 (**permalink**) 24/11/2010, 08:57

Te recomiendo utilizar el notepad++, te admite lenguajes de programación como: HTML, CSS, PHP, SQL, C++...etc

erectizante · #10 (**permalink**) 24/11/2010, 09:34

Cita:

Iniciado por yppah

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

Te recomiendo utilizar el notepad++, te admite lenguajes de programación como: HTML, CSS, PHP, SQL, C++...etc

Interesante respuesta...

martin0341 · #11 (**permalink**) 24/11/2010, 09:56

Recomiendo el UltraEdit tambien.
Saludos

erectizante · #12 (**permalink**) 24/11/2010, 10:28

Yo recomiendo el paint

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

ArturoGallegos · #13 (**permalink**) 24/11/2010, 10:54

Cita:

Iniciado por erectizante

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

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.

erectizante · #14 (**permalink**) 24/11/2010, 11:28

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...

SPAWN3000 · #15 (**permalink**) 24/11/2010, 20:44

Cita:

Iniciado por Ag666

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??

SPAWN3000 · #16 (**permalink**) 24/11/2010, 20:45

Cita:

Iniciado por yppah

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.

Dalvenjha · #17 (**permalink**) 24/11/2010, 20:50

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

Saludos

SPAWN3000 · #18 (**permalink**) 24/11/2010, 21:02

Cita:

Iniciado por Dalvenjha

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

carlos_belisario · #19 (**permalink**) 24/11/2010, 21:06

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

artsan · #20 (**permalink**) 24/11/2010, 21:31

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.

erectizante · #21 (**permalink**) 25/11/2010, 02:44

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...

_Adrian_ · #22 (**permalink**) 25/11/2010, 13:21

Para escribir y/o editar codigo tambien recomiendo Gedit, es compatible con muchos lenguajes.

Saludos

erectizante · #23 (**permalink**) 26/11/2010, 02:49

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

Dalvenjha · #24 (**permalink**) 26/11/2010, 05:03

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

erectizante · #25 (**permalink**) 26/11/2010, 06:13

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?

erectizante · #26 (**permalink**) 26/11/2010, 06:22

Cita:

Iniciado por erectizante

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)

Dalvenjha · #27 (**permalink**) 26/11/2010, 08:05

Cita:

Iniciado por erectizante

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!

erectizante · #28 (**permalink**) 26/11/2010, 08:56

Cita:

Iniciado por Dalvenjha

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!

josueochoa · #29 (**permalink**) 26/11/2010, 09:23

Checale un ojo a este http://www.creativehacks.com/html/como-funciona-html/

Dalvenjha · #30 (**permalink**) 26/11/2010, 09:31

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.