Autor Tema: Diseño web by Alan++ (clase 02)  (Leído 972 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Alan++
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 19
    Ingreso: Abril de 2014
  • Sexo: Masculino
  • ar
  • ¿donde estoy?
    • Ver Perfil
Diseño web by Alan++ (clase 02)
« on: 12 Abril de 2014, 12:08 pm »
La primera pregunta siempre es tonta y en muchos casos absurda, la mia en particular fue entender como hacer que una pagina web sea visible para el mundo

Hoy puedo decir que era algo muy tonto, dentro de la carpeta principal (en los hosting en general es "htdocs") el primer archivo que va a ser reconocido es "index.html" (similar a "index.htm") o en su defecto "index.php", esto va a variar en si utilizamos dentro del codigo fuente "php" o no, dentro del index va a estar nuestra pagina de comienzo de la web que en alguna ocasiones es la unica...

¿Que pasaria si no creo un index?

Bueno... esto depende de como hayamos configurado el sitio, puede presentar una pagina de error al no encontrar una ruta index o, en la mayoria de los casos, lo mas posible es que veas todos los archivos que se hayan dentro de la carpeta, igual a que si fuera tu propia pc

...

Bases de HTML

Comencemos de una bendita vez... "html" es el tipo de codigo que vamos a usar para darle contenido implicito y explicito, esto no quiere decir que vamos a hacer todo dentro del html sin embargo es ahi donde vamos a poner el texto/imagenes/contenido que va a ser visible y al aclarar esto lo hago de esta forma para demostrar que el como va a ser visible no va a estar dentro del html, solamente el que, ademas es ahi donde vamos a hacer nuestras llamadas a otros archivos que nos van a terminar de completar tanto el funcionamiento como la apariencia de la web

Por definicion formal html trabaja con etiquetas, las famosas etiquetas nos sirven para definir un contenido, lo que este dentro de una etiqueta indefectiblemente va a cumplir las normas que la etiqueta marquen, de esta forma si una etiqueta se llama "cosas" lo que este dentro de esta etiqueta va a cumplir las caracteristicas que le indiquemos que cumpla la etiqueta "cosas" sin embargo quizas dentro de esta en vez de cosas pongamos nombres de planetas, el nombre que utilice para definir una etiqueta de ninguna forma define el contenido aunque en la practica facilita mucho el trabajo

Por ejemplo para abrir la etiqueta "cosas" usaria

<cosas>

y para cerrar dicha etiqueta

</cosas>

De esta forma si dentro de mi codigo html quiero una etiqueta que se llame "cosas" y dentro tenga nombres de personas el codigo seria

Código: [Seleccionar]
<cosas>
Marcos
Jabel
Tania
Tobias
</cosas>

Como asignarle las caracteristicas de fuente y formato lo vamos a ver cuando lleguemos a css, una vez llegado a este punto cabe aclarar que esto no lo veriamos como en el codigo fuente, en la web veriamos algo asi...

Código: [Seleccionar]
Marcos Jabel Tania Tobias
IMPORTANTE: uso <b.r> pero en realidad la etiqueta es similar sin el punto, como se ve en el ejemplo, esto es a razon que el foro lo interpreta como lo que es, un punto aparte y se vuelve ilegible el texto, espero sepan interpretar

Y esto se debe a una razon, html no interpreta el salto de linea que ponemos en el codigo como un salto de linea en el navegador, y de las cadenas de espacios solo cuenta uno... es decir que el codigo que hicimos pudimos haber agregado 100 enter o 100 espacios y solo nos reconoceria 1 espacio en cada cadena, para esto existe una etiqueta clave el "<b.r>", cada "<b.r>" significa un punto aparte, se desprende que con dos "<b.r>" se crea un salto en la continuidad del texto, hagamos el anterior con esta etiqueta

Código: [Seleccionar]
<cosas>
Marcos
<br><br>
Jabel
<br>
Tania
Tobias
</cosas>

¿Que veriamos a traves del navegador ahora?

Código: [Seleccionar]
Marcos

Jabel
Tania Tobias

Una importante aclaracion es comentar que todas las etiquetas son duales, siempre vamos a necesitar una apertura y una clausura de la misma y la variacion entre ellas es que la apertura siempre va a tener el estilo <etiqueta> y la clausura </etiqueta>, solo se diferencian  en la / agregada al comienzo de el nombre de la etiqueta cuando deseo cerrarla

Algo muy curioso que sucede en html es que hay dos etiquetas (que yo utilizo en general) que no precisan de la dualidad, no consta con un abrir y cerrar etiqueta

La primera y que ya hemos utilizado es <b.r>, por sintaxis no debe cerrarse, no existe el </br> ya que el mismo <b.r> significa el salto y la continuidad del texto debajo

La segunda y mas curiosa es la llamada a una imagen, el <img src="imagen.jpg"> es lo que se utiliza para llamar a una imagen para ser mostrada por el navegador en el codigo html, esta (y es un dolor de cabeza que no lo haga) tampoco posee un cierre, no existe un </img>, puesta la parte del codigo <img src="imagen.jpg"> no se cierra, solo se necesita esa parte para poner la imagen e inclusive cerrarlo seria afectar el correcto funcionamiento de la web

Invito a aquellos que lo deseen hacer a realizar sus propias "primera pregunta", voy a intentar guiarlos

Continuara (clase 03 - "Mi primer html decente")

----->
No podemos matar el tiempo sin herir la eternidad