TEXTO.

INICIO DEL DISEÑO WEB CON LENGUAJE HTML

En el próximo trimestre nuestro cometido será introducirnos en el apasionante mundo del diseño web, para ello utilizaremos una herramienta tan sencilla que pocos relacionan con este campo pero que nos será de gran utilidad: “Bloc de notas”.Te suena, ¿verdad?.



El primer paso será encontrar dicha herramienta, para ello sigue los siguientes pasos:



1. Menú inicio.

2. Todos los programas.

3. Accesorios.

4. Bloc de notas.



El segundo paso será indicarle al bloc de notas que lo que queremos hacer no es una página con texto, que es para lo que utilizamos normalmente esta herramienta, sino que queremos realizar una página web, para ello seguiremos los siguientes pasos:



1. Archivo.

2. Guardar como.

3. En el apartado de nombre borramos lo que inicialmente aparece (*.txt) y escribimos el nombre de nuestra página seguido de .html. En el ejemplo trabajaremos con un archivo llamado: mipagina.html

4. No olvides donde has guardado el archivo.



Ahora comprobaremos que efectivamente hemos creado una página, aunque aún esté completamente en blanco. Para ello sigue los siguientes pasos:



1. Cierra el bloc de notas.

2. Ve a la carpeta donde has guardado el archivo.

3. El icono que aparece ahora en tu archivo es el de tu explorador de Internet.



Ahora debemos organizarnos para trabajar. Abriremos el mismo archivo (mipagina.html) dos veces:



1. Pulsado sobre el icono botón derecho del ratón, abrir con y bloc de notas. (Aquí iremos modificando nuestra página guardando los cambios)

2. Pulsado enter, es decir con nuestro explorador de Internet. (Aquí veremos los cambios que vamos guardando en el bloc de notas, para ello debemos refrescar el explorador dando en el Teclado a F5)

Poner música en tu web

Ese es el códico que debeis añadir par tener música en el blog, claro está es teneis que cambias el nombre de la imagen del fondo por la que queráis y los link, vlink y alink los podéis suprimir ya que son para elegir el color de los enlaces y puede que eso ya lo tengáis puesto, el nombre de la canción también debéis cambiarlo por el de la vuestra.
Importante:

Las imágenes utilizadas y la música utilizada deben estar en la misma carpeta que la página.
El formato de la canción debéis ponerlo, a veces hay determinados formatos que no lee, el mp3 sí.
No debéis tener mas que una apertura de cuerpo en vuestra página , ¡¡¡¡¡sólo se abre el body una vez!!!!! de lo contrario no funcionará.
Los nombres de las páginas deben ser sencillos, números y letras minúsculas, de lo contrario puede que no funcione, menos aún cuando lo intentéis subir a la red.

Otra opción para subir la página a la web

Podemos plantearlo de dos formas:

1.Utilizar un programa que hay que instalar en nuestro ordenador (core lite)y coger los datos de FTP details en el panel de control de nuestra página en el servidor: http://www.000webhost.com/

2.Dentro del panel de control de nuestra página nos metemos en la opción file manager escogemos la carpeta public y luego le damos a upload, debes dar a examinar para navegar dentro de tu ordenador en busca que los archivos que deseas subir y luego das a ok, a la fichilla verde.

Cuidado con NVU

Cuando estamos haciendo nuestra página web y queremos insertar una imagen aparece un cuadro que pone examimar y podemos acceder a diferentes partes de nuestro ordenador para buscar las fotos. La insertamos y creemos que todo va bien porque en casa todo va bien pero cuando lo subimos a Internet o lo queremos ver en el ordenador del aula el resultado no es el esperado, vemos que aparecen todos los enlaces rotos ¿Qué ha pasado?
Cuando escogemos la foto navegando por nuestro ordenador a la página le indicamos el camino a seguir para encontrarla pero cuando cambiamos de ordenador, la página va a buscarlo de la misma manera, y claro, no lo va a encontrar, el ordenador de clase en mis imágenes no tiene por qué tener esa imagen que tanto te gusta.
¿Cómo podemos solucionarlo? Guardando las fotos en la misma carpeta que está guardada la página web, así cuando demos a examinar no haremos ningún camino, estará presente en esta primera carpeta y cuando lo llevemos en el pen llevaremos también guardada esta foto al lado de la página, así el programa que abra nuestra página buscará siempre las fotos en la carpeta donde está la página y siempre la encontrará.

Por tanto cuando subáis la página a Internet debéis subir también las fotos adjuntas para que todo funcione perfectamente. Al nombrar las páginas, las fotos y otros archivos que queráis subir utilizar siempre números y letras minúsculas y nunca espacios ni caracteres extraños para que no os encontréis problemas mas adelante.

Pequeñas ayudas para la creación de la página web

Poner textos animados: http://nombresanimados.net/crear-texto-animado-generar.php
Trucos: http://www.usuarios.sion.com/pauluk/trucospchtml.htm


Tened en cuenta que debéis quitar los  "a href" para eliminar los enlaces publicitarios.

MANUAL HTML

OS DEJO EL LINK DE LA PÁGINA QUE ESTAMOS SIGUIENDO COMO GUÍA:

http://roble.pntic.mec.es/apuente/html/paginas/contenidos.htm

Para puntuar en la página web

1. Funcionamiento efectivo de los marcos.
2. Colgar la página en internet.
3. Insertar algún video.
4. Insertar imágenes.
5. Insertar sonido (reproductores, de fondo...)
6. Efectos especiales de java (trucos)
7. Vínculos
dentro del mismo documento
a otro documento vuestro
a una página externa
de correo electrónico
8. Alguna tabla.
9. Estética (cambio de fondos por imágenes o colores, tipo de letra, color, etc.)
10. Cursor original.
11.Otras mejoras.

Si queréis ver ideas podéis visitar:

página con ideas

Poner música de fondo en tu página web

Os dejo las órdenes necesarias para poder poner música de fondo en tu página web, recuerda que la canción debe estar en la misma carpeta que la página y que debéis subirla a internet. Podéis subir música en varios formatos pero comprobar que la extensión es correcta.

Poner un cursor diferente en tu página web

Para ello tendrás que utilizar una imagen con extensión ".cur" o ".ani"(si deseas poner un cursor animado), no son las mas usuales pero podéis utilizar un convertidor de formato para cambiar a .cur otras imágenes mas comunes como .gif (a ".ani" )o .jpg(a ".cur").

Como siempre, podéis utilizar el programa que queráis, yo os dejo este link donde podeis disponer de un programa para tal fin, si elegis la opción portable podréis llevarlo en el pendrive y no necesita instalación:

http://hotfile.ms/iconlover-4.22.html

Os dejo arriba las órdenes necesarias para que podáis poner un ratón original en vuestra página.

¡¡¡Estoy deseando ver vuestros trabajos!!!

Publicar una web

Para que tu página web pueda estar disponible en la red debes seguir los siguientes pasos:

1º Descarga e instala en un ordenador un programa de transferencia de archivos FTP (te recomiendo "CORE FTP LITE" es gratuito y puedes descargarlo desde softonic)
2º Accede a un servidor gratuito donde alojar tu web y crea una cuenta (puedes usar http://www.000webhost.com/, no tiene publicidad)
3º Te mandarán un correo electrónico en el tienes la direccion de tu página web y la dirección de tu panel de control de la web, para la que necesitaras acceder por medio de usuario y contraseña.
4ºEn el panel de control accede a "file manager" y borra el archivo de prueba (deben quedar: public, up, ftpquota, do not up load here)
5ºAccede a "view ftp details", aqí encontrarás la información necesaria para la transferencia de archivos.
6ºAbre el core lite y rellena:
Site Name --- lo que quieras
host/IP/URL --- la que te dan
user name --- el que te dan
password --- el tuyo
El resto dejalo como estaba y da a connect
7ºSe abrirá una pantalla del core dividida en dos parte:
A tu izquierda podrás ver los archivos de tu ordenador.
A tu derecha los de tu página web
8ºCombrueba que estas conectado, para segurarte da al botón de los dos puntitos azules que hay en la parte de la web: Reconnect
9ºEn la parte de la web accede, pincha en la carpeta public.
10ºSelecciona en la parte de los archivos de tu ordenador los que quieras subir, señala uno y da a la flecha azul de upload.
11ºComprueba que ahora se ha duplicado en la otra parte de la pantalla, en la parte de la web y en la ventana de abajo del core aparece : No transfers, esto significa que ya ha terminado la transferencia de ese archivo y puedes continuar con el siguiente.
12ºAntes de subir la que quieras que sea tu página inicial cambiala el nombre por el de index y no le pongas extensión, ya está listo para subir. (lo subes igual que el resto de los archivos)Súbele tanto con extension (index.html) como sin ella (index).
13º Tu página ya está lista para ser visitada, recuerda que es un servidor gratuito y tardará un poco en cargar por lo que las fotos y los videos pueden tardar un minutillo en salir a escena.(Puedes seguir modificando tu página subiendo nuevos archivos, borrando antiguos, rectificándolos, etc.)
Si no puedes dejar el archivo intex sin extensión no te preocupes, súbelo como texto intex.txt y después en el servidor accede al file manager y cambiale el nombre por el de index.html y por fin habrás terminado.
14º ¡¡¡Ya puedes mandar el link de tu página a tus amigos!!!

Recuerda que para poder visualizar de manera correcta los efectos, trucos de html, de tu página deberás utilizar Internet Explorer.