¿Que es HTML?
HTML es un lenguaje de programación el cual esta orientado para poder ser interpretado con navegadores web(Internet Explorer, Google Chrome, Mozilla firefox, Opera, etc.).
Definición
"HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc."
¿Para que sirve?
El HTML nos servira para generar paginas web, a su vez a medida que avancemos en el curso nos servirá para poder generar las interfaz gráfica de nuestros sistemas.
Codificación html
la codificacion del html se lleva a cabo atravez de etiquetas las cuales se identificaran dentro de los simbolos <, > lo podemos ejemplificar de la siguiente manera <div> </div> en este caso podemos observar el inicio de un div y su termino. A esto nos referimos con etiquetas.
Primera pagina WEB
Comencemos con lo acostumbrado "HOLA MUNDO" la idea es que se vea por pantalla.
para empezar abriremos una hoja de texto.
y la guardaremos como index.html todo lo que se escriba en esta hoja seria visible en un navegador menos las etiquetas.
dentro de esta hoja de texto index.html escribiremos lo siguiente:
<html>
HOLA MUNDO
</HTML>
Luego lo guardamos y lo llevamos a nuestro navegador el cual interpretara lo que hay esta escrito mostrándonos solo
"hola mundo"
pero esto es muy tosco por lo que jugaremos un poco con los tamaños de letras y las etiquetas del HTML.
<html>
<head>
<title>mi primera pagina web</title>
</head>
<body>
<h1>hola mundo grande</h1>
<h2>hola mundo mediano grande</h2>
<h3>hola mundo mediano medio</h3>
<h4>hola mundo mediano pequeño</h4>
<h5>hola mundo pequeño mediano</h5>
<h6>hola mundo pequeño</h6>
</body>
<html>
grabamos y veriamos algo asi
hola mundo grande
hola mundo mediano grande
hola mundo mediano medio
hola mundo mediano pequeño
hola mundo pequeño mediano
hasta aquí veríamos hoy espero que les sirva y nos veremos en otra entrada.
Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.
lunes, 3 de noviembre de 2014
jueves, 30 de octubre de 2014
Diseño WEB
Existen puntos a considerar al momento de generar el diseño de una web como son la mejor resolución de pantalla la mejor forma de disposición de los elementos de la web para que a su vez no se vea sobrecargada.
los colores esto es bastante importante ya que una mala combinación de colores puede pasar de una pagina genial a algo que escupió un perro.
empecemos entonces con esto espero que les sirva.
Diseño web
Por lo general yo trabajo con paginas diseñadas con resolución de 1024 x 650 hasta 700 tratando que todo el contenido importante quede dentro de la pagina web.
en colores pueden combinarlos de la forma que a ustedes mas les guste.
Ahora cuando hablamos de diseño hablamos de hojas de estilo CSS que son las herramientas que nos permitirán llevar a cabo las imágenes que tenemos dibujadas en nuestro cuaderno ya que la forma mas fácil de comenzar es en papel.
comencemos ha detallar un poco de CSS.
¿Que es CSS?
CSS es un lenguaje de programación que refiere a estilos para nuestra pagina en el podremos definir alto, ancho, posición, colores, tipos, formas de overflows, etc.
Código Básico
estos son algunas de las etiquetas de CSS mas utilizadas las cuales les permitirían empezar su primera pagina web con hojas de estilo.
width = Ancho.
height = Alto.
position = tipo de posición dentro de la pagina.
float = elementos flotantes dirección del mismo.
margin=establece margenes.
border=nos permite dar bordes al div.
hasta aquí los dejo hoy pronto tendrán mi nueva entrada espero empezar pronto a grabar vídeos para el apoyo de estas secciones espero que les sirva y nos vemos en un nuevo tutorial.
Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.
Noticias
hola amigos les vengo a contar que prontamente empezaremos con programación orientada a web me disculpo por el tiempo sin publicar y espero que les aya servido este blog la idea es que vallamos avanzando en el mundo de la programación.
Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.
Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.
Suscribirse a:
Entradas (Atom)