Antes de crear un sitio web, es fundamental haber definido qué tipo de página se desea crear y qué funcionalidades ofrecerá a los usuarios. En función del criterio que se utilice, las páginas web se clasifican según el nivel de interacción con el usuario según la temática SEGÚN EL NIVEL DE INTERACCIÓN CON EL USUARIO Este tipo de clasificación atiende al nivel de interacción que el usuario tiene con la página, así como a la capacidad que este tiene para, además de visualizar el contenido, será capaz de realizar algún tipo de acción con la misma o modificar su contenido Así, según el nivel de interacción podemos clasificar las web en: Página estática.- El contenido de una página estática no solo puede ser modificado por el administrador de la misma, pero no por los usuarios que la visitan. Estas páginas no ofrecen ningún tipo de interacción con el usuario más allá de la navegación por su contenido. Página dinámica.- Permite al usuario interactuar con el sitio web, ya sea para crear contenidos (comentarios, artículos ) o para realizar otras acciones como comprar productos, acceder mediante contraseña Normalmente este tipo de páginas requieren el conocimiento de algún tipo de conocimiento infomático Según la temática, podemos clasificar las web en: Blog, foro o red social.- son páginas destinadas a que los usuarios interaccionen entre si y opinen sobre los contenidos, los cuales pueden haber sido creados por ellos mismos. Presentación o corporativa.- sitio web destinado a publicitar un producto, el trabajo de una persona o una empresa Comercio electrónico.- Página web destinada a la realización de transacciones comerciales online Aplicaciones web.- Sitios web destinados a ofrecer una funcionalidad tradicionalmente propia de aplicaciones de escritorio. Otros ejemplos de este tipo de aplicaciones son los gestores de imágenes o las suites informáticas. LENGUAJES PARA LA CREACIÓN DE PÁGINAS WEB Las páginas web se almacenan en ordenadores, locales o de acceso público en Internet, denominados servidores web. Los usuarios, al introducir una dirección en el navegador se conectan a dichos servidores, que procesan la petición devolviendo el código de la página web solicitada, la cual es interpretada por el navegador de modo que se pueda visualizar correctamente. Los servidores web emplean una serie de lenguajes de programación y de consulta de datos que permiten generar la estructura de la página web, codificada en lenguaje HTML. Además, dichos servidores envían al cliente otro tipo de información destinada a dotar a dicha estructura de un diseño concreto. Según el entorno en el que se ejecutan, los lenguajes más utilizados para la creación web son:
Del lado del servidor: DISEÑO Y EDICIÓN DE PÁGINAS WEB PHP, Java,.NET, Ruby y Phyton.- Permiten programar el comportamiento del servidor web en el momento de atender las peticiones de los usuarios y de generar el contenido HTML correspondiente. SQL.- Utilizando para interaccionar con la base de datos y realizar tanto consultas como inserciones o modificaciones. Por ejemplo, en una tienda virtual, los datos pueden corresponder a usuarios registrados, categorías, productos, periodos Del lado del cliente HTML.- lenguaje marcado compuesto por etiquetas que describen y estructuran el contenido de una página web. Existen versiones más estrictas en cuanto a las normas de las etiquetas, como el lenguaje XHTML, que facilitan a los navegadores la interpretación de las mismas. Sin embargo, la versión que se utiliza en la actualidad (HTML5) además de introducir nuevas mejoras, constituye el leguaje preferido en la actualidad. CSS.- Utilizado para definir el estilo con el que se presenta la estructura HTML de una página web. La versión actual (CSS3) soporta, entre otras funciones, la inclusión de animaciones y la gestión de diferentes resoluciones con el fin de adaptar la presentación de la página a los diferentes dispositivos. JavaScript.- Lenguaje de programación interpretado por el navegador o cliente web. JavaScript añade dinamismo a la página, ya que permite, entre otras cosas, modificar su estructura y estilo, lo que evita tener que realizar peticiones al servidor web para todos aquellos cambios que se desee realizar. LOS EDITORES PARA LA CREACIÓN DE CONTENIDO WEB Existen multitud de programas orientados a la creación de páginas web. Algunos de ellos sin editores de texto plano. Algunos ejemplos de este tipo de editores son Notepad++, Geany, gedit, Kate y Sublime Text. Otros editores más avanzados, alguno de los cuales se engloban dentro de la categoría de ambientes de desarrollo integrado (IDE), disponen de funciones complementarias como el autocompletado de texto, la gestión de plantillas predefinidas, la generación de código automática, la sincronización remota Algunos ejemplos de este tipo de editores son: Bluefish WebStorm Visual Studio Express Aptana Studio NetBeans Eclipse Finalmente existe una última categoría de editores, que son los editores visuales, también llamados WYSIWYG (What you see is what you get). Estos editores sirven para crear páginas como si se tratara de documentos de texto en programas como Word. Su ventaja es que permite observar el aspecto del sitio
web y su desventaja es que el código es generado automáticamente, puede no ser óptimo ni amigable a la hora de implementar la página. Algunos ejemplos de este tipo de editores son: Adobe Dreamweaver KopoZer BlueGriffon Wordpress Algunos de los gestores de contenidos más usados para la creación de sitios web de cualquier tipo son WordPress, Joomla! o Drupal, pero también existen gestores especializados, podemos citar Magneto, destinado a la creación de tiendas online. ACTIVIDAD PRÁCTICA. PREPARACIÓN DEL ENTORNO DE DISEÑO WEB En primer lugar, tenemos que instalar XAMPP, la instalación se puede llevar a cabo a través de la página https://www.apachefriends.org/es/index.html Una vez instalado este entorno será necesario descarga el software de WordPress que se puede obtener de manera gratuita de la página www.bitnami.com/stack/xampp. Una vez que entremos en la página, debemos instalar el wordpress: Una vez bajado el archivo ejecutable (.exe) lo ejecutamos. En primer lugar, nos pedirá el idioma en el que deseamos continuar. Pulsamos siguiente:
A continuación nos preguntará en qué directorio tenemos instalado el XAMPP, que por defecto es C:\xampp
IMPORTANTE, PARA SEGUIR CON LOS PASOS DE LA INSTALACIÓN, DEBEMOS TENER ABIERTO EL XAMPP Y ACTIVADO EL MySQL, EN CASO CONTRARIO NO FUNCIONARÁ. La información que nos pide el programa de instalación es la siguiente: Una vez introducida esta información nos muestra una pantalla para poner el nombre a la página o blog que vamos a administrar.
Posteriormente nos preguntará cuál es el soporte que queremos de correo electrónico, esto es útil en el caso de que envíen notificaciones a los usuarios. Posteriormente nos pedirá una cuenta e Gmail con su correspondiente contraseña y a continuación comienza la instalación. Para confirmar que la instalación se ha completado correctamente, es posible acceder a la instalación local de WordPress desde la dirección: http://localhost/wordpress/ En cuanto instalemos el módulo de WordPress para XAMPP, este crea una página de ejemplo que podrá modificarse por completo. Para iniciar sesión debemos ir a la dirección http://localhost/wordpress/wologin.php (tener en cuenta que para poder hacer esto y que funcione, ha de estar abierto el XAMPP y funcionando el MySQL
Accediendo a la cuenta podremos editar la página web en wordpress