2DO. INFORMÁTICA DISEÑO WEB

Bueno, vamos ahora a crear nuestro primer código utilizando Visual Studio Code, les recuerdo que estos pasos se lo hizo también con SUBLIMETEXT 3, se preguntarán entonces, porque lo hacemos si ya conocemos este otro programa, bueno pues recordemos que estamos en un proceso de aprendizaje y no se quiere dejar pasar por alto estas herramientas, ustedes decidirán cual de ellas les es más eficiente o más cómoda para trabajar, así que bueno, hagámoslo; con el programa iniciado VSC, crearemos un nuevo archivo, así: Si das clic en nuevo archivo, aparece un cuadro de texto allí vamos a escribir index.html, inmediatamente VSC reconoce el tipo y coloca su icono en color tomate, miremos la imagen y claro, ustedes van haciendo igual en su computador: El siguiente paso: como ya el programa reconoce que se trata de un archivo HTML, escribiremos la primera sentencia en el área de trabajo " html " y nos muestra una lista, elegiremos HTML 5: entonces el programa automaticamente compl

El idioma ya lo cambiamos con el post anterior, veamos ahora como podemos configurar el área de trabajo o entorno de trabajo, que quiere decir esto, pues que debemos indicar a VSC donde vamos a guardar nuestros archivo, procedemos de la siguiente manera: Damos clic en la opción "agregar carpeta de área de trabajo" y seguido direccionamos a una carpeta previamente creada, allí es donde los archivos creados en este programa se va a almacenar, podemos también tener el programa abierto y arrastrar y soltar la carpeta sobre el programa y se agregará de la misma manera como área de trabajo. Listo, ahora una vez configurada nuestra área de trabajo, vamos  crear nuestro primer archivo...

No son indispensables pero nos dará mucha comodidad a la hora de trabajar y editar un documento web con HTML5 y CSS3. Estos son: SublimeText 3 : es un editor de texto y editor de código fuente está escrito en C++ y Python para los plugins.1​ Desarrollado originalmente como una extensión de Vim, con el tiempo fue creando una identidad propia, por esto aún conserva un modo de edición tipo vi llamado Vintage mode.2​. Se puede descargar y evaluar de forma gratuita. Sin embargo no es software libre o de código abierto3​ y se debe obtener una licencia para su uso continuado, aunque la versión de evaluación es plenamente funcional y no tiene fecha de caducidad ( Wikipedia ). Mozilla firefox developer edition:  Firefox Quantum incluye un nuevo motor CSS, escrito en Rust, que tiene las últimas innovaciones y es increíblemente rápido. Visual Studio Code:   es un editor de código fuente desarrollado por Microsoft para Windows , Linux y macOS. Incluye soporte para la depuración, control

Bueno, ahora nos toca avanzar un poco, tenemos los pasos claros en HTML, entonces con esas ideas predefinidas en nuestro contexto web, vamos a continuar con el estudio de la versión 5 y además vamos a dar un poco de vida a nuestros diseños con CSS. Pongamos en claro algunos conceptos: HTML5 .-  (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje HTML. Esta nueva versión (aún en desarrollo), y en conjunto con CSS3, define los nuevos estándares de desarrollo web, rediseñando el código para resolver problemas y actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino que incorpora muchas características nuevas y proporciona una plataforma de desarrollo de complejas aplicaciones web (mediante los APIs) CSS3 .- es un lenguaje de diseño gráfico que permite definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos

VAMOS CON LO QUE NOS OCUPA Sublime Text, es uno de los programas más interesantes y sencillos al momento de trabajar en el levantamiento de códigos HTML, PHP y Javascript, así que como ustedes ya han experimentado escribir html en bloc de notas, pues la cosa será más sencilla aún. Vamos pues. EL ENTORNO Se muestra como en la imagen que vemos a continuación: COMO INICIAR En sublime text debemos en primer lugar guardar el archivo con su extensión respectiva, esta extensión permitirá al programa identificar las etiquetas o códigos que debe utilizar y eso acelera la edición, ustedes han experimentado eso en visual basic. El ejemplo como se muestra en la imagen a continuación: BIEN AHORA... CÓMO FUNCIONA ESTO? Bien esto es sencillo, una vez guardado con la extensión, en este caso html, en la ventana de  edición del programa escribimos html ( minúsculas ). Seguido de la tecla TAB y sucederá la magia...naaa, sucede que sublime text identifica el programa y nos escribe autom

Sublime Text   3.1.1.3176 Sublime Text es un editor de código completo y ligero con una interfaz totalmente personalizable. Descarga Sublime Text y escribe código de forma cómoda Cuando empiezas a utilizar  Sublime Text , lo que más te puede llamar la atención es su  minimalista y colorista interfaz . Este  editor de textos especializado en código , cuenta con todas las funciones necesarias para poder crear y editar código de forma cómoda y práctica. Uno de los objetivos que busca  Sublime Text  es  evitar las distracciones  y conseguir la máxima efectividad a la hora de localizar códigos y líneas de texto que busquemos. Prácticas funciones y características La interfaz se puede personalizar cambiando el color de fondo y de fuentes, con  22 combinaciones posibles . La función  Minimap  permite navegar por el código de forma rápida y cómoda. Función de  pantalla completa  para evitar distracciones. Sistema de resaltado de sintaxis para gran variedad de lenguajes: