Escuela: CBTIS #1  

Alumno: Christian Jacob Chavez Delgado.

 Especialidad: Programación.  

Materia: Diseño de paginas web.

 Tema: Como comenzar a crear paginas web.

Maestra: Rosa Rico Esparza. 

 Fresnillo, Zacatecas. 25 de mayo del 2018

Semestre: 4º  Grupo: "K"

 

 

 Diseño de paginas web

Unidad 1

1.- Lenguajes para diseñar paginas web.

Primero que nada es necesario saber cuales son los lenguajes para diseñar paginas web; ya que existen varios y debes escoger en cual te enfocaras, aunque te recomendamos aprender de todos un poco ya que te servira mucho en un futuro. 

 
HTML: es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.

A continuación un ejemplo de un trabajo escolar realizado en HTML:

2.- Programas para diseñar paginas web. 

 Existen varios tipos de programas para diseñar paginas web , a continuacion vamos a mencionar algunos.  

     

1.- Pagebreeze: Pagebreeze es un editor de paginas web gratuito, utiliza lenguaje HTML y muy sencillo de usar. Perfecto para comenzar a diñesar paginas web. Descaragalo aqui.

A continuación un ejemplo  de una exposición sobre pagebreeze:

2.- Brackets: Brackets es un editor de páginas web desarrollado principalmente por la empresa Adobe Systems (muy conocida por productos como PostScript, Acrobat Reader, Flash, PhotoShop, Premiere, Dreamweaver, etc.). Descargalo aqui.  

3.- Notepad++: Notepad++ es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación. De soporte nativo a Microsoft Windows.

Se parece al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores. Descargalo aqui.

     

4.- Coffeecup: CoffeeCup HTML Editor es un editor HTML. Originalmente creado por Nicholas Longo y Kevin Jurica, se lanzó al público por primera vez en agosto de 1996. Hasta la versión 12.5 lanzada en 2012, era capaz de editar WYSIWYG. Descarga la version gratuita.

Unidad 2

Editores web en linea. 

Algunas opciones aparte de editores de paginas web de escritorio son los editores web en linea, son básicamente editores que se encuentran en Internet sin necesidad de instalar algo. 

A continuación algunos ejemplos de editores web en linea. 

1.- Jimdo

Jimdo es una plataforma para crear páginas web y tiendas online​ que cuenta con un propio sistema de gestión de contenido que funciona como un editor WYSIWYG (What You See Is What You Get). Cuenta con un sistema modular para introducir bloques de contenidos y construir la página sin editar en HTML. 

2.- Weebly

Weebly es una plataforma online dedicada a la creación de páginas web. Tiene un servicio gratuito y de pago según la necesidad del usuario.

3.- Wix. 

Wix.com es una plataforma para el desarrollo web basada en la nube que fue desarrollada y popularizada por la compañía Wix. Permite a los usuarios crear sitios web HTML5 y sitios móviles a través del uso de herramientas de arrastrar y soltar en línea.

A continuación una actividad realizada en Wix: 

Unidad 3

Dreamweaver 

Adobe Dreamweaver es una aplicacion en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y Aplicaciones web basados en estándares. 

Si quieres comenzar con Dreamweaver haz clic aquì.  

Cosiguelo aqui.

  


NOTA: Este blog esta hecho como proyecto escolar, NO se trata de nada profesional; por lo tanto, trato de brindarte informacion que quiza no conozcas con este proyecto.