jueves, 29 de junio de 2023

Prototipos de alta fidelidad

Los prototipos son diseños superiores a un bosquejo sobre como se verá tu página web y su contenido.

Aquí se definen los espacios, colores, tamaños, cajas de contenido y todo lo que sea necesario para diseñar tu página web antes de empezar a escrirbirla.



Consejos:
  • Busca inspiración
  • Trabaja por capas
  • No abusar de ningún elemento
  • Optimizar el tiempo durante el diseño
  • Mantener la organización de todo lo que utilices en tu diseño
en No hay comentarios:

Saltos de linea y espacios en blanco

 <br></br>

No lleva contenido

En html se usa solo <br> y en xhtml <br /> 

HTML5 usa todos

Como se introducen espacios en blanco entre palabras??

Utilizando &nbsp;

Para agregar diferentes caracteres se emplean etiquetas especiales iniciando con & y terminando en ; igual para los números en bases especiales como decimales o hexadecimales.


en No hay comentarios:

martes, 30 de mayo de 2023

Enlaces

2 tipos de enlaces

Enlaces intradocumentales: Enlaces a contenido de la misma página

Enlaces extradocumentales: Enlaces a contenido de otras páginas html del mismo u otro servidor.

La etiqueta <a> define al enlace.

<a>enlace<a>

Enlace intradocumental.
    Enlace
    <a href="#nombredelenlace">...</a>
    Destino
    <a name="nombre">...</a>
   El atributo id se puede usar en cualquier etiqueta
    <h1 id="nombre">...</a>

Ojo con el michi (#) que se pone cuando escribes un enlace.

Enlace extradocumental
    Enlace a otro documento
    <a href="pagina.html">...</a>
    Enlace a un punto de otro documento
    Se combinan los dos métodos
    Enlace
    <a href="pagina.html#nombre>...</a>
    Destino
    <a name="nombre">...</a>
    <p id="nombre">...</a>


en No hay comentarios:

lunes, 22 de mayo de 2023

Gramática básica de HTML

Gramática de HTML

Reglas que se deben de seguir en todos los HTMLs

  • Siempre documentos tienen que estar bien formados.
  • Escribir las etiquetas siempre con letras minúsculas.
  • Los valores de los atributos siempre van entre comillas.
  • Para los nombres de los ficheros solo usa letras mayúsculas del alfabeto inglés, minúsculas, números, guión y guión bajo.
  • La extensión de las páginas web es .htm o .html

Creación de Listas

Las etiquetas para crear listas son <ol> para listas ordenadas y <ul> para listas desordenadas. <li> se usa para declarar los valores de la lista. Si solo se usa <li> para una lista será ejecutada como lista desordenada. Se pueden crear listas dentro de listas respetando la gramática de HTML.

<ol><li>Siempre documentos tienen que estar bien formados.</li>
<li>Escribir las etiquetas siempre con letras minúsculas.</li>
<li>Los valores de los atributos siempre van entre comillas.</li>
<ul><li>Comillas simples</li><li>Comillas dobles</li></ul>
<li>Para los nombres de los ficheros solo usa letras mayúsculas del alfabeto inglés, minúsculas, números, guión y guión bajo.</li>
<li>La extensión de las páginas web es .htm o .html</li></ol>

La etiqueta <ol> tiene la posibilidad de variar el númerado por letras o números romanos, utilizando el atributo "type", y voltear el conteo utilizando "reverse"




Listas de descripción

<dl> Lista de descripción.
<dt> son los terminos de la lista.
<dd> son descripciones de algún término de la lista.








en No hay comentarios:
Etiquetas:

HTML primer acercamiento

<html> Etiqueta principal (raíz)
<head> cabecera, metadatos
<title> título de la página
<body> cuerpo, contenido visible
<h1>,...<h6> encabezados o títulos
<p> párrafos de texto
<strong> texto destacado
<em> texto enfatizado
Primera página creada (utilizando el bloc de notas)

<html>

<head>
<title>Somos los mejores</title>
</head>

<body>
<h1>Somos los putos amos</h1>

<h2>Dato curioso o.o.</h2>

<p>El padre de la web, <strong>Tim Berners-Lee</strong>, es también el padre del lenguaje HTML y un puto amo.</p>

<h2>Otro dato curioso o.o.</h2>

<p>El lenguaje HTML está estandarizado por el W3C, el <em>World Wide Web Consortium</em>.</p>

</body>
</html>

El siguiente paso fue usar Notepad++ para editar el código.
Este software tiene herramientas que facilitan la escritura pero complicaciones con algunos complementos que requieren una serie de pasos adicionales para solucionarlos.


Para ejecutar correctamente un código es necesario que este se encuentre guardado.

en No hay comentarios:
Etiquetas:

viernes, 19 de mayo de 2023

Nuevas pruebas

Hola tío

¿Sabias que puedes encontrar imágenes satelitales en la página web llamada LANDVIEWER de EOS Data Analytics?

Imagen subida desde URL




en No hay comentarios:
Etiquetas: , ,

Vamos practicando

HOLA

Seguimos probando, siguiendo el curso de google.

Pronto aprenderemos HTML

Hola2

Dejando espacio, cambiando el formato y tamaño de letra.

Hola 3

Mi panaaaaaa 
  1. Hola
  2. mi 
  3. pana 
  • Hola
  • mi
  • pana
Esto es una cita textual; mi pana, sale en formato especial.


 



en No hay comentarios:

Episodio 1



Este blog es un espacio para compartir conocimiento forestal a la par de ir a aprendiendo a desarrollar páginas web.

En algún momento lo haremos público...




en No hay comentarios:
Etiquetas: , ,
Suscribirse a: Comentarios (Atom)

Prototipos de alta fidelidad

Los prototipos son diseños superiores a un bosquejo sobre como se verá tu página web y su contenido. Aquí se definen los espacios, colores, ...

  • Prototipos de alta fidelidad
    Los prototipos son diseños superiores a un bosquejo sobre como se verá tu página web y su contenido. Aquí se definen los espacios, colores, ...