ACT.- 25 Pagina web

http://cutiepiejuddy.bl.ee

Registrar y subir una pagina web

ya creada la pagina en Dreamweaver, procedemos a registrarla, yo utilice www.Hostinger.es
Creamos una cuenta, nos llega a nuestro correo las indicaciones para darnos de alta, creamos nuestro hosting en nuevo hosting y elegimos el gratis , 0,00 euros
Creamos un SUBDOMNIO! por que nosotros no pagaremos para poder tener uno con la termiacion .com .net. o .es
por ejemplo el mio es bl.ee que lo hace completamente gratuito
una vez creado nuestro dominio, nos enviaran a nuestro correo nuestros datos:
Puedes usar una de las direcciones mostradas a continuación para administrar tu sitio:

Nombre de Host FTP Temporal: 31.220.16.105Nombre de Host FTP completo: ftp.nombredetusitio.bl.eeUsuario FTP: u858316977Contraseña FTP: *******


Teniendo esos datos en nuestro poder procedemos a subirla a internet pero antes que nada registrar nuestro dominio en el link que te dare abajohttp://web.uservers.net/ayuda/soluciones/paginas-y-html/como-registrar-tu-pagina-en-los-buscadores-web_Mzk.html.una vez registrada nuestra pagina la subimos a internetyo utilice filezilla.una vez echo los pasos que te proporcione en la imagen, LISTO!!!! esta en internet

24 .- Sitios que venden alojamiento

Sitio	Descripcion	URL	Precio
1and1	Alojador y registrador (posibilidad de comprar un nombre de dominio) Sometido a un test por la comunidad Oferta base: 2,5 GB de espacio en disco 10 cuentas de correos electrónicos de 2 GB 1 nombre de dominio 1 base de datos Mysql 1,99 € al mes PHP (con mail () ), Perl, Python, C ASP / ASP.net en ciertas ofertas Tráfico web ilimitado para todas las ofertas Herramientas de creación de sitio online	http://www.1and1.es ‎	$229 al año
e-Hosting	Oferta base: 30 GB de espacio en disco Cuentas de correos electrónicos ilimitados Base de datos MySQL ilimitados 1,99 € al mes PHP 5 (con email () ) incluido en todas las ofertas Tráfico web ilimitado para todas las ofertas	http://www.ehosting.com	$200 pmx
gandi	Alojador y registrador (posibilidad de comprar un nombre de dominio) Infraestructura en la nube Oferta base en la nube: 256 MB de RAM 8 GB de disco utilizable en RAID (Redundant Array of Independent Disks: "conjunto redundante de discos independientes") 1 núcleo por CPU 12 € al mes Todo lenguaje compatible Unix disponible (PHP, Python, Perl, C, Ruby...) No alojamiento mutualizado	https://www.gandi.net/hebergement/serveur	$289 MXP
Sinem	Infomaniak 60 GB de espacio en disco Tráfico web ilimitado Nombre de dominio ofrecido Bases de datos MySQL ilimitados Cuentas de correos electrónicos ilimitados PHP, CGI, Perl, Python 7,5 € al mes o 90 € al año .	http://hosting.infomaniak.com/description/	$999 MXN‎

23.- Sitios Gratis

SITIO	DESCRIPCION	URL
Hostinger	Hostinger provee servicios de hospedaje web gratuito con PHP, MySQL, 2000MB de espacio en disco, 100 GB de ancho de banda y dominio gratis.	http://hostinger.es
Freehostia:	Este es uno de los mejores servicios de hosting gratuito que vi hasta el momento, nos brinda 250MB de espacio en disco, 5GB de transferencia mensual, hasta 2 dominios por cuenta, 10 subdominios, estadísticas, webmail y POP3, acceso por FTP, todo esto SIN publicidad.	http://freehostia.com/
Awardspace	Otro excelente hosting que nos ofrece 200MB de espacio en disco,5GB de transferencia mensual, dominio propio o del tipo usuario.awardspace.com, hasta 2 dominios por cuenta, 5 subdominios, acceso FTP, PHP/MySQL, email, y SIN publicidad.	http://www.awardspace.com/
T35	este servicio es de los que ofrecen más prestaciones, pero a cambio de esto los sitios que alojemos muestran un pop-up de publicidad para sufragar los gastos. Las características de este servicio son dominio del tipo usuatio.t35.com, espacio en disco ilimitado, ancho de banda mensual ilimitado, acceso por FTP, PHP/MySQL, panel de control muy simple..	http://www.t35.com/
110MB	al contrario de lo que dice su nombre, han ampliado el espacio en disco y proveen 200MB y 100GB de transferencia mensual. Podemos utilizar un dominio propio o usar uno del tipo usuario.110mb.com. Acceso FTP, PHP y MySQL; además incorporan una serie de scripts que nos permiten instalar con un sólo click aplicaciones como WordPress, phpBB, etc, todo esto SIN publicidad.	http://www.110mb.com

Act.- 19 Componentes de DreamWeaver

Act.- 18 Terminología básica del software para diseñar paginas web

1.- DREAMWEAVER CS5

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.

http://es.wikipedia.org/wiki/Adobe_Dreamweaver

2.- CSS

¿Qué es CSS?

CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

http://es.html.net/tutorials/css/lesson1.php

3.- plantilla en dreamweaver

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.
Vamos a poner como ejemplo la realización de la siguiente plantilla:

http://www.todo-dreamweaver.com/tutorial-dreamweaver/plantillas/las-plantillas-dreamweaver.html

4.-CONTENEDOR EN DREAMWEAVER

otra de las partes de cualquier página que creemos, es la que se conoce como (que en español significa contenedor y se trata de esa caja en la que va el contenido de la web (texto, así como las imágenes, etc..., que van en un apartado dentro de dicho container  content contenido también en el  container nos encontramos con el menú de la izquierda en este ejemplo, que se conoce por  sidebar http://www.deseoaprender.com/dreamweaver-cs5/configurar-container-pagina-curso-dreamweaver-cs5-leccion-16.html

5.-COMPORTAMIENTOS EN DREAMWEAVER

Comportamientos en Dreamweaver

Los comportamientos son acciones, programadas normalmente en código JavaScript, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.

http://www.deciencias.net/disenoweb/elaborardw/paginas/comporta.htm

6.- ¿Qué es un “sitio de Dreamweaver”?

En Dreamweaver, el término “sitio” se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio

na. http://help.adobe.com/es_ES/dreamweaver/cs/using/WS753df6af718a350a5601124413168b2b12f-8000.html

7.-  SITIO DINAMICO 

pesar de que proporciona una amplia gama de herramientas para construir sitios web dinámicos, los cuales están dirigidos a las bases de datos de sitios que utilizan un lenguaje de programación interpretado como PHP, puede ser difícil encontrar exactamente dónde están los instrumentos o cómo utilizarlos adecuadamente. Si tienes un poco de paciencia y te gusta solucionar problemas, te encuentras en buen camino.

http://www.ehowenespanol.com/crear-sitios-web-dinamicos-dreamweaver-como_15887/

8.- SITIO INTERACTIVO

Cómo crear un mapa de imagen interactivo con Dreamweaver. Los mapas de imagen son imágenes que tienen regiones interactivas conocidas como "zonas calientes". Cuando los usuarios hacen clic sobre una de las zonas calientes, son redirigidos a una página que indiques. Dreamweaver 3.0 te permite crear fácilmente mapas de imagen para dar diversión y entusiasmo a tu página.

 http://www.ehowenespanol.com/crear-mapa-imagen-interactivo-dreamweaver-como_42659

9.- Regiones editables

En una plantilla, 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.

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263

10.-MAQUETACIÓN

 La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.

 http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm

11.-ETIQUETA DIV 

en realidad las div son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores. 

A una div le aplicas atributos de align y pos, y obtienes una capa. 
Por ejemplo es mas util colocar una tabla dentro de una Div, y asi definir atributos para la capa, sin modificar tu tabla.

http://mx.answers.yahoo.com/question/index?qid=20071030075036AA2ewun

12.- Tablas

Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.

Las tablas constan de tres componentes básicos:

Filas: Espacio horizontal.

Columnas: Espacio vertical.

Celdas: Los contenedores que se originan en las intersecciones de las filas y las columnas.

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=1324

13.- Introducción a los formularios

Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290

14.- Crear formulario en Dreamweaver

Los formularios sirven para que los usuarios o visitantes de la página envien un comentario o consulta al cliente.

http://enlacabezadecesar.com/blog/crear-formulario-en-dreamweaver/

Practica 1.3 Elementos básicos de HTML

1.- Bloc de notas
editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla.
Algunas características propias son:
Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
Inserción de hora y fecha actual automática si el documento comienza por ".LOG".
Ajuste de línea.

Fuente Bloc notas

2.- Buscador
Un buscador es una página web en la que se ofrece consultar una base de datos en la cual se relacionan direcciones de páginas web con su contenido. Su uso facilita enormemente la obtención de un listado de páginas web que contienen información sobre el tema que nos interesa.

Fuente Buscador

3.-Compatible

Condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina emulador por el hecho de que es un intérprete entre el programa y el sistema, arquitectura o aplicación.

Fuente compatible

4- Estructura de página web
La estructura básica de una página web es la siguiente:

<html> <head></head> <body> </body> </html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
fuente EPW

5.- Etiqueta

(Tag). Marca o marcas que se dejan en un texto para que luego sean interpretadas, generalmente para realizar alguna acción sobre el mismo texto marcado. Por ejemplo, el lenguaje HTML se basa en la aplicación de múltiples etiquetas para dar formato y darle características a un texto. Este texto es interpretado y mostrado por un navegador.
Fuente Etiqueta

6.-hipertexto

Todo documento que está vinculado (hipervínculo) con otros documentos a través de enlaces (links). Al ingresar a ese enlace se puede acceder al documento enlazado.
También pueden ser vínculos al mismo documento, sólo que a otra posición más arriba o más abajo.
Las páginas web HTML son ejemplos de hipertextos.

Fuente Hipertexto

7.- Lenguaje HTML

el lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en negrita</B>. 

Fuente Lenguaje HTML

8.- Marcas (TAG)
Un editor de tag (o tagger) es un programa o herramienta que permite editar metadatos de archivos de formato multimedia: música, imágenes, videos, etc.
Por ejemplo, un editor de tag sirve para cambiar metadatos de un archivo de música MP3, para editarle el nombre del autor, álbum al que pertenece, año de lanzamiento, etc.

Fuentes TAG

9.-Navegador

(Browser, explorador, navegador web). Aplicación que sirve para acceder a la WWW (todas las páginas web) y "navegar" por ella a través de los enlaces.
Generalmente estos programas no sólo traen la utilidad de navegar por la WWW, sino que pueden también administrar correo, grupos de noticias, ingresar al servicio de FTP, etc.

Fuente Navegador

10.-Pagina web

es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto

Fuente Pagina Web

11.- Plataforma
plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.

Fuente Plataforma

12.- Sitio web

En inglés website o web site, un sitio web es un sitio (localización) en la World Wide Web que contine documentos (páginas web) organizados gerárquicamente. Cada documento (página web) contiene texto y o gráficos que aparecen como información digital en la pantalla de un ordenador. Un sitio puede contener una combinación de gráficos, texto, audio, vídeo, y otros materiales dinámicos o estáticos.

Fuente Sitio Web

13.-Servidor web

Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados.

Fuente Servidor Web

14.-Vinculos

Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--esto es un vínculo un vínculo es un enlace, link, hipervínculo. 

Fuente vinculos

Practica 1.2 Introduccion a HTML

1.- ¿Que entiendes por HTML?
son todos los codigos que tiene la pagina web para que este se pueda correr

2.- define cada una de las letras que conforma la palabra HTML
Hyper
Text
Markup
Language
Lenguaje de marcas de hipertexto

3.- Quien inveto el HTML
Tim Berners-Lee HTML, Inventor

4.-Cual era el objetivo al crear el lenguaje HTML
confeccionar archivos de texto mostrándolo de forma estructurada y atractiva, con enlaces (hyperlinks) que hacen referencia a otros documentos o fuentes de información relacionada, y que permite incorporar archivos multimedia como gráficos, sonidos, imágenes, videos, etc.
5.- Menciona cuatro caracteristicas del lenguaje HTML
1.- HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript)

2.-Puede ser creado y editado con cualquier editor de textos básico.
3.-Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
4.-Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin

6.- Menciona 7 reglas basicas que debes seguir para el diseño de una pagina web

  Declara siempre un !DOCTYPE.
  En la etiqueta title utiliza texto significativo.
  Utiliza las etiquetas meta.
  Utiliza los DIVs para separar las secciones principales de la estructura.
  Separa el contenido (HTML) de la presentación (CSS).
  Minimiza y unifica las CSS.
  Minimiza, unifica y coloca al fondo JavaScript.
  Utiliza los encabezados (h1... h6) de forma lógica.
  Utiliza las etiquetas HTML de forma correcta y en el sitio correcto.
  No usar los DIVs para cualquier cosa.
  Utiliza una lista indefinida (ul) para el menú de navegación.
  Cierra las etiquetas.
  Escribe las etiquetas en minúsculas.
  Utiliza el atributo alt para las imágenes.
  Utiliza el atributo title en los enlaces (cuando sea necesario).
  Utiliza las etiquetas fieldset y label en los formularios.
  Utiliza los comentarios condicionales para IE.
  Valida tu código.
  Escribe el código de forma clara y sangrado.
  No abuses de los comentarios.




fuente 1fuente 2
fuente 3

fuente 4

practica 1.1 Diseño de una pagina web