martes, 28 de febrero de 2017

Dreamweaver

                                                                                                                         Febrero 28, 2017

Resultado de imagen para dreamweaver logo
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.
  • Hojas de estilo y capas
  • Javascript para crear efectos e interactividades
  • Inserción de archivos multimedia...



Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañías, para realizar otras acciones más avanzadas.
En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks.

Macromedia fue una empresa de software de gráficos y desarrollo web con centrales en San FranciscoCalifornia. Macromedia fue formada en 1992 por la fusión de Authorware, Inc. (creadores de Authorware) y MacroMind-Paracomp (creadores de Macromind Director). Sus centrales están en San FranciscoCalifornia.
Resultado de imagen para macromediaMacromedia continuó siguiendo el rastro de M&A y en diciembre de 1999 adquiría la compañía de software de análisis de tráfico. La compañía de desarrollo Web Allaire fue adquirida en 2001, y Macromedia añadió varios productos populares de servidor y desarrollo Web a su lista.
En 2003, Macromedia adquirió la compañía de conferencia por Web y continuó desarrollando y realzando su producto de colaboración y presentación on-line basado en Flash, ofrecido bajo el nombre de Breeze. Después, en ese mismo año, Macromedia también adquirió la compañía de software de ayuda de autoría,  cuyos productos incluían RoboHelp, Robo Demo (Ahora Captivate), y RoboInfo.
El 18 de abril de 2005Adobe Systems anunció un acuerdo para adquirir Macromedia en una transacción valorada en, aproximadamente, 3400 millones de dólares.


El 5 de diciembre de 2005Adobe Systems completa la adquisición de Macromedia.
El párrafo es importante en el lenguaje HTML por que crea espacios de trabajo que te permitirán manejar los formatos de manera ordenada.  
En común podemos encontrar los elementos más comunes para el uso de la programación en internet.

El hipervínculo es un enlace que nos lleva a un elemento interno o externo a la página web. 


Hay enlaces que se conocen como rutas y hay rutas que se pueden catalogar como rutas completas o absolutas en donde se hace referencia desde donde inicias hasta donde esta el documento.


Las rutas relativas se dirigen a un lugar pero no paso a paso. 


La creación de un sitio Dreamweaver es importante por que realizas un modelo de lo que es un verdadero sitio web. 

Colocar imágenes de fondo en las páginas Web requiere de ciertas consideraciones dado que las páginas pueden desplegar las imágenes de dos formas. 

Forma uno, imagen con repetición. 

Forma dos, la imagen se estira. 

Se aconseja no usar fondos con texto, se recomienda usar un fondo adecuado con el tema, también se recomienda que no se utilicen fondos ni muy oscuros ni muy luminosos para permitir la mejor manera de lectura. 


Si utilizamos un fondo SS me aseguro que el fondo este en todas las páginas y el HTML se tiene que configurar uno a uno. 


Tenemos que saber que en las páginas Web son distintas y la forma de crearlos también. 


PRINCIPALES CARACTERISTICAS QUE HACEN DE UN SITIO WEB EXITOSO


En primer lugar, desarrollar una web exitosa requiere de un serio compromiso. El administrador de un sitio tiene que actualizar con frecuencia los contenidos del mismo, con el objetivo de mantener al tanto a los potenciales clientes sobre los precios, las promociones y los artículos novedosos.



  • Para crear un buen sitio web es necesario una planificación estratégica. Esto quiere decir que hay que definir cuáles son los objetivos de la página y cuáles son las mejores formas de alcanzar dichas metas.
  • Es aconsejable pensar en los clientes actuales a la hora de desarrollar la página de Internet. Ésta debe ser creada para el usuario, no para tí.
  • Para atraer visitantes, es esencial que el sitio cumpla con alguna necesidad gracias a soluciones efectivas.
  • Es recomendable que, a la hora de crear tu sitio, exista colaboración entre varias disciplinas (como por ejemplo marketing, diseño e ingeniería).
  • Es de suma importancia prestar suma atención al tráfico que tiene la página web.
  • El sitio debe ser fácil de comprender y utilizar. Recomendamos que la información sea clara y esté bien organizada.
  • El diseño de la web tiene que ser atractivo, pero a la vez sencillo. Es aconsejable añadir imágenes que acompañen los contenidos y títulos que llamen la atención.

COHERENCIA EN SITIOS WEB



Las razones por la que un sitio web debe ser coherente son en primer lugar a motivos psicológicos; nos sentimos más cómodos en sitios donde las cosas son lo que parecen que son. Si algo parece un botón de comprar, no debería ser otra cosa distinta.
Los humanos nos sentimos cómodos en los sitios que nos son familiares y predecibles. Si una estructura de navegación,funciona del mismo a lo largo del sitio web, el usuario se va a sentir más relajado, más proclive a quedarse en el sitio web y por tanto mas tendente a convertir.
El diseñador web suele estructurarse una serie de normas internas del sitio para que en situaciones o patrones del usuario similares, el sitio web responde del mismo modo.

¿Que podemos hacer para dotar de coherencia a un sitio web?



Los elementos que debemos dotar de coherencia interna del sitio web son fundamentalmente el color, la tipografía, el lenguaje, los visuales y las interacciones. Algo que va un poco más allá de los manuales de estilo o de los de identidad corporativa.

Gracias a Dreamweaver podemos crear sitios Web mucho más interesantes. 

La coherencia significa que todo sea igual o similar, es un factor imprescindible en un sitio Web. 
Que un sitio que sea confiable y verificable le da confianza al usuario.

La páginas Web se pueden medir en píxeles o porcentaje referente al tamaño de las pantalla que lo contiene. 

La siguiente práctica
Practica 1: Un nombre sencillo
Practica 2: Una página con fondo
Practica 3: Liga
Practica 4: Practica de tabla
Practica 5: Imagen de sustitución 
Practica 6: Formatos de texto
Practica 7: Biomas 
Practica 8: Mapa sensitivo  Los CSS permiten dar formato a una página, la ventaja de usarlo es que puedes usarlo en un sitio general a partir de una archivo externo. Y esto se utiliza para no ocupar tanto espacio. 

Los fondo es Web pueden tener dos opciones: una que se presente en modo de mosaico 








martes, 14 de febrero de 2017

Colores en HTML

Nombre
del color
Color
Hexadecimal
Color RGBColor
IndianRed#CD5C5C205,92,92Cambia color de fondo
LightCoral#F08080240,128,128Cambia color de fondo
Salmon#FA8072250,128,114Cambia color de fondo
DarkSalmon#E9967A233,150,122Cambia color de fondo
LightSalmon#FFA07A255,160,122Cambia color de fondo
Crimson#DC143C220,20,60Cambia color de fondo
Red#FF0000255,0,0Cambia color de fondo
FireBrick#B22222178,34,34Cambia color de fondo
DarkRed#8B0000139,0,0Cambia color de fondo
Pink#FFC0CB255,192,203Cambia color de fondo
LightPink#FFB6C1255,182,193Cambia color de fondo
HotPink#FF69B4255,105,180Cambia color de fondo
DeepPink#FF1493255,20,147Cambia color de fondo
MediumVioletRed#C71585199,21,133Cambia color de fondo
PaleVioletRed#DB7093219,112,147Cambia color de fondo
LightSalmon#FFA07A255,160,122Cambia color de fondo
Coral#FF7F50255,127,80Cambia color de fondo
Tomato#FF6347255,99,71Cambia color de fondo
OrangeRed#FF4500255,69,0Cambia color de fondo
DarkOrange#FF8C00255,140,0Cambia color de fondo
Orange#FFA500255,165,0Cambia color de fondo
Gold#FFD700255,215,0Cambia color de fondo
Yellow#FFFF00255,255,0Cambia color de fondo
LightYellow#FFFFE0255,255,224Cambia color de fondo
LemonChiffon#FFFACD255,250,205Cambia color de fondo
LightGoldenrodYellow#FAFAD2250,250,210Cambia color de fondo
PapayaWhip#FFEFD5255,239,213Cambia color de fondo
Moccasin#FFE4B5255,228,181Cambia color de fondo
PeachPuff#FFDAB9255,218,185Cambia color de fondo
PaleGoldenrod#EEE8AA238,232,170Cambia color de fondo
Khaki#F0E68C240,230,140Cambia color de fondo
DarkKhaki#BDB76B189,183,107Cambia color de fondo
Lavender#E6E6FA230,230,250Cambia color de fondo
Thistle#D8BFD8216,191,216Cambia color de fondo
Plum#DDA0DD221,160,221Cambia color de fondo
Violet#EE82EE238,130,238Cambia color de fondo
Orchid#DA70D6218,112,214Cambia color de fondo
Fuchsia#FF00FF255,0,255Cambia color de fondo
Magenta#FF00FF255,0,255Cambia color de fondo
MediumOrchid#BA55D3186,85,211Cambia color de fondo
MediumPurple#9370DB147,112,219Cambia color de fondo
BlueViolet#8A2BE2138,43,226Cambia color de fondo
DarkViolet#9400D3148,0,211Cambia color de fondo
DarkOrchid#9932CC153,50,204Cambia color de fondo
DarkMagenta#8B008B139,0,139Cambia color de fondo
Purple#800080128,0,128Cambia color de fondo
Indigo#4B008275,0,130Cambia color de fondo
SlateBlue#6A5ACD106,90,205Cambia color de fondo
DarkSlateBlue#483D8B72,61,139Cambia color de fondo
GreenYellow#ADFF2F173,255,47Cambia color de fondo
Chartreuse#7FFF00127,255,0Cambia color de fondo
LawnGreen#7CFC00124,252,0Cambia color de fondo
Lime#00FF000,255,0Cambia color de fondo
LimeGreen#32CD3250,205,50Cambia color de fondo
PaleGreen#98FB98152,251,152Cambia color de fondo
LightGreen#90EE90144,238,144Cambia color de fondo
MediumSpringGreen#00FA9A0,250,154Cambia color de fondo
SpringGreen#00FF7F0,255,127Cambia color de fondo
MediumSeaGreen#3CB37160,179,113Cambia color de fondo
SeaGreen#2E8B5746,139,87Cambia color de fondo
ForestGreen#228B2234,139,34Cambia color de fondo
Green#0080000,128,0Cambia color de fondo
DarkGreen#0064000,100,00Cambia color de fondo
YellowGreen#9ACD32154,205,50Cambia color de fondo
OliveDrab#6B8E23107,142,35Cambia color de fondo
Olive#808000128,128,0Cambia color de fondo
DarkOliveGreen#556B2FCambia color de fondo
MediumAquamarine#66CDAA102,205,170Cambia color de fondo
DarkSeaGreen#8FBC8F143,188,143Cambia color de fondo
LightSeaGreen#20B2AA32,178,170Cambia color de fondo
DarkCyan#008B8B0,139,139Cambia color de fondo
Teal#0080800,128,128Cambia color de fondo
Aqua#00FFFF0,255,255Cambia color de fondo
Cyan#00FFFF0,255,255Cambia color de fondo
LightCyan#E0FFFF224,255,255Cambia color de fondo
PaleTurquoise#AFEEEE175,238,238Cambia color de fondo
Aquamarine#7FFFD4127,255,212Cambia color de fondo
Turquoise#40E0D064,224,208Cambia color de fondo
MediumTurquoise#48D1CC72,209,204Cambia color de fondo
DarkTurquoise#00CED10,206,209Cambia color de fondo
CadetBlue#5F9EA095,158,160Cambia color de fondo
SteelBlue#4682B470,130,180Cambia color de fondo
LightSteelBlue#B0C4DE176,196,222Cambia color de fondo
PowderBlue#B0E0E6176,224,230Cambia color de fondo
LightBlue#ADD8E6173,216,230Cambia color de fondo
SkyBlue#87CEEB135,206,235Cambia color de fondo
LightSkyBlue#87CEFA135,206,250Cambia color de fondo
DeepSkyBlue#00BFFF0,191,255Cambia color de fondo
DodgerBlue#1E90FF30,144,255Cambia color de fondo
CornflowerBlue#6495ED100,149,237Cambia color de fondo
MediumSlateBlue#7B68EE123,104,238Cambia color de fondo
RoyalBlue#4169E165,105,225Cambia color de fondo
Blue#0000FF0,0,255Cambia color de fondo
MediumBlue#0000CD0,0,205Cambia color de fondo
DarkBlue#00008B0,0,139Cambia color de fondo
Navy#0000800,0,128Cambia color de fondo
MidnightBlue#19197025,25,112Cambia color de fondo
Cornsilk#FFF8DC255,248,220Cambia color de fondo
BlanchedAlmond#FFEBCD255,235,205Cambia color de fondo
Bisque#FFE4C4255,228,196Cambia color de fondo
NavajoWhite#FFDEAD255,222,173Cambia color de fondo
Wheat#F5DEB3245,222,179Cambia color de fondo
BurlyWood#DEB887222,184,135Cambia color de fondo
Tan#D2B48C210,180,140Cambia color de fondo
RosyBrown#BC8F8F188,143,143Cambia color de fondo
SandyBrown#F4A460244,164,96Cambia color de fondo
Goldenrod#DAA520218,165,32Cambia color de fondo
DarkGoldenrod#B8860B184,134,11Cambia color de fondo
Peru#CD853F205,133,63Cambia color de fondo
Chocolate#D2691E210,105,30Cambia color de fondo
SaddleBrown#8B4513139,69,19Cambia color de fondo
Sienna#A0522D160,82,45Cambia color de fondo
Brown#A52A2A165,42,42Cambia color de fondo
Maroon#800000128,0,0Cambia color de fondo
White#FFFFFF255,255,255Cambia color de fondo
Snow#FFFAFA255,250,250Cambia color de fondo
Honeydew#F0FFF0240,255,240Cambia color de fondo
MintCream#F5FFFA245,255,250Cambia color de fondo
Azure#F0FFFF240,255,255Cambia color de fondo
AliceBlue#F0F8FF240,248,255Cambia color de fondo
GhostWhite#F8F8FF248,248,255Cambia color de fondo
WhiteSmoke#F5F5F5245,245,245Cambia color de fondo
Seashell#FFF5EE255,245,238Cambia color de fondo
Beige#F5F5DC245,245,220Cambia color de fondo
OldLace#FDF5E6253,245,230Cambia color de fondo
FloralWhite#FFFAF0255,250,240Cambia color de fondo
Ivory#FFFFF0255,255,240Cambia color de fondo
AntiqueWhite#FAEBD7250,235,215Cambia color de fondo
Linen#FAF0E6250,240,230Cambia color de fondo
LavenderBlush#FFF0F5255,240,245Cambia color de fondo
MistyRose#FFE4E1255,228,225Cambia color de fondo
Gainsboro#DCDCDC220,220,220Cambia color de fondo
LightGrey#D3D3D3211,211,211Cambia color de fondo
Silver#C0C0C0192,192,192Cambia color de fondo
DarkGray#A9A9A9169,169,169Cambia color de fondo
Gray#808080128,128,128Cambia color de fondo
DimGray#696969105,105,105Cambia color de fondo
LightSlateGray#778899119,136,153Cambia color de fondo
SlateGray#708090112,128,144Cambia color de fondo
DarkSlateGray#2F4F4F47,79,79Cambia color de fondo
Black#0000000,0,0