jueves, 26 de abril de 2018

Maquetacion de Pagina web HTML5 con CSS


Maquetacion con html5 de la estructura Básica


Nota. El código para realizar la maquetacion de la gráfica se describirá a continuación, pero es necesario que el estudiante transcriba linea por linea y vea como funcionan algunas propiedades de css en el proyecto .html.

Estará divido en 3 imágenes. o 3 partes.

Parte1

Parte2

Parte3 

viernes, 20 de abril de 2018

CREACIÓN DE CUENTA EN CODEPEN.IO
Mi Primer Hola Mundo en CodePen.IO

Codepen es una herramienta para realizar pruebas a fragmentos de código que todo desarrollador web o front-end sabrá apreciar.


Existen algunas plataformas que te ahorran la tarea de configurar un entorno completo solo para algo de testingCodepen es una de ellas pues logra que te concentres en lo importante, probar lo que tienes en mentehaciendo del resto algo secundario.
Codepen es un patio de pruebas para vistas o front-end de la web. Es una herramienta de testing interactivo enfocada en educar y compartir. Bien sea que necesites probar un caso de prueba reducido para encontrar errores o simplemente dar un vistazo de tu ultima creación y obtener feedback de otros usuarios, Codepen te viene como anillo al dedo.
Codepen dispone de una edición gratuita y una versión Pro con más funcionalidades. CodePen PRO incluye funciones como una vista previa en vivo de código a través de múltiples dispositivos, pair programming en tiempo real y el Profesor Mode, maravilloso para entrenamiento y clases en línea. Si optas por comprar la suscripción, tiene una valor de $9 al mes o $75 el año.
La pagina para poder crearte una cuenta gratutia es www.codepen.io 


miércoles, 11 de abril de 2018

Instalar Sublime Text

Muy buenas tardes a todos los seguidores del blog en esta ocacion instalaremos el editor de código que tiene por nombre SUBLIME TEXT en su version 2 y tambien la version 3.
Para poder descargar el instalador pueden acceder a la pagina www.bit.do/prograwebfcadiz



Una vez descargado deberemos seguir lo siguientes pasos.
1. Abrir el programa sublime text como administrador.
2. Descargar el archivo con el nombre de Package Control.sublime-package  
3. Una vez descargado los siguiente sera copiarlo en la carpeta donde se instalo el sublime text dependiendo la version  si es de 64 o 32 bits. en mi caso el sublime text se instalo en siguiente direccion C:\Program Files\Sublime Text 2\Pristine Packages   hay que copiar el archivo descargado en la carpeta con el nombre de "Pristine Packages".
4. De esta forma ya tendriamos instalado el package control que es necesario para poder instalar Emmet.

MUY BIEN AHORA CONTINUAMOS INSTALANDO EMMET Y PYV8
1. Nuevamente podemos ingresar al enlace www.bit.do/prograwebfcadiz y buscar en la carpeta de sublime text 2 en la carpeta plugin emmet para instalación manual st2. y descargamos el archivo con la extension .zip que tiene por nombre "emmet-sublime-master.zip"
2. Una ves descargado, entraremos a sublime text y nos vamos a la opción que dice PREFERENCE>PACKAGES.
3. Copiar el contenido descargado en la carpeta que abrimos en la opcion 2.
4. Reiniciar el programa SUBLIME TEXT.

PARA INSTALAR "Pyv8 para los Snipet"
1. Debera descargar el programa o carpeta de el mismo enlace seleccionado en la parte superior.
2. Y tambien copiarlo en la misma carpeta.

PRUEBA DE FUEGO
Si todo esta correcto, entonces simplemente:
1. Abrimos sublime text.
2. En parte final del archivo encontramos el lenguaje en el que estamos programando en este caso tendremos que seleccionar la opcion html
3. Por ultimo simplemente escribimos html:5 y presionamos la tecla TABULADOR. Si todo esta correcto deberíamos observar la estructura que vemos en la ultima imagen.

SALUDOS.



sábado, 19 de noviembre de 2016

COMO CREAR PAGINAS WEB EN HTML

Para crear una sencilla pagina en HTML
1. Abrir el blog de notas con el comando Ejecutar, presionando la tecla "Windows + R".
2. Escribir la palabra "notepad"
3. Copiar el siguiente código.
<html>
<head>

       <title>Inicio</title>
</head>

       <body bgcolor="#99CC99">
            MI PRIMER PAGINA WEB.
        </body>
   </HTML>

4. Guardar el archivo con la extesion "HTML" por ejemplo.
sunombre.html.
5. Ubicar el archivo y abrirlo.
6. A tomar en cuenta.
en las etiquetas <title> </title> se encuentra ubicado el titulo de la pagina.
y en medio de las etiquetas <body></body> esta el contenido que se va mostrar en la pagina web. :D

sábado, 12 de noviembre de 2016

TAREA PARA EL PROXIMO SABADO

Enseñar como crear una pagina web en BLOG SPOT

Bienvenido a Mi BLOG como Prof. de Computacion

WELCOME

Esta es la primer entrada hacia un mundo de conocimiento, la persona que tenga alguna duda o inquietud no dude en escribirme al correo electrónico descrito en la pagina.