martes, 11 de julio de 2017




MANUALES:

Instalar primera Página web en servidor Xampp en Ubuntu.

Se necesitan dar permisos totales a la carpeta donde se van a almacenar las webs que creemos, y un editor HTML.

Dando permisos a htdocs:

Htdocs: Es el directorio donde se guardan las webs.

Se debe dar permisos de administrador; permiten escribir, guardar y ejecutar las páginas que creemos.

1) Abrir terminal (CTL+ALT+T) y teclear (para poder ver los permisos que tiene el directorio htdocs:

$  sudo  ls -l /opt/lampp

Los permisos por defecto no son totales, sino parciales:

drwxr-xr-x 5 root root 4096 jun 4 07:29 htdocs

Permisos totales: Tienen que estar los tres grupos siguientes en rwxr (ahora solo está el primer grupo, cada grupo separado por un ”-“).

rwxr: r: read. Permiso de lectura.
            w: write. Permiso de escritura.
            x: ejecutar. Permiso de ejecutar.

Para dar los permisos totales:

$  sudo chmod a+w /opt/lampp/htdocs

2) Para ver el resultado, vuelvo a preguntar por los permisos con la instruccción:

$  sudo  ls -l /opt/lampp

Muestra los tres grupos con permisos totals (rwx).

drwxr-rwx-rwx 5 root root 4096 jun 4 07:29 htdocs

Despues de dar permisos:

1) Crear una redirección a nuestro escritorio que vamos a llamar www. Con ésto tendrémos siempre a mano nuestro directorio de páginas web o www en nuestra carpeta “home”.

$  sudo ln -s /opt/lampp/htdocs ~/www

Nota: Para sacar el símbolo ~, si no lo localizas en tu teclado, pulsa AlGr y el número 4 (AltGR + 4)

2) Comprobación:

- Cerrar la terminal.
- Pulsar en el navegador de archivos (segundo icono del menú de navegación).

La carpeta “home” debe contener el directorio www



Se sugiere arrastrar el directorio www al escritorio.

Instalación de un editor html.

1) Ir al icono de una cesta de la compra (Ubuntu SoftwareCenter) y buscar el editor.

2) Ir al menú izquierdo, hacer clic sobre el tercer punto: herramientas de desarrollo (developer tolos).

3) Seleccionar el icono web.

4) Se visualiza una lista de editores de html, se instala el primero;Bluefish Editor (El más valorado de todos).

5) Se instala y se ancla al menú de navegación automáticamente.

Nuestra primera página Web:

1) Abrir el editor Bluefish.

2) Buscar en el menú lateral izquierdo el directorio que se re direccionó al escritorio.

3) En el menú superior seleccionar la pestaña: Standard y debajo de ella el icono de empiece rápido: (quickstart).



4) Se abre una ventana para la configuración de la página.

5) En DTD (Document type definition) se puede seleccionar si la página es HTML5 o una versión anterior.



6) Editar el Html.

Visualización de la página:

1) Guardar la página como index.html en el directorio www recién creado. En el Bluefish se guarda en el menú superior, el icono tiene una flecha hacia abajo.

2) Abrir el navegador, arrancar el Xampp primero.

3) Teclear localhost/index.html

No hay comentarios:

Publicar un comentario