Creación de páginas web

Bienvenidos a este curso sobre Creación de páginas web.

Primero vamos a visualizar este vídeo, dónde se explica de un modo muy sencillo cómo podemos crear una página web con código HTML

http://www.tu.tv/videos/crea-tu-pagina-web-con-bloc-de-notas-i

También hemos de agradecer el contenido de este curso a este amigo que publicó en su espacio web los pasos para poder crear una página web de un modo sencillo y detallado.

http://www.casalet-valenciano.com/ESCUELA/CURSOS/Hacer%20pagina/indice.htm

¡Vamos a ello! Empezaremos explicando cómo crear el código HTML "a mano". No te preocupes, es fácil y si en cualquier momento te pierdes o no entiendes algo, ya sabes que estos contenidos siempre estarán colgados en nuestro blog.

Para ello, como mínimo debemos saber HTML. Si no, en la web podemos encontrar muchos programas educativos que nos permitirán aprenderlo fácilmente. Para la edición de código HTML usaremos el bloc de notas de Windows (u otro bloc de notas) y un explorador para ver el resultado.

Encontramos el Bloc de notas de Windows en inicio, accesorios, bloc de notas

Para la creación de tu propia página web de una forma sencilla necesitamos ir creando etiquetas en forma plantilla.

SUMARIO DEL CONTENIDO

# 01. Cómo crear página inicio!
# 02. Cómo empieza el código HTML de una página!
# 03. Como crear párrafos!
# 04. Como agregar texto!
# 05. Cómo se utilizan las fuentes!
# 06. Cómo crear listas!
# 07. Cómo se alinea el texto en la página!
# 08. Cómo se da formato al texto!
# 09. Cómo se insertan líneas horizontales!
# 10. Cómo poner color en página web!
# 11. Cómo cambiar los colores del texto y del fondo!
# 12. Cómo añado una tabla!
# 13. Cómo crear enlaces links!
# 14. Cómo se añade un enlace a una imagen!
# 15. Cómo se crean enlaces a delimitadores!
# 16. Cómo se crean gráficos en miniatura!
# 17. Cómo se puede incluir música de fondo!
# 18. Cómo crear enlace correo electrónico!
# 19. Cómo crear enlace descarga fichero música!
# 20. Cómo crear imagen fondo página!
# 21. Cómo corregir errores al cargar página!

Retoque fotográfico PHIXR

Retoque fotográfico PHIXR es un programa en español muy sencillo de usar y con muchas funciones para modificar tus fotos y personalizarlas.
Primero, presiona en la tecla "editar foto"
Una ves lo hayas hecho, te aparecera una ventana como esta, donde te informa de las opciones posibles antes de empezar a trabajar con tu foto.
Es posible registrarse, pero por mayor facilidad, trabajaremos sin ello, asi que presionar conde pone "vale, continua>>"
Una ves dentro, aparecera una imagen como esta donde podeis ver varias casillas. Podreis subir la imagen desde los archivos que tengas guardados en el ordenador o desde una direccion directa de internet. Lo mas facil es guardar la foto que desees modificar en el escritorio del pc, y subirla desde ahi.

Presionais en "examinar..." y buscais la foto que deseeis.
aceptais y presionais en "enviar esta foto a phixr"
Ya esta la foto subida al programa, a partir de ahora ya podemos trabajar con ella.
Esta es la pantalla que podreis ver, con todas las opciones en la columna de la izquiera y en la parte inferior de la foto.
La primera de ellas son esas flechas GRISES con las que podreis girar la foto 90º, 180º,...

O cambiarle el sentido en horizontal.
Los dos botones que estan bajo, son para "cambiar el tamaño" de la foto y ajustarlo como deseeis.
La tecla de "convertir a blanco y negro", nos permite cambiar la tonalidad e la foto.
Las flechas VERDES son para ir atras o alante si has hecho alguna operacion no deseada.
Con el boton en el que aparece un hombre con sombrero, podras darle un tono "sepia" a la foto para que parezca antigua.

El siguiente boton (de arriba a abajo, y de izquierda a derecha) es el de "igualar los colores", con el que el programa hara un retoque minimo para igualar los contrastes de luz o sombra que tenga la foto.
Hay una opcion para "ajustar colores", donde con ayuda de unas barras, puedes moverte y ajustar la tonalidad que desees darle a la foto.
"Enfocar" o desenfocar la foto
"Apicar efectos especiales" presionando en la tecla de el payaso que sale de la caja rosa. Se elige el efecto deseado y se presiona en "ejecutar"
En "hacer instantanea", podreis ponerle un marco a la foto para que de la impresion de tridimensionalidad o mejor acabado.

En la tecla del +, o "mezclar fotos", puedes hacer una combinacion de varias fotos, pero primero debes de haber subido las fotos que deseas juntar.
"Agregar un borde" a la foto con el grosor y color que deseeis.
Poner un "efecto lomo", con el cual la luz se centra en la parte media de la foto destacando lo que en ella se encuentre.
Tambien se puede polarizar o "invertir" el color de la foto, como si fuera una radiografia
En la opcion de "arreglar ojos rojos" hay que estar atentos, ya que si no seleccionas SOLO la zona donde quieres eliminar el color rojo, puede pasarte algo como esto:

Despues de seleccionar la zona deseada, presionais en "ejecutar>>":
Se pueden añadir motivos especiales que daran un toque divertido o romantico a nuestra foto, seleccionais el que mas os guste y ejecutais.
Redondeamos un poco las esquinas y...
...el efecto sera algo parecido a esto. Cuando esteis satisfechos con el resultado, solo hay que presionar en "seleccionar todo" y guardaros facilmente la foto modificada presionando en JPG, donde os aparecera una ventanita preguntando si quereis guardarla y donde (en que lugar del pc).

y... ¡¡YA ESTA!!

Retoque fotográfico FOTOFLEXER

Retoque fotográfico FOTOFLEXER Es otro programa (en ingles) de retoque fotografico. A pesar de ello, no es dificil manejarlo y hay muchas opciones posibles.

Esta seria una vista de la pagina principal, en la cual teneis que presionar donde pone "Upload Photo" para subir la imagen deseada y comenzar a trabajar con ella. No os preocupeis si tarda un poquito, ya que es normal.

Como podeis ver, asi es como se vera tu pantalla cuando estes buscando una imagen en los archivos que tienes en el ordenador guardados.La primera pestaña que aparece en la parte superior, y de izquierda a derecha, es la de "Basic", donde podreis encontrar las funciones mas sencillas y basicas para empezar a modificar tu foto, como son: eliminar los ojos rojos ("fix red eye"), ajustar el tamaño de la imagen ("resize"), rotar la imagen 90º, 180º,... ("rotate"), ...

...ajustar la luz y el contraste en "adjust" y "contrast".

En la segunda pestaña, Efectos ("effects"), podras seleccionar cualquier efecto artistico que le quieras dar a tu imagen: Neon, grises, color invertido, pintura a pincel, dibujo, pop-art, bronce, sepia,...

Aqui puedes ver un ejemplo del efecto "pop-art":

En la pestaña de "decorate" (decorar) podemos añadirle motivos animados, letreros y marcos o fondos.

Aqui vemos la previsualizacion de un marco en forma de fajo de villetes, donde puedes centrar la foto y modificar su tamaño (en "insert-a-face")

o añadir un texto con movimiento presionando en "Glitter text"

Despues de añadir algunos motivos, tu foto quedara muy original.

En la pestaña de "beautify", hay opciones como: "fix blemishes" o "smooth wrinkles", donde, con una especie de toque de maquillaje, podras borrar imperfecciones, arrugas o marcas que tengas en la piel (de la foto) o difuminarlas.

En "distort", podremos deformar nuestra imagen de todas las maneras que se nos presentan, para darle un toque gracioso o comico.

Casi llegando al final, nos encontramos con las pestañas "layers" y "geek", donde podremos aclarar nuestra foto, o darle toques en relieve, o cambiar el color de algun elemento de la foto.

Retoque fotográfico LUNAPIC

Retoque fotográfico LUNAPIC es un programa un poco mas complejo (en ingles tambien) que tiene unas caracteristicas muy parecidas al programa de retoque de fotos por exelencia, el conocido Photoshop.

Presionando en el nombre subrayado del programa oniline, o sobre el mismo nombre en la barra lateral del blog, accedereis a su pagina web.

Este programa, basicamente funciona como los otros dos anteriores que utilizamos los primeros dias de clase.

Esta es una imagen de la pantalla principal... en la que podreis ver las opciones mas destacadas para modificar tu imagen:

Como podreis comprobar, hay opciones de modificacion tanto en la columna lateral izquierda, como en la barra superior, con botones que al pasar el cursor (la flechita del raton) por encima, se desplegan mas opciones.

No hay muchas reglas con esto, ni tampoco tienes que saber mucho sobre el manejo del programa, se trata mas que todo de ir probando las distintas opciones que te obrecen, para modificar tu foto y darle un toque artistico o divertido.

Este programa, incluso, te ofrece la posibilidad de "animar" (darle movimiento con efectos, colores o elementos) tu foto.