jueves, 6 de junio de 2013

2.4

En mi pagina principal, agregue una imagen de fondo repetida, una imagen
Gif , imágenes diseñadas en photoshop dando una explicación de cada producto.
Agregue logotipos y una imagen del menú principal demostrando que ese es el nombre de la marca, y layers para dar una impresión de que es una página de calidad
. agregue un menú donde se colocan cada página , Modelos , historia , News, Historia , Store , en cada una de esas páginas contiene la imagen principal (nombre de mi empresa). Contienen una especificación del producto, que es y de donde proviene . Agregue una tabla donde especifico los modelos de tenis , Agregando imágenes , en acada pagina en forma consecuente .Y eso fue todo lo que hice.


sábado, 27 de abril de 2013

2.3 Identifica la estructura del Sitio Web.

para crear mi pagina web , cree una carpeta , ahi es donde estara la raiz de mi pagina web
abrí Dreamweaver , di clic en la pantalla inicial Sitio de Dreamweaver
sale una ventana donde pondremos el nombre de nuestro sitio y la carpeta de destino
Vamos a la ventana archivo /Administrar sitios../ ahí elegimos el sitio o podremos crear uno nuevo
elegimos el estilo de nuestra plantilla y damos clic en crear .
creamos 2 nuevas carpetas , que son Imágenes y vídeo , incrustadas dentro de la carpeta
de nuestro sitio.
empezamos a editar nuestra pagina , en diseño podrás ir estructurando tu pagina ,
ahí ya trae la estructura por defecto y en donde colocar la información.
y diferentes vistas para la creación , EN VIVO ;DISEÑO HTML , y la visualización
con el navegador que nosotros deseemos.

2.2 definir los siguientes terminos.


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, como libros, diarios y revistas.

Css: Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla.
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.
Contenedor en Dreamweaver: Son los formularios a llenar en una cierta pagina.

Etiqueta Div: son divisiones que se pueden hacer en una página, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores.

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

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

Tabla: 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.

Formulario de Contacto: Contiene la información más necesaria de una persona , Ejemplo : Nombre , empresa , E-mail  ETC.

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.


2.1 pantalla de DreamWeaver

Esta es la pantalla de Dreamweaver en su versión CS5.

es un programa principalmente para la creación de sitios web y aplicaciones, también se usa para la edición creación de código para la web.


viernes, 1 de marzo de 2013

1.7 Uso de etiqueta Img src.

Esta etiqueta permite integrar una imagen a nuestro documento , No la inserta por que la estamos enlazando desde un mismo archivo .
se escribe:
<img src="ariana grande.jpg">
se visualiza:

Existen diferentes etiquetas entre ella se encuentra Im y body background :
im tambien inserta una imagen a nuestro documento al igual que img src.

Body background , se utiliza para , insertar una imagen de fondo , a nuestro documento, es decir esta etiqueta permirira escribir por encima de esa imagen  sin que subra algun cambio.
Se escribe:
<body background="ariana grande.jpg
Se visualiza:



1.6 Uso de etiqueta a href.

La etiqueta a href nos permite introducir un vinculo(Link) es nuestra pagina web , y esa etiqueta nos llevara al destino del enlace insertado. los navegadores suelen visualizarlo de una forma subrayada o en color azul.
Se escribe:
<a href="http://www.google.com/"></a>
se visualiza.


1.5 Efecto de texto.

Uso de las etiquetas de estilo de letras.
estas etiquetas , permiten hacer un texto de una forma mas 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</u>



1.4 Uso de etiqueta Hr Br

La etiqueta Br se utiliza para dar un salto de linea.Y se escribe <br>
Ejemplo:

Este es mi texto <br>con la etiqueta<br> br<br>y para que sirve.
Asi se visualizara:
Este es mi texto
con la etiqueta
br
y para que sirve.


La etiqueta Hr representa una línea horizontal para separar  las diferentes secciones de un documento:
ejemplo:
Sección 1
<hr>
Sección 2
<hr>
Sección 3  / asi se visualiza: 







Etiqueta h1-h6

La etiqueta <h1><h6> se utiliza como encabezado de una sección, y que cuenta con 6 diferentes niveles de encabezados, h1 el más importante y h6 el menos importante.
Se escribre:

<h1>Encabezado h1</h1>
......h2
.....h3
.....etc.
<h6>Encabezado h6</h6>
 y se  visualiza:



1.3 Uso de etiqueta Texto y color

Etiqueta de color de fondo:
Para el uso de esta etiqueta se escribe lo siguiente: <Body bgcolor="#CODIGO DEL COLOR">
una vez elegido el color Ejemplo #000000 siempre va entre las comillas  y siempre cerraremos el proceso.

Etiqueta de texto: 
Para  el uso de la etiqueta de color de texto se escribe lo siguiente:<font color="#000066"></font>
<html>
<head>
<title>EJEMPLO</title> </head>
<body bgcolor="#0000000">
<font color="#000066" size="5">1 ejemplo</font>
</body>
</html>

Para el uso de comillas en los textos:
Esta erramienta consta de los siguientes codigos:
á-&aacute;
é-&eacute;
í-&iacute:
ó-&uacute;
ú-&uacute;
Para escribirse es mayuscula simpelente se escribe : Á-&Aacute; 
Un ejemplo de como se escribiria En que día estamos /En qu&eacute; d&iacute;a estamos./

1.2 Estructura básica(HTML)

Acontinuacion presentare la estructura basica del Conocido Lenguaje HTML.
este lenguaje se contiene lo siguiente.

<Html>empieza el documento
<Head>comienza cabecera
              <Title>TITULO DE PAGINA</Title>
</Head>termina cabecera
<Body>comienza contenido de pagina
              CONTENIDO DE LA PAGINA
</Body>termina contenido de pagina
</Html>termina documento



1.1 Que es HTML


HTML: 
Language, en inglés, es el lenguaje utilizado para la creación de  páginas web o de Internet(Hypertext Markup Language).
Este lenguaje , es muy interesante ya que su uso es por medio de letras y códigos,
Este tipo de lenguaje nos permite visualizar la pagina , para tener una mejor experiencia navegando por Internet , Y fue creado en 1986 por el físico nuclear Tim berners-Lee.