dreamweaver
3.1

diseño de pagina.
antes que nada entramos en dreamweaver dimos clic en crear sitio, lo creamos, le dimos un nombre
seleccionamos un formato de diseño de pagina
despues creamos una nueva carpeta con imagenes, todo esto dentro del diseño, debian ser imagenes que se utlizarian en la pagina dependiendo de que sea el tema de la pagina.
en mi caso mis paginas hablan de autos.
utilice, barras de menus, hipervinculos, imagenes de fondo con efecto de repeticion para que fuera como mas dinamica.
con la barra de menus quedaron enlasadas.
entramos en la barra de herramientas en la parte que dice insertar, y seleccionamos objetos de diseño y seleccionamos barra de menus.
para colocar las imagenes de fonfo, damos clic en propiedades de pagina. aparece una barra donde tenemos que seleccionar la imagen que deseamos damos clic en repeticion. y aceptar.
para los hipervinculos en la parte de arriba de la barra de menus aparece una pequeña barra azul, donde debemos entrar y aqui es donde aparecen los espacios que hay que rellenar con los enlaces, primero debimos crar tres paginas distintas y nombrarlas y guaradarlas en la misma carpeta todas. asi podemos crear nuestros enlaces.
tambien agregue por ultimo una imagen gif, que biene siendo una imagen con movimiento, claro que del tema de mis paginas, de autos.
las encontre en buscador de imagenes, la copie en la carpeta en la que tenia los archivos de mis paginas despues abri mi pagina con dreamweaver y la arrastre como cualquier imagen, la centre, y la expandi, con F12 podemos observar como queda terminada la pagina. y fin de la secion.

file:///C:/Users/Capacitaci%C3%B3n/Desktop/palmer/Untitled-1.html

reporte 2.4

html. dreamweaver.

como creaste el diseño de la pagina dreamweaver.
para crear mi pagina abri adobe dreamweaver, damos clic en sitio de dreamweaver,
despues saldra la pamtalla para guardarlo, colocamos el nombre y la carpeta deonde
estara ubicado el sitio.
en la ventana de archivo le damos clic en "nuevo", para administar mis sitios web, dentro
de la misma ubicacion le damos clic derecho para crear las carpetas de musica, video
e imagen.
elegimos la carpeta plantilla y damos clic en crear y apartir de alli comensamos a editarla.
la principal con informacion de ecologia y con imagenes, centrar, alinear, estilos de letra, etc.
creamos otras paginas similares una con imagenes y otra con videos.
y las enlasamos paar crear el sitio de paginas dreamweaver.

HTML                 DREAMWEAVER

REPORTE 2.3 

como crear carpetas en Dreamweaver 

iniciamos deramweaver despues donde esta el apartado que dice "crear nuevo" despues en 

el mismo sito hay una aplicacion que dice "sitio en dreamweaver".

le damos clic y aparece un cuadro de dialogo, le colocamos nombre al sitio.

despues le damos clic a la carpeta que aparece abajo, en la carpeta raiz de sitio 

hay que ir a la ventana de archivos. 

hay que hacer clic en "administrar sitios" y aparecera otra carpeta y seguira el mismo procedimiento.

reporte 2.2                         HTML --Dreamweaver

interfas de adobe dreamweaver cs5.5
en esta actividad presentamos la pantalla de trabajo de dreamweaver y algunas de sus principales funcines y en donde se encuentran ubicadas.

Reporte 2.1                                   HTML

Css: hacen referencia a un lenguaje de hojas de estilo usado para describir la presentación semántica de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en HTML y XHTML, pero también puede ser aplicado a cualquier tipo de comentarios XML, incluyendo SGV y XUL.

Maquetación: también llamada a veces diagramación, es un oficio de diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales en medios impresos y electrónicos, como libros, diarios y revistas.

Plantilla en dreamweaver:  es una estructura en la que hay partes no editables (que no se van a poder editar ) 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 de dreamweaver:

Etiqueta div: se emplea para definir un bloque de contenido o sección de la pagina, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque especifico.

Región editable: son las partes de la pagina que se pueden cambiar en los archivos basados en esta plantilla. Las regiones bloqueadas son las partes del diseño de la pagina que permanecen constantes de una pagina a otra.

Comportamientos en dreamweaver:son acciones que suceden cuando los usuarios realizan algun evento sobre un objeto, como puede ser, mover el raton sobre una imagen, pulsar sobre un texto. etc. 

Tabla:sirven para organizar datos e imagenes en un archivo HTML. 

Formulario:permiten interactuar con los visitantes del sitio o recopilar informacion 

Formulario de contacto: 

reporte 1.6                                              HTML
  Manejo de etiqueta <a hret> manejo de etiqueta >img src> y variantes 
en esta practicca aprendimos como colocar la imagen dentro de la estructura de html 
iniciamos guardando las imagenes en la misma carpeta donde tenemos nuestros archivos de HTML como archivo jpeg i jpg, en segundo paso abrimos nuestro archivo de html y en <body> "img scr="nombre de la imagen .jpg" align=top> 
la guardamos como html. y como reespaldo guardamos otra en txt. y checamos nuestro archivo de html para observar los resultados. 



    <html> 
    <head><title>COBACH</title></head>
    <body bgcolor="#FFFFFF" text="#000000">
    <h1 align="center">
    COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA</h1><br>
    <h2 align="center">PLANTEL MEXICALI</h2>
    <hr width=100%size=5><br>
    ejemplo del uso de las etiquetas<b><i></i></b><br>
    <b>este textoest&aacute; con negrillas<//b><br>
    <u>este texto est&aacute;con subrayado</u><br>
   <i>este texto est&aacute; con inclinaci&oacute;n it&aacute;lica</i><br>
    este <b>texto<i>cuenta <u>con un </u>combinado</i> de</b> todo.<br>
    <font color="red><font size=10>N</font><font color="yellow">
    <font><font color="green"><font size=7>ma</font><br>
    <img crs="pc.jpg"> foto
    <img src="gucci.jpg"align=top> reporto una matruya en la carretera pare un deportivo a alta velocidad quitece señor esos lentes carrera porque la cara le quiero mirar 
      ponga sus manos donde pueda verlas y un cuestionario empezo el federal

      </body>
      </html>

reporte 1.5                        HTML

  Uso de efectos de textoà etiqueta <b><i><u> entre otras.

     en esta paractica aprendimos a utilizar tres tipos de etuiquetas nuevas, bueno, nuevas para nosostros ya queno las conociamos ni sus funciones.

   con la estructura basica de HTML y lo ya agregado para el bloc de notas que aparece en el libro de capacitacion es acerca del colegio de bacgilleres del estado de baja california plantell mexicali. podemos observar que con la etuiqueta <b>........<//b><br> lo que introduscamos en el espacio, tratandoce de texto ovbio sera resaltado con letras negritas. esto nos sirve para llamar la atencion en algun texto especial.

    con la etuiqueta <u>....</u><br> podemos observar que el texto al que le introduscamos esta eqtiqueta sera sumbrayado, asi podemos colocar un hiperbinculo el el contenido del texto.

    con la etiqueta <i>......</i><br> podemos observar como alguna parte deseada dentro del texto se coloca con un tono de inclinacion para resaltar algun nombre o dato importante.

     y asi quedo nuestra estructura. 

<html> 

<head><title>COBACH</title></head>

<body bgcolor="#FFFFFF" text="#000000">

<h1 align="center">

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA</h1><br>

<h2 align="center">PLANTEL MEXICALI</h2>

<hr width=100%size=5><br>

ejeplo del uso de las etiquetas<b><i></i></b><br>

<b>este textoest&aacute; con negrillas<//b><br>

<u>este texto est&aacute;con subrayado</u><br>

<i>este texto est&aacute; con inclinaci&oacute;n it&aacute;lica</i><br>

este <b>texto<i>cuenta <u>con un </u>combinado</i> de</b> todo.<br>

<font color="red><font size=10>N</font><font color="yellow">

<font><font color="green"><font size=7>ma</font><br>

</body>

</html>

R 1.4      HTML

Uso de etiqueta <br> <hr> (asi como su respectiva alineación, <h1>…<h6>

En esta practica aprendimos seleccionar el tamaño de letra y como colocar la etiqueta
una etiqueta es un texto incluido entre los simbolos < menor que y >mayor que.
la seleccion de la letra fue con el <h1> y la etiqueta que colocamos fue  <br> esta etiqueta instruye al navegador cliente que iserte un salto de linea en un documento HTML.
& asi quedo nuestra estructura, ojo. esta estructura es la que nos indico la prodesora.


<html>
<head>
<title> qu&eacute es dreamweaver</title>
</head>
<body bgcolor="#0000ff" text="#000000">
<h1 aling="center">
¿qu&eacute; es dreamweaver </h1><br>
<h2 aling="center">
DEFINICI&Oacute;N
</h2><br>
<hr width=100% size=5><br>
dreamweaver actualmente de la casa de adobe anteriromente perteneciente a macro media es la herramienta de dise&ntilde;o de p&aacute;ginas web m&aacute;s
avanzadas tal como se ha afirmado en muchos medios aunque sea un experto programador de HTML en usuario que maneje siempre encontr&aacute; en este programador
razones para utilizarlo sobre todo en lo que a productividad se refiere &middot;
</body>
</html>

R 1.3    HTML

uso de manejo de etiqueta de color y fondo, introduccion de texto y acentuacion.

En esta practica aprendimos como introducir texto dentro de nuestro bloc de notas, y como hacer para que aparescanj los puntos de acentuación (&acute).

Iniciamos con la estructura básica y como titulo le pusimos ¿Qué es dreamweaber? El código de color fue negro, bueno lo mas importante es que aprendimos como acentuar las palabras y esto es poniendo la palabra y colocando una “&” enseguida la letra y la palabra “acute” cerrando con punto y coma(;) y la continuación de la palabra cuando sea asi.

Y asi quedo la estructura.

<html>

<head>

<title> qu&eacute es dreamweaver</title>

</head>

<body bgcolor="#0000ff" text="#000000">

<h1 aling="center">

¿qu&eacute; es dreamweaver </h1><br>

<h2 aling="center">

DEFINICI&Oacute;N

</h2><br>

<hr width=100% size=5><br>

dreamweaver actualmente de la casa de adobe anteriromente perteneciente a macro media es la herramienta de dise&ntilde;o de p&aacute;ginas web m&aacute;s

avanzadas tal como se ha afirmado en muchos medios aunque sea un experto programador de HTML en usuario que maneje siempre encontr&aacute; en este programador

razones para utilizarlo sobre todo en lo que a productividad se refiere &middot;

</body>

</html>

R 1.2    HTML

Estructura básica

Primero comensamos entrando en el bloc de notas

Coemnzamos a poner el orden de las cosas asi. <html>. <head>. <title>. </title>. </head>. <body>.</body>.</html>.

Entre el espacio de <title></title> escribimos “ mi pestaña”

Lo guardamos en los dos fortamos, en TXT & en HTML.

Entre <body> pusimos  BGCOLOR="FFFFFF"TEXT="000000"

JOSE PALMERIN LEDESMA

</BODY>

E igual lo guardamos en los dos formatos.

</HTML>

Y asi kedo el orden. Con la acción que hicimos en body le pudimos dar color, a mi me resulto amarillo.

Con la acción de title nos apareció mi pestaña en el area de la pagina.

Y asi fue la primera practica. 

R 1.1 HTML
Que es?
Utilidad / funcion.

significado de sus siglas Hyper Text Marcup Language, hace referencia al lenguage de marcado predominante para la elaboracion de paginas web que se utiliza para descibir y traducir la escritura y la formacion en forma de texto asi como para complementar el texto con objetos tales como imagenes