Curso gratis de diseño de páginas web
Etiquetas: creación de páginas webs, css, curso gratis, curso gratis diseño paginas web, curso web, diseñar paginas web, diseño de paginas web, dreamweaver, formulario, gratis, html, iframe, pagina, tablas, videos
Curso gratis de diseño de páginas web
El presente curso de diseño de páginas web, lo he elaborado a fin de que sirva como material de consulta tanto por diseñadores de páginas web como por diseñadores gráficos y por cualquier persona que quiera aprender a diseñar páginas web, desde lo básico de HTML pasando por el CSS hasta el montaje de la pagina web en Dreamweaver y la subida de la página web en el servidor, todos los video tutoriales de diseño web son explicados paso a paso y todos son una secuencia del tutorial de diseño web anterior, así que no pierdas la secuencia.
Este curso gratis de diseño de paginas web es para quien quiere aprender HTML, saber modificar alguna plantilla html o instalar WordPress o Joomla no te hace un experto ó master en diseño web, para ser un experto debes primero conocer el código HTML y CSS, y es eso lo que vas a aprender con estos tutoriales de diseño web.
Curso gratis de diseño de páginas web
Tutoriales 30 septiembre 2010 | 42 Comentarios
Etiquetas: creación de páginas webs, css, curso gratis, curso gratis diseño paginas web, curso web, diseñar paginas web, diseño de paginas web, dreamweaver, formulario, gratis, html, iframe, pagina, tablas, videos
Curso gratis de diseño de páginas web
El presente curso de diseño de páginas web, lo he elaborado a fin de que sirva como material de consulta tanto por diseñadores de páginas web como por diseñadores gráficos y por cualquier persona que quiera aprender a diseñar páginas web, desde lo básico de HTML pasando por el CSS hasta el montaje de la pagina web en Dreamweaver y la subida de la página web en el servidor, todos los video tutoriales de diseño web son explicados paso a paso y todos son una secuencia del tutorial de diseño web anterior, así que no pierdas la secuencia.
Este curso gratis de diseño de paginas web es para quien quiere aprender HTML, saber modificar alguna plantilla html o instalar WordPress o Joomla no te hace un experto ó master en diseño web, para ser un experto debes primero conocer el código HTML y CSS, y es eso lo que vas a aprender con estos tutoriales de diseño web.
Lista de los video tutoriales de diseño web
Estructura Básica de un documento HTML, lo básico es conocer la estructura de un documento HTML y saber lo que significan las etiquetas html y la sintaxis básica para crear tu primera página web desde el bloc de notas.
Estructura Basica de un documento HTML
Para que un documento sea considerado HTML hay que definirselo al Navegador, siendo la estructura la siguiente:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Documento sin título</title>
</head>
<body>
</body>
</html>
La estructura nunca cambia, siempre es la misma, asi que todo el contenido de la pagina web va dentro de la etiqueta BODY:
<body> –> Inicio de etiqueta
AQUI ESCRIBES EL CONTENIDO DE LA PAGINA WEB
</body> –> fin de etiqueta
Sintaxis de una Etiqueta
Las etiquetas en HTML definen el cambio o formato a aplicar a una seleccion, para ello cada etiqueta tiene una funcion especifica, pero la sintaxis es siempre la misma “<” simbolo de menor que, indica el inicio de la definicion de una etiqueta, “>” simbolo mayor que, indica el final de una etiqueta, por ejemplo “<p>”, “<strong>”, “<a>”, “<blockquote>”, “<head>”.
Como vimos mas arriba, el contenido o la forma de seleccionar en HTML lo hacemos indicando manualmente el lugar de inicio y de fin de una etiqueta, de esta forma esa etiqueta afectará unicamente a ese texto o imagen.
Ejemplo:
<font color=”red”>Este texto es rojo</font>pero este no
Del ejemplo podemos ver como funcionan las etiquetas; FONT es la etiqueta porque se encuentra mas proxima a “<” el atributo es COLOR y el valor es RED, FONT tiene 3 atributos posibles “FACE”, “COLOR” y “SIZE”, Face para el tipo de letra, Color para los colores de letra y Size para el tamaño de letra, en otro post explicaremos con mas detenimiento como funcionan estos atributos, lo impotante en este momento es que entiendas la sintaxis de una etiqueta HTML.