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>

1.5

como ya sabemos en body siempre va el diseño de la pagina
ahora lo que hicimos fue modificar el texto de nuestra pagina
las siguientes son las etiquetas para hacer la modificación de texto
<b> uso de negrita
<u> uso para subrayar el texto
<i> es para selección de italica.
hay mas tipo de etiquetas para modificar esta solo fueron algunas .

1.4

como usar la etiqueta <br> y <hr>
y tambien como usar <h1> i asi

con la etiqueta <br> podemos hacer salto como si usáramos el enter
la etiqueta <hr> nomas sirve para agregarle una linea  vertical horizontal
tambien si quieres que salga ancha o delgada como la quieras
nomas para presentación con <hr align=center width=90size=5>
las opciones de aling width son para centrar y tamaño de la linea

1.3

en  esta practica l oque hicimos fue
agregar color al fondo y a las letras
 para hacerlo utilizamos en la parte de <body bgcolor="00ff00"text="000000"la primera serie es para
el fondo y la segunda serie donde dice text es para el texto para agregar acentuación a las letras
basta con poner los siguiente ejemplo:
estaci&oacute;n a cualquier letra que queramos ponerle acento  de vemos que ponerle & primero y despues la letra seguido de acute y con exito.