Diseño de Portales Web y Recursos Multimedia.

jueves, 16 de marzo de 2023

Los menús desplegables en las paginas webs.

Los menús en la paginas webs.

Realizar los diferentes menús de la aplicación Web, de acuerdo a las especificaciones dada.

° Inicio ° Sobre Nosotros

° Admisiones ° Contacto

° Calificaciones

Menú desplegable de mi pagina web.

miércoles, 15 de febrero de 2023

Pasos para publicar una pagina web.

Pasos para publicar una pagina web.

1. Elige una empresa de alojamiento web fiable.

Crear y mantener un sitio web no es algo que deba tomarse a la ligera. Es crucial elegir un host web de primera categoría que tenga todas las características clave para poner en marcha tu proyecto.

Estos son algunos de los factores que debes tener en cuenta a la hora de elegir un proveedor de alojamiento:

° Asistencia inmediata: un buen servicio de alojamiento debe contar con un equipo de expertos que puedan ayudarte en cualquier momento. No hay peor sensación que encontrarse con algún problema y tener que esperar días para obtener una respuesta.

° Control sobre tu espacio de alojamiento web: cuanto menos control tengas sobre tu cuenta de alojamiento, más probabilidades tendrás de tener problemas cuando tu sitio crezca.

° Espacio para crecer: antes de elegir alojamiento web, asegúrate de que ofrece soluciones escalables que pueden proporcionar más potencia (como servidores virtuales o privadas o alojamiento web en la nube).

° Garantía de devolución del dinero: a nadie le gusta una mala inversión, así que fíjate que exista una política de rembolso. Esto te dará un margen de tiempo para probarlo todo antes de comprometerte con el servicio de alojamiento.

2. Elige el método para subir tu sitio web.

El siguiente punto es elegir la herramienta adecuada para subir tu sitio web a Internet. Aquí tienes cuatro posibilidades populares para subir un sitio web:

Administrador de archivos

Un administrador de archivos es una herramienta basada en navegador que cuenta con todas las características clave para cuidar los archivos y directorios de tu sitio web. Si tienes una cuenta de Hostinger, inicia sesión en hPanel y busca el Administrador de archivos en la sección Archivos.

Protocolo de transferencia de archivos (FTP)

La mayoría de los proveedores de alojamiento web admiten FTP o protocolo de transferencia de archivos, que puedes utilizar para conectarte a un cliente FTP. Si no tienes un cliente FTP, asegúrate de instalar uno en tu PC.

Importador automático de sitios web

Si eres usuario de Hostinger puedes encontrar una característica de Importar Sitio Web en hPanel. Puedes utilizar esta función para extraer un archivo de sitio web al directorio public_html. La herramienta admite los formatos . zip, .tar y .tar.gz, y el límite de carga es de 256 MB.

Plugins de migración de WordPress

Si planeas utilizar WordPress, hay varias maneras de cargar tu sitio web al CMS. Uno de los métodos más sencillos es utilizar un plugin de migración de WordPress como All in One WP Migration. Después de instalar y activar el plugin, el resto de los pasos se explican por sí mismos.

3. Carga archivos en tu sitio web.

Ahora que ya conoces las mejores herramientas para subir un sitio web, ¡es hora de ponerlo en marcha! En esta parte del tutorial, te mostraremos cómo subir archivos a un sitio web utilizando el Administrador de archivos de Hostinger y un cliente FTP muy conocido: FileZilla.

Uso del Administrador de archivos.

1. Inicia sesión en hPanel de Hostinger y ve al Administrador de archivos.

2.Una vez en el directorio public_html, selecciona el icono Cargar archivos del menú superior derecho.

3. Selecciona el archivo del sitio web en tu ordenador y cárgalo en nuestro servidor.

4. Haz clic con el botón derecho en el archivo cargado y Extrae los archivos comprimidos a la carpeta public_html.

Uso de FileZilla.

1. Antes de empezar, asegúrate de extraer el archivo a tu ordenador local, ya que FileZilla no dispone de la función Extraer.

2. Conecta tu cuenta a FileZilla. Utiliza el puerto 22 o conéctate a SFTP para una conexión segura.

3. Ve al panel Sitio remoto y haz clic en la carpeta public_html.

4. Dirígete al panel Sitio local y localiza los archivos extraídos.

5. Selecciona los archivos y haz clic con el botón derecho para subirlos al directorio public_html.

4. Mueve los archivos del sitio web al directorio de raíz principal.

En algunos casos, se creará un directorio adicional al cargar los archivos del sitio web. Como resultado, los visitantes serán dirigidos a tudominio.com/subcarpeta en lugar de tudominio.com predeterminado. Para evitar que esto ocurra, debes asegurarte de que todos los archivos se encuentran en el directorio raíz de tu dominio, que es public_html. Puedes utilizar el Administrador de archivos para mover los archivos de tu sitio web. Todo lo que tienes que hacer es hacer clic con el botón derecho en la subcarpeta, seleccionar la opción Mover y establecer public_html como destino.

5. Importa tu base de datos.

Si tu sitio web utiliza una base de datos, también tendrás que importarla junto con los archivos de tu sitio web:

1. Crea una nueva base de datos MySQL y un nuevo usuario.

2. Accede a tu base de datos recién creada a través de phpMyAdmin.

3. Utiliza la sección Importar para cargar el archivo de copia de seguridad de tu base de datos.

4. Actualiza los detalles de conexión de la base de datos MySQL (nombre de la base de datos, host, usuario, contraseña) en sus archivos de configuración.

Omite esta parte si no utilizas ninguna base de datos.

6. Comprueba si el sitio web funciona.

Una vez completada la carga, ¡es hora de la prueba final!

Si tu nombre de dominio está registrado y ya apunta a tu alojamiento web, introduce el nombre de dominio en tu navegador y comprueba si te dirige a tu sitio web. Ten en cuenta que los cambios de DNS pueden tardar hasta 48 horas en propagarse por todo el mundo. Por lo tanto, si acabas de apuntar tu dominio a los servidores de nombres del host web, es posible que tengas que esperar un poco.

jueves, 27 de octubre de 2022

RA2: Desarrollar aplicaciones web.

RA2.

Desarrollar aplicaciones web y multimedia para satisfacer las necesidades del cliente, según requerimientos establecidos.

jueves, 20 de octubre de 2022

Código de mi pagina web.

Código de mi pagina web.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01>

<html>

<head>

<title>Desarrollo de Portales web </title>

</head>

<body>

<h1 align="center" >POLITECNICO CALASANZ SAN EDUARDO </h1>

<h2 align="center"> Calle guacanagarix # 18, Ensanchez Quisqueya, La Romana, Rep. Dom.</h2>

<B>PIEDAD Y LETRAS</B>

</marquee>

</font>

<p></p>

</center>

</center>

</body>

</html>

Código de pagina web del profesor.

Código de pagina web del profesor.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01>

<html>

<head>

<title>Desarrollo de Portales web </title>

</head>

<body>

<h1 align="center" >POLITECNICO CALASAN SAN EDUARDO </h1>

<h2 align="center"> Calle guacanagarix # 18, Ensanchez Quisqueya, La Romana, Rep. Dom.</h2> <h4 align="center"> Piedad y Letra </h4>

</body>

</html>

El cuerpo del documento.

El cuerpo del documento.

La otra parte es el cuerpo o <body> </body>, es el contenido de la página web. Tiene una etiqueta con cierre:

Y ahora el contenido:

<h1 align="center"> Mi primera página web</h1>

Con esto colocaremos el texto en formato <h1> (o cabecera 1) y centrado ( align="center"), o sea, en tamaño grande y centrado en la página, una forma de resaltar la frase. Ahora separamos esa frase por medio de una línea horizontal:

<hr>

Como ves este es un ejemplo de etiqueta sin cierre. Y por último colocamos un texto explicativo en un párrafo ( <p></p>), o sea, un bloque de texto comprendido entre dos saltos de párrafo (puntos y aparte).

<p>Esto tan sencillo es una verdadera página web, aunque

le falta el contenido, pero todo llegará.</p>

Fíjate como en la página este párrafo se muestra como una sola linea, que no se rompe después de la palabra aunque. Esos saltos de linea no afectan a la página cuando la ves en el navegador.

Para empezar no está mal, por supuesto existen muchas más etiquetas con misiones diferentes a la de mostrar texto, pero eso lo iremos viendo poquito a poco.

Para ponerte al día mira una página similar (primera página web) pero usando la versión actual de HTML

Si consideras que ya tienes conocimientos sobre los lenguajes de la web o quieres probar algo de más nivel, puedes seguir todo el proceso para crear una landing page sencilla que te servirá para entrar en materia de forma más amena

La explicacion.

La explicación.

Si te fijas la página vista con el explorador solo muestra parte de lo que has escrito, concretamente todo lo que no está encerrado entre los símbolos < y >. Lo ves es el contenido de la página, pero ¿y lo que está entre esos paréntesis angulares? pues esas son las etiquetas o marcas que le dicen al explorador como mostrar el contenido: en grande, con colores, centrado, el título de la página, etc. Si te fijas cada etiqueta tiene un comienzo y un fin:

Como ves una apertura (< >) y un cierre (</>). Algunas etiquetas (como <br> cambio de línea o <hr> linea horizontal) no llevan cierre.

Fijaros que lo primero que tenemos es la descripción del documento:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

En HTML 5 esto es mucho más simple:

<!doctype html>

La siguiente etiqueta es <html> cerrada al final del documento con </html>, eso quiere decir que estamos ante código HTML:

Dentro de ese documento vemos una parte llamada cabecera, que la reconocerás porque está limitada con la etiqueta <head> </head>. El contenido de esta parte no siempre es visible, y si lo es nunca se muestra en la ventana en si. Contiene por ejemplo el título que se ve en la ventana del explorador, arriba a la izquierda. La cabecera queda por tanto :

<head> <title>Mi página web</title> </head>

Puede contener muchas otras cosas, pero eso lo dejamos para más adelante.