Hola! Bienvenidos a Creando tu WEB.
Por primera vez, empezaremos programando en el HTML-Kit, en este tutorial aprenderemos a crear nuestra primera página, enlaces, etc.
Este tutorial consta de distintas secciones:
* Mi primera página
* Mi primer párrafo
* Mi primer enlace
* La Hoja de Estilos
* Enlazando la hoja
La sección principal de una WEB por así decirlo, siembre se llama index.html, en el caso de mi blog, aúnque en el URL solo se vea http://creandotuweb.blogspot.com/, el URL completo sería http://creandotuweb.blogspot.com/index.html .
Las etiquetas de los párrafos serían las siguientes: <p>...</p>
Y las etiquetas de un enlace a web...
<a>...</a> pero... hay que adornarlas un poco:
* Si quieres que la WEB se abra en la misma ventana: <a href="ruta">...</a>
* Si quieres que la WEB se abra en otra ventana: <a href="ruta" target="_blank">...</a>
Para enlazazar el documento html y la hoja de estilos se utiliza este código:
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" => Significa que es un enlace a una Hoja de Estilos (Sylesheet)
href="estilos.css" => Significa que la dirección de la hoja es estilos.css
type="text/css" => Significa que es un texto css (tipo de documento)
media="all"> => Significa que se selecciona todo
Y bueno, he aquí la explicación en vídeo:
Si quieres una mejor cacalidad de vídeo, utiliza la calidad HD (720p), merece la pena.
Primer contacto con el HTML-Kit
martes, 28 de diciembre de 2010
Con el código
miércoles, 8 de diciembre de 2010
Hola a todos y a todas! Bienvenid@s a Creando tu WEB.
Hoy subó el segundo tutorial, en el que tocaremos por primera vez lo que es el código HTML.
Hasta ahora, no hemos hecho nada más que instalar, y hablar sobre un futuro proyecto, pero no os preocupar, pues, en el tercer tutorial, ya empezaremos con el motivo de la creación de este Blog, empezaremos a crear nuestra WEB.
Este tutorial consta de varios apartados:
* Introducción al código
* Código Fuente de una WEB
* Organizarndo en carpetas
* Sitio Local
Recordando lo del tutorial, las principales partes de una página son las siguientes:
<html> => El pincipio de todas las WEBs (principalmente)
<head> => Lo que está entre <head> y </head>, no es visible a simple vista.
</head>
<body> => Lo que se coloca entre <body> y </body>, es lo que se ve (o escucha) de una página WEB.
</body>
</html> => El final de todas las WEBs
Las carpetas que crearemos serán las siguientes (la primera en el Escritorio):
"mis-páginas-web"; dentro de esta, "web-ejemplo" y "mis-experimentos"; y dentro de "web-ejemplo", "objetos".
El nombre que le pondremos a la carpeta en el programa es el siguiente: "web-ejemplo-local".
Y bueno, he aquí el vídeo tutorial:
Si quieres una mejor cacalidad de vídeo, utiliza la calidad HD (720p), merece la pena.
Etiquetas:
Curso completo paso a paso,
Primera lección
El HTML-Kit
Etiquetas:
Curso completo paso a paso,
Primera lección
Bienvenid@s
sábado, 4 de diciembre de 2010
Hola! Bienvenid@s a este blog. En él, aprenderemos a crear desde cero, una página WEB.
Este blog va a constar de bastantes tutoriales, los intentaré subir semanalmente, pero si no consigo subir una semana uno, a lo siguiente, subiré dos, y siguiendo ese proceso.
En esta página, cada entrada va a constar de un vídeo tutorial, y de una parte escrita como esta, ne la que explicaré un poco lo que vamos a aprender con el vídeo, los resultados que quedan, etc.
El programilla que vamos a utilizar para crear nuestra página WEB, va a ser un programa básico, pero a la vez, una vez aprendido el procedimiento,`podreis hacer las mismas cosas que en un avanzado.
El programa es gratis, pesa muy poco, se descarga rápido, desde la propia página WEB del autor, y da un muy buen funcionamiento.
Y bueno, esto es de lo que va a ir principalmente este blog, también va a constar de un canal de YouTube, http://www.youtube.com/user/TutorialesHtml, en el que hiré colgando todos los vídeos tutoriales, teneis las dos opciones para escojer, el blog, o el canal.
Si quereis enviarme alguna sugerencia, algún comentario en privado, o buscais ayuda, o no entendeis algo, este es el correo electrónico del blog: tutorialshtml@gmail.com. Lo miraré casi diariamente, e intentaré responder a todas vuestras dudas.
Bueno, un saludo, Creando tu WEB.
Etiquetas:
Inicio