jueves, 13 de junio de 2013

2.5

como creear un sitio en dreamweaver

 El método más común para crear un sitio Web utilizando Dreamweaver consiste en crear y editar páginas en tu pc y, a continuación, publicar copias de esas páginas tu sitio de internet preferido para subirlas y esten a  disposición pública.
abrimos dreamwaver y seleccionasmos crear sitio le ponenmos el nombre que querramos y nos aseguramos de guardarlo en una carpeta de nuestra pc y creamos en conjunto uans carpetas donde podramos insertar imagenes video y musica.


2.4

DISEÑO DE PAGINA.

Entrando a dreamweaver lo que hicimos fue crear un nuevo sitio seleccionando crear nuevo 
y le dimos nombre , despues creamos varia carpetas donde almacenaremos en una imagenes en otra videos y en otra sonido .
cuando querramos agragarle algo anuetra pagina primero tenemos que guardarlo en la carpeta correspondiente ya sea  imagen musica etc 
 creamos varias paginas vinculadas a una principal y en las ya mencionadas les insertamos tablas, barras e informacion correspondiente al tema 
 en lo personal yo no agrege musica por que no encontre ninguna de mi agrado  inserte imagenes con gif para quetengan movimiento inserte fondo color a las letras de cada pagina  tablas y menus para que tuviese mejor informacion











lunes, 29 de abril de 2013

2.3


En esta practica aprendimos a crear un sitio web.
Para crear el sitio primero abrimos el programa de adobe dreamweaver.
Ahí aparecen 3 columnas en la segunda en la ultima opcion te aparece sitio de dreamweaver, de hay te abrira otra ventana ahí seleccionas el nombre de tu sitio y te fijas donde se va a guardar, le das guardar y queda listo.
En la parte inferior izquierda te aparecera una carpeta con el nombre de tu sitio hay  le das clic derecho y seleccionas la opcion creear carpeta ahí creeas las carpetas que deceas con lo que quieres guardar, por ejemplo fotos, videos, musica, etc.
Pero tienen que quedar guardadas en el mismo lugar que el sitio.
hay seleccionas la plantillas que deseas. Y empiezas nomas a remplazar por la informacion que tu deseas.

martes, 19 de marzo de 2013

submodulo 2 reporte 1

DEFINICIONES.


CSS:  se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

MAQUETACION: 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: 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.

CONTENEDOR EN DREAMWEAVER:Existe un contenedor principal que envuelve a todos aquellos que se hayan en una página y este en inglés se llama Wrapper (su id suele ser "general").

ETIQUETA DIV: El Div es un elemento de bloque de modo que, si en un Div, solo habrá un elemento no es necesario crear un párrafo; esto será necesario cuando dentro del Div hay mas de un elemento (texto + imagen).

REGION EDITABLE: Ahora es el momento de insertar regiones editables en la plantilla de Dreamweaver. Desde el área de contenido será diferente de una página a otra vamos a hacer de esta zona una región editable.
Seleccionar y borrar 'Contenido para id "contenido" va aquí' desde el "contenido" div.
Mientras el cursor esté dentro del "contenido" div:

COMPORTAMIENTO 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: Las tablas 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.
Se abrirá un cuadro de diálogo que nos preguntará cuántas filas y cuantas columnas tendrá nuestra tabla, qué ancho tendrá y si tendrá borde.

FORMULARIO: 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.

FORMULARIO DE CONTACTO:
Conjunto de casillas de texto acompañadas de unos rótulos que muestran cual deberá ser el contenido de las casillas de texto, por último, pero no menos importante, un botón de envío, el cual enviará los datos del formulario al propietario del mismo:


martes, 12 de marzo de 2013

1.7

como insertar imagen
para insertar una imagen lo que tenemos que hacer
es lo siguiente :
las podemos acomodar donde queramos
con los siguientes codigos
<img src="foto.jpg"align=top>escribir texto
<img src="foto.jpg"align=bottom>escibir texto
<img src="foto.jpg"align=middle>escribir texto
<img src="foto.jpg"align=right>escribir texto
<img src="foto.jpg"align=left>escribir texto
<img src="foto.jpg"width=100 height=25> escribir texto

para insertar la imagen buscamos la imagen  y la guardamos en nuesta pc con el nombre que sea:
ejemplo telefono.jpg si no ponemos jpg no podemos usar la imagen en nuetra pagina

tambien podemos poner texto ya sea comentario o para dar una descripcion



<img src="1pollo.jpg"align=top>el pollo mas rapido

<img src="colombia.jpg"align=bottom> hatch patas amarillas

<img src="gallo.jpg"align=bottom>

<tr></tr>


domingo, 10 de marzo de 2013

1.6

como  agregar hipervinculo a nuestra pagina
otra etique para el diseño de nuestra pagina es href  que nos sirve para agregar un
hipervinculo a  nuestra pagina por ejemplo

<a href="http://www.facebook.com/kipermlh.northsiders/'></a>