Diseño de Paginas web

martes, 19 de marzo de 2013

Identifica el entorno del software para diseñar paguinas web

CSS:hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica de un documento escrito en lenguaje de marcas

MAQUETACION:es un oficio del 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:Una plantilla es una estructura en la que hay partes no editables y otras que son modificables para llenarse de contenido.

CONTENEDOR EN DREAMWEAVER; Ahora que ya hemos tratado algunas cuestiones de diseño, seguimos con la introducción de contenido. Lo que vamos a hacer también es a modo de ejemplo, ya que tiene que ver con qué tipo de contenido necesitamos colocar en el sitio.

ETIQUETA DIR :La etiqueta DIR muestra una lista de artículos cortos tales como el listado de un directorio. En la práctica, la etiqueta DIR tiene el mismo efecto que la etiqueta UL(Unordered List).

REGION EDITABLE:Es donde pueden editar la parte de los pixeles

COMPORTAMIENTOS EN D.W:

TABLA:

FRMULARIO:

FORMULARIO DE CONTACTO:

lunes, 11 de marzo de 2013

1.7 Que es Dreamweaver

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

1.6

Manejo de etiqueta<A HREF> Y <IMG SRC>

En estas etiquetas nos sirven de mucho porque nos sirve mucho para las pagina web como para si queremos subir una imagen debemos de utilizar la etiqueta <imgsrc> solo que la imagen la debemos de guardar en la misma carpeta donde tengamos nuestro archivo para que se puedo abrir sin problemas y si queremos usar la etiqueta <a href> esta etiqueta es como un hipervínculo es un enlace que te manda a otra página para que te pueda dar más información o te puede mandar a donde quieras claro que tu haya puesto a donde se dirige el enlace .

� l s dr � � al><hr width=100%size=10><br>

<H1> …<H6>

1.5

AQUI LES BA UN GLOSARIO DE LAS PALABRAS QUE CAMBIAN LOS TEXTOS EN "HTML"

<b> negrita
<u> subrayado
<i> italica
<em> enfatizado
<strong> fuerte
<sup> superindice
<sub> subindice
<strike> tachado
etc.

1.4 Br, Hr,H1

Estas etiquetas nos sirven mucho como el <br> nos sirve para dar salto de renglon para nosotros en un documento dE HTML ya el <br> ya se hizo algo que debemos de usar casi en todas las practicas nos sirve;
¿QUé ES DREAMWEAVER?

</h1><br>

DEFINICIóN

</h2><br>

1.3 cambiar color de fondo y texto

para cambiar un tipod e color de fondo y de letra se nesesita agregar dentro de el espacio de cuerpo: (<BODYBGCOLOR="#0f0f0f " TEXT="#f0f0f0f0 ">)

dentro de las comillas se nesesita poner la clave del color de lo que se quieres seleccionar

y para poner un acento o una tilde por ejemplo en la "ñ" se hace de la siguiente manera
para el acento: &_acute _=letra que se quiere asentuar
para la ñ: &_tilde _= n

1.2 Estructura Básica de HTML

La estructura básica de HTML esta basada por 4 partes que al ser abierto cada paso debe de ser cerrado al finalizar su uso