DUDAS LECCION 2 AQUI

Usuario 1064 · 15 Mar 2007, 15:34 · Solicitar retirada

Hola aidajo,
he comprobado tu código y a mi me funciona bien, prueba a poner esto:

<html>
<head>
<title>Bienvenidos a la pagina de Aida Santos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
/* Esto es mi hoja de estilo */

BODY { background-color:orange ; }

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

/* Fin de mi hoja de estilo */
</style>
</head>
<body>

Esta es mi página principal.

Os doy la bienvenida a todos los que la visiteis y os invito a que deis un
paseo por el foro y asi dejar algun comentario a cerca de lo que os ha parecido.
Gracias. Un saludo a todos.

CreaTuWeb
</body>
</html>

Si esto te funciona significa que el fallo estaba en que no tenías la hoja de estilos bien vinculada al html, comprueba las rutas.

Si aún así no te funciona, pues ya no sé que decirte. El código es correcto.

aidajo · 15 Mar 2007, 17:18 · Solicitar retirada

Muchísimas gracias por contestarme de verdad solidaria... pero estoy empezando en esto... donde pongo todo ese código que me has puesto? en la hoja de estilo o en el index...???

aidajo · 15 Mar 2007, 17:34 · Solicitar retirada

Vale, no podía esperar asi que he investigado y lo he pegado todo en el index... asi que he borrado lo que yo tenía y e puesto todo ese código que me has puesto tu... y ahora??? me refiero a que me dices que si sí que funciona con lo que me pones... que compruebe las rutas... como hago eso?? debería de dejar puesto en el index o que tu me has dicho que ponga, o una vez que me digas como arreglar las rutas y las arregle, debería poner lo que yo tenía en un principio...
joe, si doy mucho la tabarra decírmelo please... estoy enganchada.. MIL GRACIAS!

Usuario 1064 · 15 Mar 2007, 21:47 · Solicitar retirada

Pero te ha funcionado o no te ha funcionado?

Vamos por el principio, veo que estás bastante liado.

A la pregunta (se me ha pegado la moda del polígrafo)...

Qué son y para qué sirven los estilos?

los estilos sirven para darle atributos al texto, parrafos, viñetas, etc..
por ejemplo, si quieres darle un color rojo a un párrafo, tendrás que darle ese atributo.

 texto rojo ale que bien! 

Que le quieres poner una fuente arial

 Texto rojo con fuente arial 

Pero a que es un coñazo tener que darle ese atributo cada vez que escribas un párrafo?

Esa es una de las ventajas de los estilos, que se pueden aplicar atributos a toda una etiqueta sin necesidad de hacerlo como la forma anterior.
Para ello debes colocarte entre las etiquetas <head> y </head>, aquí es donde se pone además de los datos de la web, se colocan los códigos como javascritp, php, y los estilos.

Así que vamos a decirle que todos los párrafos sean de color rojo.

<html>
<head>
<style>

p {color:red; }

</style>

</head>
<body>

este párrafo es de color rojo. 

uy!, y este tambien!! 

</body>

Pero si yo quiero que unos párrafos sean de color negro y otros sean de color rojo, como lo hago?

Para eso podemos diseñar nuestro propio estilo. Los estilos propios, llevan un punto delante seguido de un texto que puede ser cualquiera.

Por ejemplo, yo quiero que todos los párrafos tengan un color negro, excepto uno que utilizaré como un pie de página y quiero que sea rojo.

<html>
<head>
<style>
p {color:black; }

.miestilo {color:red; }
</style>

</head>
<body>

Este párrafo será de color negro como todos los párrafos que escribamos 

 Este párrafo será rojo por que hemos llamado a nuestro estilo a través del parámetro CLASS

</body>
</html>

Para alternar estilos sería algo así:

Párrafo negro Continuamos con el rojo gracias al parámetro span y sigo ahora con el negro 

Pero.... y si quiero que todas mis páginas compartan los mismos estilos, sin tener que escribirlo en todas ellas?

Para poder hacer esto adjuntaremos una hoja de estilos a todas las páginas. Así que tendrás que crear una hoja donde guardar los estilos.css y luego adjuntarlas a través de
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">

Si tu hoja de estilos está dentro de la misma carpeta que tu index.html y las demás páginas escribiras "estilo.css" si por el contrario tu hoja de estilos está fuera o dentro de otra carpeta, escribirias esto "carpeta/estilo.css" o si esta fuera de esa carpeta "../estilos.css"

Debes comprobar que has puesto bien las rutas, un truco que yo utilizo -muy cutre por cierto- es crear un vinculo a la hoja de estilos, al crearlo te pone la ruta de forma automatica, así que tu la copias y luego la pegas en donde corresponde.

por ejemplo.

creas el vinculo a través del menu insertar del dreamweaver y en vista codigo te creará algo asi:

<a href=/carpeta/estilos.css> texto de prueba </a>

copias la ruta y la pegas donde va adjuntada la hoja de estilos.

<link rel="StyleSheet" href="/carpeta/estilos.css" media="screen" type="text/css">

Es muy cutre ya lo se, pero cuando no se tiene muy claro más vale esto que nada.

espero que te sirva - como que me he tirado 1 hora para escribirlo- y lo puedas entender bien.

Suerte!

uff, me voy a cenar
:lol:

aidajo · 16 Mar 2007, 00:53 · Solicitar retirada

Creo que ESTA TODO SOLUCIONADO SOLIDARIA!! NO SE QUÉ HE HECHO PERO LA COSA YA FUNCIONA... MUCHAS GRACIAS... Ojalá pudiera deciros que no vais a tener que solucionarme mas problemas pero... creo que ES IMPOSIBLE... MUCHAS GRACIAS! HASTA PRONTO!!

Usuario 1064 · 16 Mar 2007, 00:56 · Solicitar retirada

aidajo, este es un foro de ayuda, así que tu pregunta lo que quieras que entre todos nos ayudamos.

Un saludo.

aidajo · 16 Mar 2007, 10:52 · Solicitar retirada

Vale, muchas gracias!! Un saludo!

SOEMLA · 30 Mar 2007, 00:10 · Solicitar retirada

Hola solidaria:
Cordial saludo.
Terminé el capitulo de la leccion II pero sigo con la duda que expuse en mensaje de fecha marzo06/07(en este post it ) disculpa pero no me gusta tragar entero :wink: .
Segun lo q he aprendido en la leccion II: al crear una hoja de estilos externa(archivo estilo.css) tenemos q indicarle a la index.htm q la definición de los fondos, propiedades del texto etc tendrá q buscarla en el archivo(estilo.css).
¿Cual es el objetivo de realizar el paso"adjuntar hoja de estilos"? .
Si al incluir la linea de codigo:
<link rel="style sheet" href="estilo.css" media="screen" type="text/css> la index.htm reconoce los estilos del archivo( estilo.css) y los aplica a las pagina q tenga creadas.
gracias de antemano.
SOEMLA

Usuario 1064 · 30 Mar 2007, 00:56 · Solicitar retirada

Hola nuevamente SOEMLA,

Respondiendo a tu pregunta, el objetivo supongo que será que aparte de saber cómo se hace de una forma manual(por código), también sepas como hacerlo por el menú del dreamweaver.Además, desde este menú también puedes llamar a los estilos. Hay miles de formas de hacer las cosas, supongo que ese es el objetivo final, de todas formas, jorgens es el creador del tutorial y será él quien mejor sepa contestarte a tu pregunta.

Un saludo, espero haberte contestado tu duda satisfactoriamente :wink:

SOEMLA · 30 Mar 2007, 19:17 · Solicitar retirada

Gracias solidaria por tu contestación.
Entiendo q hay miles de formas de hacer las cosas, nosotros los novatos tenemos q tener un norte para entenderlas; el mio es el tutorial curso paso a paso.Ojala jorgens pueda aclarar un poco mas este punto del tutorial.
Porque sin tener q realizar el paso "adjuntar hoja de estilos" (leccion II tema:centrando un parrafo) la index.htm q tengo creada me reconoce los estilos q tengo en el archivo estilos.css.
Utilizo D. 8.0.
saludos
SOEMLA

promax_00 · 4 Abr 2007, 01:32 · Solicitar retirada

hola, soy de venezuela saludos a todos.. estoy creando mi pagina web, y estoy estancado en la leccion III estoy utilizando el D 8.0 y es muy diferente a muchas instrucciones del panel de esta pagina.. por favor ayudenme.. :( mi msn es [correo eliminado] si pueden envienme un mail para cuadrar una charla por el messenger y asi poder salir de mi problema.. saludos..

Usuario 1064 · 4 Abr 2007, 15:07 · Solicitar retirada

Hola promax_00,
si nos cuentas lo que te pasa te podremos ayudar mejor.

aorkis · 4 Abr 2007, 15:17 · Solicitar retirada

Hola promax_00 y bienvenido al foro! :D

Este post es para dudas referentes a la leccion 2. Tu estas atrancado en la 3 por lo que te pido que no mezcles temas... :wink:

Ademas, esta consulta ya la has formulado en otro post, verdad?? :roll:
Por favor, un solo post para cada tema y un solo tema en cada post :wink:

Saludos y gracias!

soko · 26 May 2007, 12:02 · Solicitar retirada

yo tengo que subir la pagina por medio de la pagina de telefonica. subo index.htm y no me reconoce el centrado ni se me ve el gif que he adjuntado.
no se que he hecho mal.
una ayudita porfa.
este es le codigo .css

/* Esto es mi hoja de estilo */

BODY { background-color:black ; }

p.centrado { text-indent:0px ; text-align:center ;}

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

/* Fin de mi hoja de estilo */

y este es el codigo html

<html>
<head>
<title>pagina de inicio</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="sokopolart, sokolowski, miguel sokolowski, arte, pintura, art, polart, sokolowski romany, soko,">
<link rel="stylesheet" href="estilosokopolart.css" media="screen" type="text/css">
</head>
<body bgcolor="black">

Bienvenido a la pagina
web de Miguel Sokolowski


[correo eliminado]


</body>
</html>

soko · 26 May 2007, 14:22 · Solicitar retirada

ahora acepta la hoja css porque la he subido tambien al servidor y he creado una carpeta y se ve el gif que esta dentro, pero no se si se ve en todos los navegadores y ¿ porque me crea de vez en cuando un documento de htm llamado TMP y un numero largo? (en mi pc, no en el servidor)
gracias.

Usuario 1064 · 26 May 2007, 14:37 · Solicitar retirada

Hola soko,

prueba a poner esto:

Bienvenido a la pagina web de Miguel Sokolowski

por que tener 2 font si puedes tener solo 1?

Otra cosa que podrias hacer , es crear un estilo para los títulos, algo así:

/*hoja de estilos*/

BODY { background-color:black ; }

p.centrado { text-indent:0px ; text-align:center ;}

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

h1.titulos { font-size:34pt; color:#8080ff; text-align:center; font-weight:normal;} /*aqui le incluyes el centrado*/

/* Fin de mi hoja de estilo */

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>

<body>
<h1 class="titulos">Bienvenido a la pagina web de Miguel Sokolowski</h1>

</body>
</html>

Y sobre la imagen, seguro que la has subido al servidor? es un fallo muy comun al principio jejeje.
Las carpetas donde esta la imagen tambien se suben.

amaya · 3 Jun 2007, 16:14 · Solicitar retirada

Hola:
alguien puede ayudarme. he seguido todos los pasos pero cuando llego a la pagina de crear css. la de los estilos, no consigo que mi pagina se vea naranja.cuando miro en internet mi pagina se ve lo de pagina de ejemplo pero debo hacer algo mal, para que en estilos no salga la pagina naranja.estoy con dreamweaver 3.o y me gustaria que alguien me ayudara porque soy nueva aqui y me esta costando un poco. muchas gracias

Usuario 1064 · 4 Jun 2007, 14:02 · Solicitar retirada

Pega aquí tu hoja de estilos a ver que has puesto.

CITRULINA · 8 Jun 2007, 12:48 · Solicitar retirada

Buenas, de momento no tengo problema con seguir las instrucciones de la lección II y todo va tomando forma, lo que me ocurre es que no puedo continuar con esta lección; se supone que, en el menú de la izquierda, tiene que aparecerme "siguiente menú" pero no lo encuentro por ningún lado; he probado a ir a la lección III directamente pero me habla de cosas raras, así que, evidentemente, me faltan unos cuantos pasos. Podeis ayudarme?

Yaneth · 8 Jun 2007, 16:26 · Solicitar retirada

Ya pasaste por todos estos?
estan en el lado izquierdo

Lección II
Con Estilo
NotePad para Estilos
Link a estilo.css
La Hoja de Estilo
Estilizando
Carácteres Especiales
Enlaces
Fondo de Página
Centrar Textos
Centrado HTML
Preferencias
Buzón E-Mail
Las Imágenes
Hasta Ahora...

ahora sigue el III
Lección III
Introdución
Título
Enlaza Estilo
Segunda Hoja
La Estructura
Estructura
Las Tablas
Propiedades
Tablas y HTML
Estructurando
Estilos y Tablas
Define Estilos
Los Colores

saludos

CITRULINA · 8 Jun 2007, 23:15 · Solicitar retirada

muchas gracias!! pensé que lo de menú siguiente significaba que la lección II tenía dos menús, pero si después del hasta ahora viene la III, no problem.

Pamelilla · 10 Jun 2007, 01:06 · Solicitar retirada

Hola, he seguido paso a paso las lecciones y termine ya con la II, sólo me falló el centrado del Vinculo ComoCrearUnaWeb :oops:, los demas quedaron perdecto, aqui esta el index:
<html>
<head>
<title>Bienvenidoa a mi pagina Web</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</head>

<body>
Esta es mi pagina principal



Con esto espero comprobar el efecto que tiene la hoja de estilos sobre el parrafo. La primera linea deberia separarse por la izquerda del resto. Vamos a ver si es verdad. Quiero comprobar bien esta programa jeje. 



Como Crear Una Web
Bienvenidos
[correo eliminado]


</body>
</html>

Tengo otra duda, pero prefiero preguntar, cree la carpeta MisWeb en mi disco C: dentro de ella otra carpeta"miEjemplo", disculpen mi ignorancia, pero estoy usando Dream 8 , la cosa es que en la ventana derecha del Dream me aparecio la carpeta miejemplo y al crear los archivos del index y estilo los cree directamente en esa ventana :roll: trabaje los capitulos sin ningun problema, a la hora de crear la carpeta de objetos no pude dejar las imagenes ahi, me fui al disco C a la carpeta mi ejemplo y cree Objetos (despues me salian problemas y mensajes al ingresarlo al index, pero finalmente los aceptaba.....Estando ahi me dí cuenta que no tengo las carpetas index,estilo en la carpeta Mi web, mi ejemplo (no se rian si es una pregunta estupida)....que pasa?

Saludos :lol:

Usuario 1064 · 10 Jun 2007, 14:38 · Solicitar retirada

En el código que has puesto yo no le veo ningún fallo :roll: , podrías pasarnos la dirección de tu página web para ver los resultados?

Si has creado carpetas y archivos fuera de tu "sitio" (osea carpeta donde tienes toda tu web) yo lo que haria sería moverlas dentro. Si no las encuentras me temo que las tendrás que volver a crear.

Saludos.

JorGens · 10 Jun 2007, 16:35 · Solicitar retirada

Prueba esto. En lugar de esto:

Como Crear Una Web

ponlo de este modo:

Como Crear Una Web

Funciona? Lo que tienes que centrar es el párrafo, no el enlace (pues el enlace está dentro de un párrafo) de modo que la clase "centrado" ha de colocarse a

y no a <a>. Lo entiendes?

Gracias por colocar un enlace hacia CCTW en tu web!!

Pamelilla · 10 Jun 2007, 17:53 · Solicitar retirada

Muchas Gracias!!!

Ya solucione todo Habia definido mal la carpeta :oops:

Cambie lo que me dices Jorgens y ahora si centra.

Ya termine con todas las lecciones, me gusto!!!!

Y ahora con que continuó :cry:

Mi amiga trabaja con Photo shop y tiene diseñada un pagina web, osea cada hoja como será, obvio que dibujada, todas las hojas son diferentes, en estructura, entonces ahi no se hace hoja de estido verdad?, me gustaria que me ayuden :P, tenemos el hosting y servidor contratado.

Muchas Gracias

(parece que no coincidimos mucho con los horarios, yo recien me levante)