Reporte 2.3

En este reporte mostrare como hice mi pagina web.

Yo la hice sin utilizar plantillas, es decir, utilizando HTML, elegí unas imágenes para colocarlas como fondo, una vez teniéndolas, abrí una área de trabajo, clic derecho y en "propiedades de la pagina" coloque la imagen de fondo.
Coloque una tabla donde estarán los hipervinculos que enviaran de una pagina a otra, nos vamos a la pestaña insertar > objetos de diseño > Barra de menús de Spry y nos saldrá una ventana donde modificaremos cuantas columnas queremos y en que dirección ya sea horizontal o vertical, damos en aceptar, cuando este la tabla, le daremos clic a un pequeño cuadro azul que aparece en la parte superior del cuadro, ahí modificaremos el nombre que deseemos y colocando el enlace a donde queremos que nos lleve.
Coloque texto en la pagina, imágenes, vídeos y música.
Para colocar música y/o vídeos en Dreamweaver primero debemos convertir el archivo a FLV, después nos vamos a insertar > media > FLV , nos aparecerá una ventana donde colocaremos el archivo del video o música, seleccionamos el tipo de reproductor, si queremos que se reproduzca automáticamente o no, damos en aceptar.
Damos en guardar, abrimos con "google chrome" u otro navegador, y veremos las paginas.

Reporte 2.2

En este reporte veremos las funciones básicas de Dreaweaver.

Reporte 2.1

Como crear un sitio en dreamweaver

Primero entramos al programa Dreamweaver, nos saldra una pequena ventana para crear nuestra carpeta raiz, pondremos en administrar sitios, en la parte derecha superior aparece la opcion ''nuevo'' ahi le daremos clic y colocaremos el nombre de nuestra carpeta.
Para colocar un plantilla pondremos ''nuevo'' en la pestana inicio y nos saldra un menu de distintas plantillas que podemos utilizar. O podemos escoger la opcion HTML que nos saldra en una ventana despues de crear nuestra carpeta raiz y manejar todo con codigo HTML.

Reporte No. 4

En este reporte mostrare como cree mi pagina web.
Primero escogi la plantilla, llene el texto, con algunas imagenes que las pude mover de acuerdo a lo largo de nuestra pagina, coloque el texto al lado izquierdo de mi pagina en un cuadro de tres columnas para colocar los hipervinculos, les puse nombre a cada uno y los uni con hipervinculos a otras dos paginas que hice, esto es para crear el sitio web, y asi es como la hice, lo guarde y se coloca en archivo tipo bloc de notas, lo abro con Google Chrome y ahi nos muestra la pagina con sus respectivos hipervinculos, una cosa que debo destacar es que las imagenes incluyendo el archivo de Dreamweaver en la que estamos trabajando debe de ir en la carpeta raiz, esto es para que no tengamos problemas con que no se ven o algo asi.

Reporte No. 3

Para crear una pagina web en Dreamweaver, primero ponemos en "nuevo" en nuestro caso escogemos una plantilla, la que sea, luego nos vamos a una pestaña "archivos" que se encuentra en la parte posterior a la derecha, aparece una pequena carpeta verde, damos clic en la flecha y se desprendera un menu, damos clic en "administrar stios" nos aparecera una ventana y damos en "nuevo" colocamos el nombre que queremos para nuestra carpeta en donde estaran nuestras imagenes, videos, sonido, y damos en aceptar.
Ahora para colocar una imagen, primero la guardamos en la carpeta de "imagenes" que creamos momentos antes en la carpeta raiz, nos vamos a la pestana de "archivos" y abrimos la carpeta, en ella nos aparecera ua vista previa de la o las imagenes que tenemos, arrastramos la que deseemos y la colocamos en nuestra pagina web.
Para colocar un hipervinculo seleccionamos un texto y nos vamos a la pestana insertar, seleccionamos "hipervinculo", damos clic en la carpeta que se encuentra al lado de un cuadro en blanco de "vinculo", esto es para examinar el archivo que queramos que se encuentre el hipervinculo en cierto texto y damos en aceptar.

Reporte No. 2

Partes de Dreamweaver

Reporte No.1

Definiciones.

CSS: Tiene una sintaxis muy sencilla, que usa unas cuantas palabras claves tomadas del inglés para especificar los nombres de sus selectores, propiedades y atributos.

Maquetación: Es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos.

Plantillas en Dreamweaver: Es una estructura en la que hay partes no editables y otras que son modificables para llenarse de contenido.

Contenedor en Dreamweaver:

Etiqueta Div: Son divisiones que se pueden hacer en una página, para permitir aplicarle formato distinto.

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

Comportamientos en Dreamweaver: 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.

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).

Formulario: Los formularios permiten interactuar con los visitantes del sitio o recopilar informacion de ellos, constan de dos partes: el codigo HTML que describe el formulario y una secuencia de comandos o aplicacion que procesa la informacion enviada.

Formulario de contacto: Es una particularidad de los Formularios Web.

 

Reporte No. 6

En este reporte veremos como insertar una o mas imagenes en nuestra pagina web. Primero guardamos la imagen en la misma carpeta donde se encuentra el archivo de blocd de notas en extension jpg o jpeg. Despues abrimos ese archivo y en body> ponemos "img src="el nombre de la imagen.jpg" align=top> Damos en guardar y abrimos con un navegador y veremos la imagen insertada en la pagina web.

Reporte No. 5

Ahora aprenderemos a usar efectos en los textos en lenguaje HTML.
Primero tenemos que saber para que son las etiquetas de efectos:
<b> es en negrita
<u> es para tener el texto subrayado
<i> es para italica

Como las etiquetas anteriores, lo colocamos en body o tambien se puede poner en head, pero en este caso lo haremos en body. En donde tenemos el breve texto, al inicio ponemos <b> y al final lo cerraremos con </u>, daremos en guardar, cuando abrimos el archivo veremos como el texto esta en negrita, podemos hacer lo mismo con subrayado e italica. Tambien se puede cambiar el tamaño de la letra, con la etiqueta font, algo asi: <font size=3> o depende del tamaño que queramos para nuestra pagina web y lo cerramos con </font> y listo, damos en guardar, para cuando lo volvamos a abrir veremos que el tamaño de la letra ha cambiado.

Reporte No. 4

Ahora usaremos las etiquetas <br> <hr> y las alineaciones <h1> <h2>, etc.
Para comenzar, <br> cumple la función de la tecla "enter", lo pondremos despues de cerrar el código, y esto hara que el texto tenga un espacio.
El <hr> es para colocar una línea ya sea horizontal o vertical y podemos regular lo ancho y lo largo de nuestra línea, algo así: <hr align=center width=100% size=1>
El align es para que este centrado, width es para regular lo largo de nuestra línea, si es el 80% abarcará la mayor parte, y si es 20& será muy corta.

Reporte No. 3

Usaremos ahora un codigo para cambiar el color del fondo y el texto. Primero en <body> colocamos <body bgcolor=#**** text=¨#****¨> en los asteriscos ponemos en su lugar el codigo para el color de fondo y del texto, y escribiremos un breve texto, cuando demos en guardar. Al abrir el archivo con un navegador veremos el color de fondo de la pagina web y el color del texto. Ahora para asignar acentos, cuando estamos escribiendo, en vez de poner el acento directo del teclado, pondremos lo siguiente:
si es con la palabra más, pondremos m&aacute;s , la primera letra despues del signo & es la que deseamos colocarle el acento, es igual con la ñ pero en vez de acute es tilde, por ejemplo: a&ntilde;o en vez de año.

Reporte No. 2

En este reporte veremos la estructura básica para crear una página web, para eso tenemos que conocer los conceptos básicos como buscador, etiqueta, tag, entre otras.

Para empezar, el texto html hace que podamos modificar como queramos nuestra página web, así comenzaremos.

Pondremos en el bloc de notas lo siguiente:

<html>

<head>

</head>

<body>

</body>

</html>

Si nos fijamos bien, el < > es para abrir el codigo y < / > es para cerrarlo.

En <head> escribiremos una palabra o lo que queramos, en mi caso escribire cobach.

<html>

<head>

cobach

</head>

<body>

</body>

</html>

Ahora daremos en guardar como, y le pondre practica, pero para que sea como página web, le pondremos la extension .html y guardamos.

Al abrir la practica, nos llevara a nuestra página web.

Reporte No. 1

El lenguaje html es el que nos permite crear y modificar una página web, esto lo hacemos en bloc de notas, utilizando el orden correspondiente para crear el código, existen varios códigos para cambiar el tamaño de la letra, colocar una linea ya sea horizontal o vertical, cambiar el color del fondo de nuesta página web, entre otros más.