Repaso Dreamweaver y páginas web

Puedes bajar un examen de otro curso para que repases lo que sabes sobre creación de páginas web con Dreamweaver. (El archivo esta comprimido con 7-zip)

https://docs.google.com/file/d/0BwlQdRzUEevJUDNnTk16eWtyekk/edit?usp=sharing

Leer más

Plantillas web gratuitas

La manera más fácil de hacer una web de aspecto profesional fácilmente es utilizando plantillas html con css. Existen multitud de páginas en las que podemos conseguir plantillas gratuitas para modificarlas después a nuestro gusto. Aquí tienes algunas de ellas.

Páginas con plantillas web gratuitas:

https://html5up.net/




https://themewagon.com/themes/

 https://templatemo.com/page/1

http://www.freewebsitetemplates.com/








http://www.openwebdesign.org/browse.php







http://www.os-templates.com/






http://www.myfreecsstemplates.com/





http://www.metamorphozis.com/free_templates/free_templates.php





https://www.freshdesignweb.com/free-html5-css3-templates/

https://amp.dev/documentation/templates/





Galerías de fotos:
Página con 57 enlaces a diferentes web con galerías de fotos:
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
 
Otros 30 enlaces más a nuevas galerías de fotos:
http://www.1stwebdesigner.com/design/jquery-image-2012/

 http://www.fancyapps.com/fancybox/

http://galleria.io/

http://nivo.dev7studios.com/

http://www.pikachoose.com/ 

http://rhinoslider.com/

http://www.pixedelic.com/plugins/camera/http://www.pixedelic.com/plugins/camera/

http://www.shadowbox-js.com/

Leer más

Subir una web a Internet. Alojamiento gratuito en Byethost

Alojamiento web gratuito en Byethost.

Este alojamiento web es muy fácil de usar y no ponen publicidad en las páginas.

Es importante hacer el registro utilizando el navegador Mozilla Firefox y utilizar una cuenta de correo de gmail. El registro está en inglés pero es muy sencillo.

1.- Entra en la web https://byet.host/

2.- Presiona en el botón Signup for free Hosting
3.- Rellena los datos (puedes elegir el nombre que quieras siempre que este disponible), la contraseña después te servirá para acceder al servidor. El correo debe ser de gmail. Escribe los caracteres que ves en el catchka en la casilla de Enter Code

4.- Te indican que te han enviado un mensaje a tu cuenta de correo. Accede al correo y presiona en el enlace que aparece (ten cuidado porque el mensaje puede estar en la carpeta de Spam).

5.- Se genera tu cuenta y los datos que necesitas para acceder a tu cuenta

6.- La forma que recomiendas para subir la web a sus servidores es mediante FTP.
Para subir la página se puede utilizar Filezilla o Filezilla portable (software libre) u otro ftp.
En servidor tienes que escribir el FTP host name.
En nombre de usuario debes escribir el FTP username.
En Contraseña la contraseña que pusiste en el registro.

7.- Al acceder por ftp debemos copiar nuestros archivos de la web en la carpeta htdocs.

8.- Cuando hayas subido los archivos podras ver tu web en la dirección que te dan: Home page

Leer más

Ejercicios de Dreamweaver

Dreamweaver es una aplicación que está destinada a la construcción y edición de sitios y aplicaciones Web basados en estándares
Es un software propietario de la empresa Adobe y se puede descargar una versión de prueba para 30 días en el siguiente enlace: https://creative.adobe.com/es/products/download/dreamweaver




Aquí puedes ver unos ejercicios para aprender el funcionamiento de Dreamwaver. En ellos se crea un sitio web de ejemplo, dedicado a las energías renovables. Cada uno de los apartados se ha hecho de diferente manera: mediante tablas, con página de marcos, a partir de una plantilla o utilizando Javascript. Las imágenes y archivos necesarias para realizar los ejercicios los puedes bajar del enlace de abajo.

Descargar los archivos necesarios para hacer los ejercicios junto con los enunciados en formato pdf. (Comprimidos con 7-zip)

Leer más