Ir al contenido principal

PREREQUISITOS PARA INICIAR

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 integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código. También es personalizable, por lo que los usuarios pueden cambiar el tema del editor, los atajos de teclado y las preferencias. Es gratuito y de código abierto,1​2​ aunque la descarga oficial está bajo software privativo e incluye características personalizadas por Microsoft.3​
Cada una de estas herramientas nos facilitarán la edición de páginas web, como lo mencioné, no son indispensables pero si serán necesarios.

De estas el primero ya les compartí el enlace, de las otras dos herramientas se las dejo a continuación:

https://www.mozilla.org/es-CL/firefox...

https://code.visualstudio.com/

Paquete de instalación de lenguaje español para visual estudio code:
Una vez que hayan instalado VSCode, ingresan al enlace que se les indica abajo y dan clic en "install", no tarda más de unos 10 segundos, luego debes reingresar para que cambie el entorno a  español.

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-es

TAREA: Calificación 10 ptos.
Instalar y enviar al correo del curso una captura de pantalla de una de las herramientas instaladas.
PLAZO DE ENTREGA:
Viernes 8 de mayo


Comentarios

Entradas populares de este blog

RECORDAMOS LOS TEMAS TRATADOS

RECORDAMOS LOS TEMAS TRATADOS HTML: Qué es? HTML, siglas en inglés de H yper T ext M arkup L anguage (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. ( wikipedia ) ESTRUCTURA DE UNA PÁGINA WEB La página web debe estar estructurada de la siguiente manera: ALGUNOS CONCEPTOS NECESARIOS Navegador: Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente ...

ASÍ RAPIDITO... COMO USAMOS SUBLIME TEXT

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 a...

HECHEMOS A ANDAR EL HTML5

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 do...