1 Investigar y escribir qué es una pagina web
2 Consulta y explica cada uno de los componentes de las páginas web
3 Investiga y escribe qué es la web
4 Consulta y explica 5 editores de páginas web online
5 Escribir las referencias bibliográficas de la investigación
R1// E
s un documento
o información electrónica capaz de contener texto, sonido
, vídeo
, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web
(WWW) y que puede ser accedida mediante un navegador web
. Esta información se encuentra generalmente en formato HTML
o XHTML
, y puede proporcionar acceso a otras páginas web mediante enlaces
de hipertexto
. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada
, guiones (scripts), imágenes digitales
, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).
R2// 1) Contenido: Debe tener contenido que atraiga (y que atrape) al público lector.
2) Tipografía: Es importante usar un tipo de letra llamativo pero fácil de entender, también hay que variar el tamaño de la letra para resaltar temas importantes.
3) Imágenes: Es muy importante tener fotografías, preferiblemente tomadas por un profesional.
Deben de no estar pixeladas o desenfocadas, ya que pueden causar una mala imagen del sitio en general.
4) Animaciones y movimiento: Para generar una sensación de dinamismo es bueno utilizar elementos animados, pero no hay que usar demasiados ya que pueden generar distracciones.
5) Botones e iconos: Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la pagina.
6) Fondos claros y sencillos: Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un aspecto despejado a la pagina resaltando las imágenes.
7) Enlaces a redes: Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con facilidad.
8) Sobriedad: Una página debe permitir una fácil visualización de los contenidos (videos, imágenes, texto)
R3// El concepto se utiliza en el ámbito tecnológico para nombrar a una red informática y, en general, a Internet (en este caso, suele escribirse como Web, con la W mayúscula).
El término, de todas formas, tiene varios usos. Además de nombrar a Internet en general, la palabra web puede servir hacer mención a una página web, un sitio web o hasta un servidor web.
R4// TIPOS DE EDITORES DE TEXTO
Editores de texto sin formato
En este grupo se incluirían los editores más básicos, que permiten escribir las líneas de código, pero no ofrecen grandes prestaciones adicionales para el diseño web de tu página. Destaca el tradicional bloc de notas.
Editores de texto con ventanas
Este tipo de editores permite, además de desarrollar el código en un área de trabajo determinada, visualizar el resultado en tiempo real.
Editores WYSIWYG
Comprenderían los editores más complejos, en los que el usuario va colocando distintos elementos en una página y el propio software se encarga de generar el documento HTML.
En la actualidad, existen numerosos editores de páginas web. Sin embargo, en ocasiones, es difícil encontrar el editor que se adapte a las necesidades propias de cada desarrollador o diseñador. A continuación, se enumeran los mejores editores de páginas web que existen en este momento.
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 PHP en 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.
R5// https://blog.virtualianet.com/diseno-web-los-8-elementos-imprescindibles/