Solución de trabajo

1.¿Qué es una pagina web? :


Una página web, o página electrónica,  es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas.Una página de Internet o página Web es un documento electrónico adaptado particularmente para el Web, que contiene información específica de un tema en particular,  pero no solamente una pagina web esta diseñada para sonido, vídeo, programas, enlaces, imágenes si no que también es usada y creada por personas para su propio beneficio 


2.¿Consulta y explica cada uno de los componentes de las paginas web?

1) Contenido.

Una página web debe ser atractiva… Pero no solo a la vista, sino también en el contenido.

Eso significa que debe tener contenido interesante que atraiga (y atrape) al público objetivo.

De hecho, ninguna página puede considerarse exitosa si no cuenta con un contenido atractivo y actualizado con cierta frecuencia.

Eso servirá no solo para aumentar el número de nuevas visitas, sino para que los antiguos visitantes consulten la página a menudo y la usen como referencia.

2) Tipografía.

Es importante usar fuentes llamativas pero sencillas de leer.

También es importante variar el tamaño de una misma fuente para resaltar secciones interesantes del contenido y del texto.

3) Imágenes.

En el diseño web es muy importante las buenas fotografías, preferentemente tomadas por un profesional.

Es importante que no estén pixeladas o desenfocadas, ya que puede causar una mala imagen del sitio en general.

4) Animaciones y movimiento.

Al ver un gráfico eso llama la atención de la gente

5) Botones e iconos.

Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la página.Pero no es necesario colocar accesorios que no brinden un valor real, por ejemplo un reloj para clientes que se encuentran en el mismo uso horario.

6) Fondos claros y sencillos.

Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un aspecto despejado a la página resaltando las imágenes.Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz del monitor.

7) Enlaces a redes.

Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con facilidad. Esto ayuda además a crear comunidad.

8) Sobriedad.

Una página debe permitir una fácil visualización de los contenidos (vídeos, imágenes, textos).

3.¿Investiga y escribe que es la web?
La web es un lugar no fisico donde se encuentra la nube la cual es donde se archivan las buquedas de todas las personas y donde el sistema da la distribución de documentos accesibles vía Internet


4.¿Consulta y explica 5 editores de pagina web online?

1. Sublime Text

Sublime Test es uno de los editores de HTML más conocidos. Disponible para Windows, Linux y OS X, destaca por su soporte para muchos lenguajes de programación, además de HTML o CSS. Este editor cuenta con numerosos plugins y un sistema de pantallas múltiples que permite crear proyectos y trabajar cómodamente con varios archivos al mismo tiempo.

La interfaz de Sublime Test es muy sencilla, pero también muy completa. Aunque, a priori, no se trata del editor más intuitivo, Sublime Test ayuda a mejorar la productividad del programador, una vez se conocen los detalles de su funcionamiento. Tanto la descarga como la utilización de este editor son totalmente gratuitas.

2. Notepad ++

Notepad ++ es un editor de código abierto disponible solo para Windows. Este editor aumenta las funcionalidades de cualquier bloc de notas. Entre sus funcionalidades, se encuentran el resaltado de sintaxis, la estructuración del código o la función de autocompletado. Además, es posible añadir diferentes plugins para su personalización. Al tratarse de un editor muy popular, hay muchos entre los que elegir.

3. Dreamweaver

Es dificil pensar en un editor de HTML y no tener en cuenta a Dreamweaver. Como uno de los productos estrella de Adobe, Dreamweaver permite trabajar no solo con código en HTML y CSS, sino también entre otros, en lenguajes, como PHP, XML o JavaScript. Como editor WYSIWYG, Dreamweaver permite trabajar en una vista preliminar y que el propio editor genere el código HTML, lo que resulta especialmente atractivo para aquellos que se inician en el diseño web.

4. Brackets

Brackets es un editor de código abierto creado y mantenido por Adobe. Brackets está especialmente diseñado para trabajar en HTML, CSS y JavaScript. Una de las principales ventajas que tiene Brackets es la posibilidad de realizar cambios en el código y ver al instante el resultado en el navegador, sin necesidad de presionar ninguna tecla.

Pero esa no es la única ventaja de Brackets. Este editor gratuito, que recibe actualizaciones frecuentes, facilita trabajar en línea sin necesidad de tener que saltar entre pestañas, archivos, etc. Además de poder editar y trabajar con archivos HTML y CSS, con Brackets también es posible editar archivos PHPen vivo.

5. Netbeans

Netbeans es un editor que soporta múltiples lenguajes, entre los que se incluyen HTML, PHP o JavaScript. Entre sus características, se encuentran el soporte para base de datos o control de versiones. Netbeans es otro de los editores gratuitos que no tiene nada que envidiar a otros del mercado. Además, su código abierto y el hecho de que esté respaldado por una gran comunidad de usuarios hacen que sea muy fácil encontrar plugins y tutoriales para sacarle el máximo partido.

6. Microsoft Visual Studio for Web

Microsoft Visual Studio proporciona un entorno en el que desarrollar HTML, CSS o JavaScript. Incluye depurador de código, validador de seguridad y accesibilidad, ayuda contextual para todos los lenguajes y visualización real del resultado final de las páginas web. Se trata de un editor muy completo y gratuito. Su única desventaja es que solo está disponible para Windows, por lo que, si se trabaja con Mac o Linux, se deberá optar por otro de los editores de esta lista.

7. Amaya

Amaya es un editor de páginas web que inicialmente empezó como editor deHTML y CSS, pero progresivamente ha aumentado sus funcionalidades y en la actualidad ofrece soporte para XML y otras aplicaciones relacionadas. Amaya es un software disponible para Windows, Linux y Mac OS. Desarrollado por el Consorcio de la World Wide Web (W3C), Amaya cuenta con un sencillo editor gráfico que permite la inserción automática de etiquetas HTML e incluye corrección ortográfica y código de limpieza. Además, Amaya facilita acceder a la vista previa del documento en tiempo real.

8. JetBrains Webstorm

Considerado uno de los mejores editores del mercado, JetBrains Webstormpermite no solo trabajar con HTML, CSS y JavaScript, sino también con otros lenguajes, como CoffeeScript, TypeScript y Node.js. JetBrains Webstorm está disponible para entornos Windows y Mac. Es un editor que destaca por la velocidad con la que posibilita ver los cambios en tiempo real en navegadores como Chrome. JetBrains presenta múltiples ventajas, como el control de versiones o testeo unitario. Sin embargo, en este caso se trata de un softwarede pago.

9. Kompozer

Kompozer es uno de los editores web más populares. Perfecto para editar tanto HTML como CSS, Kompozer permite acceder a una vista previa de la página, así como trabajar con varias pestañas abiertas al mismo tiempo. Ideal para aquellos usuarios poco experimentados, Kompozer tiene una interfaz sencilla e intuitiva. Además de ser gratuito, es un editor multiplataforma disponible para Windows, Mac y Linux.

10. Aptana Studio

Este editor sirve para programar, además de HTML, JavaScript, PHP, Python y Ruby. Es totalmente gratuito y está disponible para Windows y Mac. Aptana Studio destaca principalmente porque incluye una ayuda para HTML que permite conocer si existen errores en el código, dónde se encuentran y los motivos por los que el código falla. Además, informa de las variaciones que existen entre navegadores y cómo pueden afectar a la visualización y el funcionamiento de la página que se esté desarrollando.

11. CoffeeCup Editor

CoffeeCup es un editor disponible para Windows y Mac que cuenta con dos versiones: una versión gratuita y otra de pago, cuyo precio oscila en torno a 60 euros. Aunque la versión gratuita cuenta con menos prestaciones, CoffeeCup Editor presenta interesantes ventajas. Cuenta con una vista de carpetas en árbol que favorece la organización de los proyectos, una ayuda con la sintaxis del código y la posibilidad de visualizar la página web en la que se esté trabajando en tiempo real y a medida que se escribe. Entre las ventajas de su versión de pago, sobresale la posibilidad de subir los archivos directamente a través de FTP, lo que simplifica bastante la tarea.

12. TextWrangler

TextWrangler es un editor de texto, esta vez, exclusivo para Mac. Similar a NotePad ++ o Sublime Test, TextWrangler es totalmente gratuito. Se trata de una herramienta muy básica, pero que ofrece las funcionalidades necesarias para trabajar cómodamente con HTML y CSS. A pesar de sus limitaciones, TextWrangler es uno de los editores web más conocidos y más utilizados en el entorno de Mac.

13. Textmate

Este editor, al igual que el anterior, solo está disponible para Mac. Entre una larga lista de prestaciones, destacan su ayuda para organizar el código, el resaltado de la sintaxis a través del color, su función de autocompletar y la posibilidad de trabajar con varios archivos a la vez, así como su capacidad para trabajar con más de 50 lenguajes (además de con los propios de la web). Para utilizar Textmate, es necesario adquirir una licencia de pago cuyo precio depende del número de usuarios y uso que se le quiera dar: si se pretende utilizar con fines académicos, empresariales, etc.

14. BlueGriffon

BlueGriffon es un editor gratuito y multiplataforma, es decir, funciona tanto en Windows como en Mac o Linux y, además, es de código abierto. Disponible en varios idiomas (incluido el español), BlueGriffon presenta interesantes características que lo posicionan como uno de los editores más completos. Incluye distintas ayudas, que facilitan el diseño y desarrollo de páginas, como el acceso a la estructura jerárquica de la página. Además, BlueGriffon ofrece la posibilidad de visualizar transformaciones 3D de CSS3, en tiempo real y sin necesidad de salir del propio editor. Es altamente recomendable para aquellos que acostumbran a ver las páginas según se van editando.

15. Komodo Edit

Komodo Edit es la versión simplificada y gratuita del software Komodo IDE. Se trata de un editor sencillo y que permite editar código, independientemente de la plataforma en la que se trabaje (Windows, Mac o Linux). Komodo Edit es un editor disponible como software libre y que se puede descargar directamente desde su página web. En caso de que no sea suficiente, siempre es posible adquirir la versión más completa y elaborada.

16. VIM

Otro de los editores que hay que tener en cuenta a la hora de diseñar y desarrollar páginas web es VIM. Se trata de un editor avanzado, de código abierto y gratuito. Compatible también con Windows, Mac y Linux, VIM destaca por su gran versatilidad, ya que permite su configuración independientemente de cuáles sean las preferencias. Puede ser utilizado tanto por principiantes como por desarrolladores avanzados, ya que puede se le puede aplicar una configuración básica similar a la de un bloc de notas tradicional o, si se prefiere, es posible optar por configuraciones mucho más complejas.

17. PSPad

PSPad puede definirse como un bloc de notas avanzado. Es gratuito y de código abierto. Incluye resaltado de sintaxis, conexión mediante FTP integrada, grabadora de macros, compresor código, accesos directos a tabla ASCII y gestor de proyectos, entre otras características que convierten a PSPad en un excelente editor web. La única desventaja que presenta es que solo está diseñado para trabajar en entornos Windows. Además, está disponible en varios idiomas (incluyendo el español), lo que hace que sea una herramienta aún mucho más amigable para el usuario.

18. Atom

Atom es el editor de texto creado por GitHub. Presenta características muy similares a Sublime Test. Es un editor muy versátil y completo, que permite trabajar con diferentes tecnologías web, como HTML, CSS o CoffeeScript. Diseñado pensando especialmente en los desarrolladores, Atom permite una configuración muy detallista. Puede usarse tanto en Windows, como en Os X o Linux. Con este editor, es muy sencillo organizar, buscar y modificar los diferentes archivos. Además, Atom ofrece la posibilidad de instalar paquetes o crearlos de forma personalizada.

19. EditPlus

EditPlus es un editor de texto especialmente diseñado para Windows. Se trata de una herramienta de pago, aunque es posible descargar una versión de prueba que dura 30 días. El importe de la licencia de pago varía dependiendo del número de usuarios que vayan a utilizarla. Entre sus características, es necesario destacar que este editor permite trabajar con códigos diferentes: HTML, CSS, PHP, JavaScript, Perl, ASP y Java, entre otros. Además, ofrece la posibilidad de subir los documentos a un servidor, directamente a través de FTP; crear plantillas; o trabajar en varios documentos abiertos al mismo tiempo.

20. Light Table

Light Table es un editor web en el que se mezclan diseño y funcionalidad. Presenta una interfaz sencilla y ligera, que facilita la visualización del código. Pero esta no es la única ventaja que Light Table tiene para los desarrolladores, pues es un editor gratuito de código abierto que permite añadir los plugins que sean necesarios de forma muy sencilla. Destaca por su organización y algunas de sus prestaciones, como su capacidad de conectarse directamente con el navegador. Al igual que la mayoría de los editores, Light Table es un softwaremultiplataforma que facilita su instalación en diferentes entornos.

5.¿Escribir las referencias bibliográficas de la investigación?

https://es.wikipedia.org/wiki/P%C3%A1gina_web
https://webtematica.com/los-mejores-editores-de-paginas-web
https://blog.virtualianet.com/diseno-web-los-8-elementos-imprescindibles/

PRESENTADO POR NICOLAS DIAZ BORRERO