Mi página WEB

Y así se miraría mi página web.

1.- Inicio.

2.- En esta parte podemos elegir biografía, imágenes, discografía y puedes elegir al artista que sea de tu agrado.

3.- Cada artista tiene su biografía, imágenes, discografía por separado, donde tú puedes elegir lo que tú quieras ver.

4.- Y en esta sección puedes observar un video de cada uno de los artistas que puedes ver en esta página.

Practica 24: registrar y subir una pagina WEB

En esta lección aprenderemos a subir nuestra pagina web, descargaremos el programa FTP y veremos como se usa. Para esta lección necesitaras un hosting, si aún no lo tienes o no sabes que es te invito a leer el curso de hosting y servidores.

¡Muy bien! si todo salió bien ya tienes tu página Web terminada, el último paso es subirla, pero antes debes elegir un hosting (¿que es un hosting?) para alojar tu página y registrar un dominio (¿que es un dominio?) para poder acceder a ella, no te preocupes, es mas fácil de lo que parece.

¿Que necesito?
Necesitamos un hosting donde subir los archivos y un programa FTP, nosotros utilizaremos FileZilla.

Ya tengo todo, ¿y ahora que?
Lo primero que haremos será abrir FileZilla, deberíamos ver una ventana como esta:

Ahora veremos que significan esos numeros:

1. Servidor: aquí debemos poner la dirección FTP que nos da nuestro hosting, generalmente (en el 90% de los casos) la dirección que debes poner ahí es ftp.tudominio.com.
    
2. Nombre de usuario: el nombre de usuario para la cuenta FTP a la que te quieres conectar, generalmente es el mismo que utilizas para entrar a tu panel del hosting.
    
3. Contraseña: igual que el anterior, la contraseña para el nombre de usuario de la cuenta FTP, generalmente es la misma que la que utilizas para entrar al panel de tu hosting.
    
4. Directorio local: en este panel verás todas las carpetas y archivos que hay en tu computadora, para subir tu pagina web deberás ir hasta la carpeta donde tienes tu pagina web terminada.
    
5. Directorio remoto: en este panel verás todas las carpetas y archivos que hay en tu servidor (la computadora donde vas a subir la pagina web), una vez que subas todos los archivos deberas ver lo mismo en ambos paneles (4 y 5).
    
6. Barra de estado: aquí verás el progreso de los archivos cuando los subas.

Muy bien, ya conocemos cada parte del programa, ahora vamos a subir nuestra pagina web :)

• Paso 1: nos conectaremos a nuestro servidor, para eso completaremos los campos 1, 2 y 3, una vez que se haya conectado veremos varias carpetas en el panel 5 de la imágen.
   
• Paso 2: en el panel de directorio local (Nº 4) buscaremos la carpeta donde estan los archivos de nuestra pagina web.
   
• Paso 3: en el panel de directorio remoto (Nº 5) nos dirigiremos a la carpeta public_html o www (depende de cada hosting, si contrataste hostgator verás la carpeta public_html).
   
• Paso 4: una vez que tengamos localizada la carpeta de nuestro sitio en el panel 4 y la carpeta public_html en el panel 5 podemos comenzar a subir la pagina web, para esto seleccionaremos los archivos que queremos subir (en el panel 4 de la imágen), haremos un clic derecho y luego clic en subir.
   

Si todo fue bien veremos en el panel 6, en la pestaña "Transferencias satisfactorias" que hay un numero con la cantidad de archivos que subimos.

Eso es todo, ahora puedes instalar un contador de visitar o quizás instalar un foro.

http://www.comocrearunsitioweb.com/subir-una-pagina-web

Practica 23: Sitios que venden alojamiento

Practica 22: Sitios gratis

Actividad-18: Entorno del software del Dreamweaver

Actividad-17: terminología básica del software para diseñar paginas web

CSS: CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.

Maquetación: Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.

Plantilla en Dreamweaver: Son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver.

Contenedor en Dreamweaver: se denomina contenedor a cada elemento de la pagina web.

Región editable: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

Comportamientos en Dreamweaver: Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.

Tabla: sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

Formulario: Su función principal es para recoger los datos de los usuarios que visitan nuestra web, y puede servirnos para muchas funciones, desde recoger los datos para registrar un usuario, guardar los datos de una compra online o una encuesta etc.

Formulario de contacto: al rellenarlo el usuario dar a enviar, enviará esos datos por email.

Dreamweaver CS5: es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

Actividad-10: Etiqueta Font

Podemos modificar el tamaño y el color de los textos y también en la etiqueta del inicio y fin.

Ejemplo: