Submodulo 3

Reporte 2

 En este reporte se mostraran las funciones básicas de Dreaweaver

Submodulo 3

Reporte 3

Aqui presentare como cree mi blog .
Primeramente cree un sitio, despues utilize plantillas para que se facilitara mas la creacion de la pagina, comenze utilizando una imagen con movimiento colocandola en la cabeza de mi pagina, utilize una imagen de fondo, justifique los textos, cambie los tipos de letra y colores.
Depues tablas , en ellas coloque videos con vinculos a YouTube .
Coloque los vinculos para que me llevaran a las demas sitios de mi pagina .

Submodulo 3

Reporte 1

Como crear un sitio web.

Priciplamente se necesita acceder a Dreamweaver, para esto tenemos que crear un sitio creando una carpeta de raiz, administraremos los sitos que necesitamos , creamos un nuevo sitio y le asignaremos un nombre a nuestra carpeta. Para utilizar planillas podemos utilizar CTL + N
o asiendolo manuelamente directamente de la pantalla de inicio , aparecera un menu con distintos estilos de planillas que se podran utilizar. Se puede escoger la opcion HTML que nos saldra en una ventana despues de creear una carpeta de raiz y manejar todo con codigos.

Submodulo 2

Reporte 3

Ya que tienes tus sitios guardados abres sitios de dreamweaver para el administrador de sitios  seleccionas una de las opciones en este caso con la barra izquierda 
y así comienzas a llenar tu nueva pagina con los datos que desees, en este caso creamos 3 con el tema de ecologia y después las juntamos con hipervínculos copiando el url 
seleccionamos el texto que queremos que tenga el hipervinculo pegamos el url en la parte de abajo y despues F12 guardamosy asi hacemos con las otras 2, de esta manera al estar en nuestra pagina podremos acceder a las otras y regresar a la principal presionamos enter   para que de una te mandara a las otras 
para poner imágenes te vas a la ventana derecha e insertas imágenes desde ahí. 

Submodulo 2

Reporte 2

En este reporte se muestra la interfaz de Dreamwever.

Submodulo 2

Reporte 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 información de ellos, constan de dos partes: el código HTML que describe el formulario y una secuencia de comandos o aplicación que procesa la información enviada.

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

Submodulo 1

Reporte 6
Imagenes

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.

Submodulo 1

Reporte 5

Uso de las etiquetas de estilo de letras.

Estas etiquetas, permiten hacer un texto de una forma más formal y atractiva

-La etiqueta <b> se usa para representar un texto con un estilo de fuente en negrita

Se escribe:

Tipo de letra normal - <b>tipo de letra en negrita</b>

Se visualiza:

Tipo de letra normal - <b>tipo de letra en negrita</b>

-<i>estilo de fuente en itálica.

Se escribe:

Tipo de letra normal - <i>tipo de letra en itálica</i>

Se visualiza:

Tipo de letra normal - <i>tipo de letra en itálica</i>

-<u> estilo de letra en subrayado.

Se escribe:

Tipo de letra normal<u>Tipo de letra en subrayado</u>

Se visualiza:

Tipo de letra normal<u>Tipo de letra en subrayado<

Submodulo 1

Reporte 4

Etiquetas

En esta actividad veremos la función de las etiquetas <br> <hr> y <h1>

<br> Funciona para dar un espacio entre los renglones.

<hr align="" width=% size > este funciona poniendo una línea en la parte superior o donde se quiera que se coloque esta etiqueta en align ira en donde estará acomodado el texto “center” “right” “left”, en width ira el largo de nuestra línea en % del 1 al 100 y en size pondremos un numero del 1 al 10 donde será el grosor de la línea.

<h1 align=”” pondrá letras grandes dentro del texto“” pondremos en donde acomodaremos el texto.

Submodulo 1

Reporte 3

Etiquetas

En esta actividad se mostrara como realizar el uso de etiquetas:
Para aplicar colores de fondo y texto, para esto se debe especificar un color y se especifican mediante numero exadecimales.
Un ejemplo seria <BODY BGCOLOR="#4F2F4F" TEXT="#FF7F00">

Submodulo 1

Reporte 2
Estructura Básica

En esta este reporte se mostrara la estructura básica para HTML , para crear una pagina web .

<html>
   <head>
   </head>
   <body>
   </body>
 </html>

Submodulo 1

Reporte 1

HTML

¿Que es?

HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.

El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.