Activada 24: Registrar y subir una pagina web

Para subir la pagina, primero hay que registrarla. Para ello hay distintos sitios que podemos utilizar de alojamiento gratis. En este caso, utilice unlugar.com.
Aquí, primero hay que registrarnos, crear una cuenta para poder utilizar el sitio y así subir la pagina web. Para esto pide tu nombre de usuario y tu contraseña. una vez creada tu cuenta, sigue el dominio.
Después procederemos a crear un dominio (una cuenta), para realizarlo tenemos que estar en Panel de control, en este caso utilice el .com
Por consiguiente, elegiremos el plan de hosting que utilizaremos, ente caso el gratuito. Así, crearemos nuestro dominio.
En Panel de control, del lado izquierdo de la pantalla seleccionaremos la opción cuentas FTP y después webFTP. Tendrá que aparecernos un cuadro azul, donde nos pide colocar el hostname, en ese lugar coloque www.mariovideojuegos.unlugar.com que es el nombre de mi dominio. También pide colocar el usuario, ahí colocaremos lo mismo pero sin el www, asi: ftp-mariovideojuegos.unlugar.com
Finalmente nos pide el password. Damos clic en conectar.
Después aparece otro recuerdo azul en el que empezaremos a subir cada archivo de nuestra pagina web. Damos clic en seleccionar archivo y seleccionamos uno de los archivos, aceptar. repitamos eso hasta que el botón de seleccionar archivo no te deje subir mas, así que damos clic en subir archivos. (y repitamos lo anterior, solo acepta 5 o 6 archivos para subir a la vez).

Una vez terminado de subir los archivos, es momento de subir la pagina directamente de Dreamweaver.
Para ello abrimos el programa con nuestro sitio. Damos clic en Sitio...administrar sitio (o definir sitio)... elegiremos el sitio, sino la tienen hay que crearlo, para ello damos clic en nuevo.
En la venta que aparecerá, damos un nombre al sitio y escogemos donde queremos colocarlo. Ahora damos clic en servidores y seleccionamos el símbolo de + (nuevo servidor).
Nos aparece una ventana en la que tendremos que elegir el nombre del servidor, la direccion FTP que es la misma que colocamos al momento de llenar el registro por ejemplo: ftp.mariovideojuegos.unlugar.com
Colocamos nuestro nombre de usuario y nuestro password. Las otras opciones las dejamos así.
Por consiguiente seleccionamos avanzadas que se encuentra arriba junto a básicas. Ahí solo seleccionaremos el modelo del servidor, en este caso elegí ASP JavaScript
Damos clic en guardar... guardar...listo.
Finalmente en la parte inferior derecha aparece un símbolo que se llama conector en forma de enchufe (conectar al servidor remoto), damos clic sobre el.
Listo!

Actividad: 23 Sitios que venden alojamiento

Moniker.com	Moniker.com es un registrante muy bueno y barato, un dominio .COM cuesta solo $8.02, los dominios .NET $6.64 y los .ORG $8.02 su reputacion crece cada dia ya que ellos ofrecen un servicio simple y efectivo. Todos los precios son en dolares y son el precio po un año. Si registras un dominio por mas de un año es posible que el precio sea mas barato.
Register.com	Register.com es comparado al resto de los registrantes en esta lista es caro, un dominio .COM cuesta $34.99 y su servicio de email personalizados (ejemplo: tunombre@tudominio.com) es aun mas caro, aunque sus servicios son excelentes, sus precios son altos para las personas que apenas van empezando.
NetworkSolutions.com	NetworkSolutions.com es otro registrante muy bueno, su interfaz es limpia pero sus precios son bastante caros comparado a otros registradores, un dominio .COM cuesta $34.99 al igual que un dominio .NET y .ORG
Godaddy.com	Godaddy.com es uno de los registrantes mas populares a nivel mundial. Ofrecen una cantidad impresionante de dominios y sus precios son relativamente baratos. Tu puedes comprar un dominio .COM por $10.69, un dominio .NET por $8.99 y un dominio .ORG por $9.99. Pero su mejor oferta son los dominios .INFO que solo cuestan $0.89 centavos.
Enom.com	En enom.com puedes registrar los dominios mas populares (.com, .net, .org) junto con otros mas de 60 tipos diferentes de dominios incluyendo .TV

actividad: 22 sitios gratis

100 MB de espacio	www.iespana.es. Ofrecen 100Mb de espacio , acceso vía Web o FTP , trafico ilimitado , herramientas para principiantes , libros de visita , estadísticas detalladas de tus visitas , , , tienes que soportar su publicidad , un banner enorme abajo de la pagina o mandándoles un correo a esta dirección (popup@iespana.es) una ventana popup al entrar en tu pagina . Dirección url que obtienes http://tu_nombre.iespana.es .
50 MB de espacio	www.tripod.lycos.es.  Ofrecen 50Mb , acceso FTP EN LA PROPIA WEB , herramientas para principiantes , la publicidad es personalizable. lo que tiene de malo es que es muy difícil subir tu sitio si tienes que manejarte con varias carpetas, ya que no te permite abrirlas.  Url tipo http://usuarios.lycos.es/tu_nombre. Soporte php y sql,
15 MB de espacio	http://galeon.hispavista.com/  Ofrecen 15Mb , acceso Web , asistente para principiantes , plantillas ya creadas , recursos para tus paginas como libro de visitas , foro , Chat , formularios , álbum de fotos , url tipo http://tu_nombre.galeon.com
50 MB de espacio	Gratis Web.  Te dan 50Mb de espacio gratuito, asistente que te guiara paso a paso, gestor de archivos, soporta ftp.
TELEPOLIS	http://www.telepolis.com/   ofrece 50mb, acceso web, herramientas y asistentes para principiantes, tiene que soportar publicidad tipo popup al entar en tu web, tienes que instalarte un pack al registrarte (noticias en tu email , boletín de paginas en telepolis , asistente para navegación , la pagina de telepolis como inicio) que luego puedes desinstalar.

ACTIVIDAD 18 ENTORNO DEL SOFTWARE DEL DREAMWEAVER

ACTIVIDAD 17 TERMINOLOGIA BASICA DE SOFWARE PARA DISEÑAR PAGINAS WEB

1.       Css: son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

2.       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. Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo componen, las imágenes, los textos, etc.

3.       Plantilla en dreamweber: Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido. Es una utilidad aconsejable cuando se van a repetir determinados documentos en los que unas partes van a permanecer fijas y otras van a cambiar. Ahorra trabajo y permite la presentación de determinados contenidos con una unidad de estilo.

4.    Contenedor en dreamweber: es un lenguaje de marcas para poner un documento en linea y los exploradores le den el formato que queramos
Estamos de acuerdo que un documento cuenta de varias partes como podria ser parrafos, enunciados, capitulos, etc...
Entonces HTML tambien tiene etiquetas especiales para poder dar el formato adecuado para esos elementos... o para hacer algunos truquillos que le dan un aspecto estupendo a la página

5.       Región editable: las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

6.       Comportamientos en dreamweber:   

          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.

         

7.       Tabla: Las tablas son un poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos (por su naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve escencial.

8.       Formulario: Los formularios son una característica del estándar HTML Que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite.

9.       Formulario de contacto: de un programa ó formulario de contacto, que le permitirá recibir por correo electrónico, los mensajes enviados desde una forma de contacto en PHP y HTML, creada en su sitio web

10.   Dreamweber cs5: Adobe® Dreamweaver® CS5.5 es una de las aplicaciones líderes del sector de la edición y creación de contenidos web HTML. Proporciona funciones visuales y a nivel de código para crear diseños y sitios web basados en estándares para equipos de escritorio, móviles, tablas y otros dispositivos. Permite poder aplicar estilos con el panel CSS, actualizado para cumplir las nuevas normas CSS3. Desde las vistas múltiples se pueden aplicar elementos de css media query, que permite poder crear estilos de CSS según dimensiones de pantallas y de esa forma poder adaptar un solo diseño a múltiples dispositivos, tales como teléfonos móviles, tabletas o computadores de escritorio.

http://www.fotonostra.com/grafico/maquetacion.htm

Actividad 10: Etiqueta font

Presenta atributos que nos permiten modificar el tamaño y color del texto incluido en la etiqueta de inicio y fin.
como por ejemplo los siguientes atributos:
Color: determina el color que se aplica al texto
Size: determina el tamaño relativo del texto. los tamaños validos son del 1 al 7, siendo el predeterminado el 3 y el mas grande el 1.
Face: asigna una fuente o tipo de letra.

Actividad 8: Atributos de las etiquetas

Actividad 4: Estructura básica de html

<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento. 
</TITLE> Final del título del documento. 
</HEAD> Final de la cabecera del documento. 
<BODY> Inicio del cuerpo del documento. 
</BODY> Final del cuerpo del documento. 
</HTML> Final del documento.

Actividad 4: Elementos básicos de html

Bloc de notas

Es un programa que permite crear y modificar archivos compuestos por texto sin formato.

Buscador

Es un sistema informático que busca archivos almacenados la web.

Compatible

Es la condición que hace que un programa y un sistema, logren comprenderse correctamente directamente o indirectamente

Etiqueta

Es el lenguaje de marcado predominante para la elaboración de páginas web.

Hipertexto

Nombre que recibe el texto que permite conducir a otros textos relacionados.

Lenguaje HTML

 HTML se escribe en forma de «etiquetas», rodeadas porcorchetes angulares (<,>). Como por ejemplo:

  

Marcas (tag)

 las marcas tag se utilizan para dar interpretación en una etiqueta.

Navegador

Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla

Pagina web

Es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para computadora o dispositivo móvil.

Plataforma

Se refiere al sistema operativo o a sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.

Servidor web

Es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente

Vínculos

Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento

Actividad 2: actividad integradora

¿Cuáles son tus posibles temas a tratar en tu página web?

 Entretenimiento

Juegos

Clasifica tus temas

Tipos de juegos

Acción

Deportivos

Peleas

Misiones

Escoge el tema para tu página WEB

videjuegos

Define la información que va a contener tu página

En esta pagina web encontraras los juegos mas jugados en el mundo como de accion, de misiones, de luchas, deportivos  entre otros. ademas encontraras informacion sobre la historia de los videojuegos como fue que se crearon.

¿Cuáles fuentes de información tienes para tu pagina?

Los fuentes que tengo es www.videojuegos.com

Escalabilidad

Cada mes

Planificación

Para que los jovenes que le gusta los videojuego aprentan nuevos trucos de sus juegos preferidos

Definición del diseño 

Contenido y estructura de la Página Web

1.       ¿Que entiendes por pagina Web? Es un documento electrónico diseñado para el internet que contiene información. de cualquier tipo como imágenes, texto, videos entre otras cosas.

2. ¿Que tipo de información tienen las paginas Web? Contiene imágenes, videos, fotos, animación, textos entre otros.

3. ¿Que entiendes por sitio Web? Conjunto de páginas web ordenadas jerárquicamente bajo una misma dirección que seria la URL

4. ¿Cual es la diferencia entre sitio Web y Pagina Web? Un sito web es como un libro que contiene muchas páginas. y una página web es una sola página.

5. ¿Para que crees que sirva una pagina Web? Sirve para tener un negocio alas 24 horas, para dar publicidad, para promover productos o servicios etc.

6.¿Que te gustaría que tuviera la pagina Web que diseñarías? Muchos entretenimientos para que la gente lo bisite

proyecto final