jueves, 6 de junio de 2013

reporte 2.4 explica como hicieron sus paginas asi como sus herramientas utilizaadas




yo utilice dreamweaver para realizar mi pagina, el tema que escogí fue de comida,


Una de las herramiente que utilice fueron los hiperbinculos para enlazar todas las paginas entre si

utilice imagenes de fondo, para incertar una imagen de fondo debes dar clic derecho se abrira un menu y daras clic en propiedades de la pagina en la opcion imagen de fondo y en examinarseleccionas una imagel y luego aceptar

incerte imagenes, texto, imagenes gif,
para incertar una imagen debes seleccionar la imagen de una carpeta seleccionada (recuerda que debes guardar las imagenes en la carpeta que este dentro de la carpeta en donde se encuentra guardada la pagina)despues de aver encontrado la imagen arastrala y colocala en el lugar de la pagina donde la encuentres.

reporte 2.3 Comocrear un sitio en dreamweaver


para crear un citio primero debes da clic en sitio de Dreamweaver luego poner le un nombre y la uvicacion del citio.
despues escoge el diceño k quieres que tenga tu sitio wep.
es muy importante k crees una serie de carpetas donde guaredes todas las imgenes , videos y musica que pondras en tu pagina.


miércoles, 10 de abril de 2013

reporte 2.2



.

La barra de herramientas de Dreanweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o pre visualizar la página en el navegador.
El panel objeto Este panel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes.
Inspector de propiedades permite examinar y editar las propiedades del elemento que esté seleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento o en el inspector de código.
La ventana de documento muestra el documento actual aproximadamente igual a como aparecerá en un navegador Web. 
El selector de etiquetas muestra las etiquetas HTML padre que controlan el texto o los objetos seleccionados. Haga clic en una de estas etiquetas para resaltar su contenido en la ventana de documento. Haga clic en <body> para seleccionar todo el cuerpo del documento.
En general, puede convertir estos paneles en flotantes. Para ello pase el puntero del ratón por la esquina izquierda, hasta obtener un cursor con cuatro flechas . En ese momento arrastre el panel a la posición que desee.
El botón desplegable Común   cuenta con un buen número de barras, que clasifican por temas los objetos que se pueden manipular. Cada objeto es un fragmento de código HTML y podrá establecer diversos atributos al insertarlo
 cuenta con un buen número de barras, que clasifican por temas los objetos que se pueden manipular. Cada objeto es un fragmento de código HTML y podrá establecer diversos atributos al insertarlo

martes, 19 de marzo de 2013

cuestionario



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.
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.
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.
ContenedorSe trata de la caja donde va el contenido de la página web (texto así como imágenes videos etc,) que van en un apartado que es dicho contenedor.
Etiquetas div
Div #content,Div #header,Div #colizq,Div #content,Div #footer
Regióneditable
Para insertar una región editable hay que situar el puntero en el lugar en el que se desea insertar, y después dirigirse al menú Insertar,Objetos de plantilla, opción Región editable, o pulsar la combinación de teclas Ctrl + Alt + V.
En la nueva ventana hay que establecer un Nombre para la región editable.
Dentro de la plantilla no pueden existir dos regiones editables con el mismo nombre.
Posteriormente puede modificarse el nombre a través del inspector de propiedades de la región editable.
Compartimientos 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.
TablaTodos los objetos se alinean por defecto a la izquierda de las páginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizar.
La finalidad de las tablas es presentar una serie de datos de forma clara y organizada, dividiéndolos en filas y columnas.
Hasta hace poco, y todavía hoy es fácil encontrar diseños web basados en tablas.

FormularioAntes de insertar los elementos o controles del formulario, hemos de crear un formulario. Los elementos los introduciremos dentro de él, ya que cuando lo demos a enviar, sólo se enviarán los datos de los elementos de dentro del formulario.
Puedes crear formularios a través del menú Insertar  Formulario, opción Formulario, o desde el panel Insertar.
Formulario de contacto Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados

jueves, 28 de febrero de 2013

R.1.5.


Como insertar una imagen en una página web
Podemos agregar una imagen de fondo a la pagina de la siguiente manera
Esta es la estructura que hay que usar
<htmL>
<head>
 <titLe>TECNOLOGIA</titLE>
</head>
<body background="http://us.123rf.com/400wm/400/400/nexusplexus/nexusplexus1012/nexusplexus101202048/8495628-manos-la-linea-el-planeta-tierra-el-simbolo-de-la-alta-tecnologia.jpg">
<body bgcoLor="#ooooff"text="#00ff00">
<h1 aLign="center">
¿que es dream weaver?</H1><br>
<hr aLign=center width=50%<br>
<para inciar a trabajar con dream weaver, es necesario que conoscas la terminologia que se utiliza en este programa><br>
<IMG SRC="maquetacion-html-css.JPG" ALING=MIDDLE HSPACE=50>
</body>
</htmL>
El segundo es para insertar una imagen en la página:
<IMG SRC="en este espacio va el nombre de la imagen " ALING=MIDDLE HSPACE=50>
Porcierto la imagen debe ser guardada en la misma carpeta que todos loa archivos.

R. 1.4

miércoles, 27 de febrero de 2013

R.1.3


Color de fondo y texto
Esto sirve para darle un efecto colorido a un texto de la página  para que esa mas llamativa para las personas que entre a esta.
Como realizo esto: la estructura es la siguiente:
<htmL>
<head>
 <titLe>TECNOLOGIA</titLE>
</head>
<body bgcoLor="#ooooff" text="#00ff00">
<h1 aLign="center">
¿que es dream weaver?</H1><br>
<hr aLign=center width=50%<br>
<para inciar a trabajar con dream weaver, es necesario que conoscas la terminologia que se utiliza en este programa><br>
<IMG SRC="maquetacion-html-css.JPG" ALING=MIDDLE HSPACE=50>
</body>
</htmL>
El que permite realizar el cambio de color de texto es el que está en letras negritas

puedes cambiar el color de la página usando los códigos de la siguiente tabla




#FFFFFF
BLANCO
#000000
NEGRO
#FF0000
ROJO
#00FF00
VERDE
#0000FF
AZUL
#FF00FF
MAGENTA
#00FFFF
CYAN
#FFFF00
AMARILLO
#70DB93
AGUA MARINO
#000080
AZUL MARINO
#FF7F00
CORAL
#A62A2A
CAFÉ
#C0C0C0
PIOMO
#4F2F4F
VIOLETA