HOME | DD

Kris-AJ — Web Design II by-nc-nd

Published: 2010-06-24 21:06:01 +0000 UTC; Views: 1491; Favourites: 23; Downloads: 31
Redirect to original
Description Sorry, only spanish

Lección 1

*se tira al piso*
Este ha sido el tutorial más extenso y difícil que he hecho X___x
intento resumir pero me sale muy largo esto >_>Uu
en fin...

Tabla de colores: [link]
con esta pueden empezar.

Recuerden practicar y de preferencia irse aprendiendo los códigos para que se les haga más fácil después.

Casi puedo asegurar que habrá errores ortográficos, si los encuentran avísenme, por favor D'=

Cualquier duda ya saben~
Related content
Comments: 33

EveeIvanny [2010-12-27 03:32:07 +0000 UTC]

Muchas gracias por compartirnos ti informormacion. A mi me sevirá muchisimo ^^

👍: 0 ⏩: 1

Kris-AJ In reply to EveeIvanny [2010-12-27 18:50:58 +0000 UTC]

Un placer, me alegra que te haya servido

👍: 0 ⏩: 0

mik-68 [2010-10-06 13:04:21 +0000 UTC]

Le echaremos un ojo...
Más zenkius.

👍: 0 ⏩: 0

Inoportuno15 [2010-06-29 10:22:28 +0000 UTC]

Me han sido de mucha ayuda tus tutos,no pares!

👍: 0 ⏩: 1

Kris-AJ In reply to Inoportuno15 [2010-06-29 17:36:56 +0000 UTC]

me alegra saberlo.
gracias por comentar~

👍: 0 ⏩: 0

iguana-chan [2010-06-27 01:42:31 +0000 UTC]

nunca me enteré del primer tuto y casi no me entero de éste D: mi DA anda chafa(?)
o sera la pc poseida (again) ? en fin,luego lo leo bien,no hay time -3- ...........>_< pero se te gradece que tomes tu time para el tuto ;w; *abaxo*

👍: 0 ⏩: 1

Kris-AJ In reply to iguana-chan [2010-06-28 19:46:17 +0000 UTC]

pero en la primera hasta me comentaste xDD
Dijiste que ya habías visto algo pero casi no lo usaron más que para pasar la materia.

👍: 0 ⏩: 1

iguana-chan In reply to Kris-AJ [2010-06-29 01:37:28 +0000 UTC]

no!!! eso fue en el journal =O en el primer tuto antes de éste nu comenté nadita xq ni me apareció en mi DA ;_____;

👍: 0 ⏩: 1

Kris-AJ In reply to iguana-chan [2010-06-29 02:22:05 +0000 UTC]

oh, cierto >_>
pues sabe qué tendrá el DA *lo patea*
la versión 7 empieza a chafear D'?)

👍: 0 ⏩: 1

iguana-chan In reply to Kris-AJ [2010-06-30 15:23:39 +0000 UTC]

XD
tiene que ser D: no me llegan muchas cosas D:

👍: 0 ⏩: 0

KIRA969696 [2010-06-26 17:49:27 +0000 UTC]

muy bueno gracias
^-^

👍: 0 ⏩: 0

Bernoir [2010-06-26 00:32:58 +0000 UTC]

gracias, te pasaste

👍: 0 ⏩: 1

Kris-AJ In reply to Bernoir [2010-06-26 01:30:49 +0000 UTC]

un placer~

👍: 0 ⏩: 0

daPhyre [2010-06-26 00:32:40 +0000 UTC]

Felicidades con la continuación Kris.

Ahora, no se si apoyarte del todo o no, ya que la etiqueta "font" fue eliminada en el 2001, y se pide desde entonces que se use su equivalente en Style. Aunque font sea un poco "más sencillo" cuando se aprende, a la larga representa problemas bastante grandes, y luego mucha gente no puede moverse del modo antiguo al modo actual si aprendieron de esta forma.

Si gustas, estaré feliz de apoyarte con mis conocimientos, pero al final, esta es tu clase y estos tus alumnos. La decisión es tuya ... Y muchas gracias por compartir este tutorial

👍: 0 ⏩: 1

Kris-AJ In reply to daPhyre [2010-06-26 01:37:06 +0000 UTC]

puff, de que fue eliminada en el 2001 no sabía pero mira que me da gracia que me digas porque en la escuela me la siguieron enseñando y sin esa información xDD

Si, conozco el Style y todo eso
Pero quiero enseñar HTML antes de entrar al CSS porque si uno entiende lo básico, lo avanzado será mucho más fácil de digerir.

Agradezco mucho el apoyo y ya que estamos, alguien me pregunta sobre las "sangrías", yo no conozco alguna etiqueta para eso en HTML, he escuchado que se puede con algo de márgenes en CSS pero nunca me ha salido, tú sabes algo?

👍: 0 ⏩: 1

daPhyre In reply to Kris-AJ [2010-06-26 02:03:39 +0000 UTC]

Ese es el problema. Poco se sabe al respecto, muchos ignoran que ya no se usa y las razones, y aun se promueve su uso, que es lo peor de todo.

En las escuelas que enseñan esta rama (Las actualizadas :S), se enseña de forma paralela el uso de HTML+CSS. Primero las etiquetas básicas y tags simples como color, font-size, font-family, etc. Ya después, se van enseñando todas las técnicas avanzadas para aprovechar al máximo estos lenguajes.

En cuanto a la pregunta, puedes revisar el tema completo, ya me encargué de resolver la duda; pocos saben el uso de algunas propiedades no muy populares como text-indent. Perdona que me haya adelantado

Si puedo apoyar en algo más, lo haré con gusto

👍: 0 ⏩: 1

Kris-AJ In reply to daPhyre [2010-06-29 01:24:50 +0000 UTC]

Igual creo que fue bueno mencionarlo, te imaginas que no les diga y se encuentren esas páginas donde se sigue enseñando de esa manera? puede que piensen al contrario, que el FONT también se sigue usando

xDD pues yo soy de escasos recursos, así que jamás llegué en una escuela donde me enseñaran lo más avanzado... well, tiene sus cosas buenas, ya es más fácil aprender por cuenta propia ='D

ok y gracias.
enserio lo tomaré muy en cuenta ;')

👍: 0 ⏩: 1

daPhyre In reply to Kris-AJ [2010-06-29 01:52:30 +0000 UTC]

Jejeje... De eso no te preocupes. No es la calidad de los maestros, si no de la carrera/materia impartida. Creeme, he visto escuelas de paga en peores condiciones de calidad en lo que a enseñanza web se refiere.

Aunque eso de aprender por cuenta propia. En definitiva no hay nada mejor ... Curiosamente, hace unos días estábamos discutiendo las desventajas de font frente al nuevo style. Resultó peor de lo que había pensado

Seguiremos en contacto entonces, estaré pendiente de tu siguiente entrega

👍: 0 ⏩: 0

byTi [2010-06-25 22:05:00 +0000 UTC]

muy bueno una pregunta.. cuando quiero poner sangría que hago?

👍: 0 ⏩: 1

daPhyre In reply to byTi [2010-06-26 00:25:25 +0000 UTC]

Prueba poner esta etiqueta en tu head:



Y hará que todos tus párrafos tengan sangría. Si quieres que solo lo tenga un solo párrafo, se le puede asignar de forma directa:

Párrafo con sangría



1em es el tamaño predefinido de la letra. Puedes ponerlo mayor o menor (Acepta punto decimal), de acuerdo al espacio que quieras que tenga

👍: 0 ⏩: 1

byTi In reply to daPhyre [2010-06-26 00:41:06 +0000 UTC]

la primera opcion no me deja.. probe poniendo esa etiqueta al principio no hace nada.. con el texto entre style y /style y desaparece el texto :S pero la segunda opcion si me deja.. pero me aparece con una fuente distinta al resto del texto y no se como cambiarla..

👍: 0 ⏩: 1

daPhyre In reply to byTi [2010-06-26 01:04:02 +0000 UTC]

Vaya... ¿Es para tu página propia o como un widget para otra? Se me hizo estraño eso de "Desaparece el texto", pero muchas páginas ajenas hacen cosas así por protección.

El problema es que Style vino a reemplazar a Font y otras etiquetas, nunca las había usado juntas, aunque eso podría ser lo que causa que choquen. Para fuentes y tamaños, puedes combinarla así:

Párrafo con sangría, tamaño normal y letra Arial



Puedes cambiar el tamaño de font (1em) para hacerlo más grande o chico, y después va la lista de tipos de letras que quieres que tenga, como lo explicó Kris. Debe llevar ambos valores o no funciona, aunque puedes separarlos con "font-size" para el tamaño de la letra y "font-family" para el tipo de letra (Aunque si usas los dos, esto solo lo hace más largo )

👍: 0 ⏩: 1

byTi In reply to daPhyre [2010-06-26 01:48:47 +0000 UTC]

sisi.. lo que trato de hacer es para blog.. porque cuando voy a publicar una entrada no me deja poner sangría.. y probe con todo y no me sirvio..
probe ahora y me salio el problema ahora es que cuando hago otro parrafo hay mucho espacio entre parrafo y parrafo XD jajaja pero es lo de menos.,, muchisimas gracias

👍: 0 ⏩: 1

daPhyre In reply to byTi [2010-06-26 02:09:00 +0000 UTC]

Oh si, los blog son todo un arte, o un dolor de cabeza, depende de como quieras verlos.

Creo que esos largos espacios es por que cada enter lo toman como una nueva línea, entonces para evitar eso, todo el código se debe poner en un solo párrafo:

Parrafo1

Parrafo2

Parrafo3



Como dije antes, todo un arte, o todo un dolor de cabeza. Jeje... Suerte

👍: 0 ⏩: 1

byTi In reply to daPhyre [2010-06-26 21:49:37 +0000 UTC]

ahh malditos blogs xD jajaa bueno.. gracias

👍: 0 ⏩: 0

ElisZill [2010-06-25 16:10:34 +0000 UTC]

Gracias por la segunda parte ris,aunque debo admitir que no lo leeré ahora si no cuando me ponga en práctica ahora ando sin ganas quería agradecerte de todas formas.

👍: 0 ⏩: 1

Kris-AJ In reply to ElisZill [2010-06-25 19:24:21 +0000 UTC]

xDD entiendo, es mejor así (que luego no te entra nada).
Ya cuando lo pruebes me avisas si tienes duda

👍: 0 ⏩: 1

ElisZill In reply to Kris-AJ [2010-06-26 01:46:20 +0000 UTC]

Lo haré seguramente xD

👍: 0 ⏩: 0

Serorga [2010-06-25 16:09:29 +0000 UTC]

Me han servido de mucho estos tutos, sigue asi!

👍: 0 ⏩: 1

Kris-AJ In reply to Serorga [2010-06-25 19:23:26 +0000 UTC]

gracias

👍: 0 ⏩: 0

Blancayuki [2010-06-24 21:26:57 +0000 UTC]

Yay muy bien esa de los headers no me la sabía grax ^3^

👍: 0 ⏩: 0

Alvi-chan [2010-06-24 21:19:57 +0000 UTC]

*le da una almohada*
gracias por la segunda parte 8D

👍: 0 ⏩: 1

Kris-AJ In reply to Alvi-chan [2010-06-24 23:57:42 +0000 UTC]

de nada~

👍: 0 ⏩: 0