Dreamweaver

23/02/17

DREAM WEAVER

La gente tenia problemas para acordarse de los comandos y no tenían la facilidad de Internet.

La gente hacia negocios en Internet pero a final de cuentas no funcionaba, y se quedaban en bancarrota.

97-95 había gente que creaba paginas de Internet y esto repercutía en el boom que se había generado, había aplicaciones para la modificación de html y era como un software añadido a otro.

Había revistas de computación que traían discos que traían programas para la computadora.

92 Habia empresas que se dedicaban a otra cosa como authorware y macromind-paracom, una trabajaba con base de datos y la otra se dedicaba a crear aplicaciones para interactuar con la gente. Elearning, lo que hacia authorware era enseñar a través de computadoras. A pesar de ser lentas eran muy buenas las aplicaciones

Las dos se fusionan en california, san francisco. Al hacerlo dio como resultado una nueva compañía llamada macromedia tenia lo mejor de los dos: enseñar y generar aplicaciones para interactuar y si eras usuario, obtener mejores aplicaciones.

Permitió generar aplicaciones como Coldfusion, Dream weaver, Flash, Fireworks, Captivate, entre otras. Estas provocaron envidia al tratar de competir

La gente conocía y lo utilizaban porque tenia las herramientas necesarias.

Adobe traía consigo photoshop y apps de diseño y vídeo.

Adobe le ofrece a Macromedia le ofrece comprar la compañía y lo acepta. Adobe conservo las aplicaciones y las personas que trabajaban, con la finalidad de que el usuario no dejara de solicitar la aplicación.

La versión de adobe de dream weaver fue una basura y al siguiente año empiezan a combinar las paginas y crean Adobe CSS para engañar a la gente y dejar la culpa a Macromedia.

l final lograron sacarlo adelante pero Adobe se quedo atrás con Flash, en la parte en la que decae es en los vídeos y tiene mala compatibilidad con la tecnología actual.

Dream weaver nos permite la creación rápida y estructurada de paginas de Internet y se sigue usando

27/02/17

Adobe Dream Weaver trae muchas cosas nueva en su ultima versión. Dream Weaver es un programa multiplataforma al igual que komodo. Permite programar en java, ip, etc.

CSS (cascade style sheets) es un lenguaje que esta endosado con el HTML. El CSS nos permitirá la generar estructuras para modificar el código HTML, como el tipo de letra, color, forma en la que se opera las tablas, etc. Va dentro del formato HTML.

Dreamweaver es una aplicación de autoedición, porque permite escribir código y de manera automática muestra los cambios realizados de una vista a otra.

Tiene varias vistas.

02/03/17

Concepto importante= Dreamweaver tiene la peculiaridad de manejar de organizar la información con respecto a lo que realiza- paginas web-

Esta organización la lleva a cabo de un sitio dreamweaver, si logras instalar dreamweaver lo primero que se hace es crear un sitio dreamweaver.

En dreamweaver hay dos tipos de rutas y enlaces
Rutas=relativas o absolutas

Absoluta tendrá el http, con información detallada y las diagonales
Relativa tendrá menos precisión sin incluir desde el http, es relativa al sitio

Dreamweaver opera con sitios no absolutos, osea relativos. Para sus archivos utiliza las relativas visual auditiva.
Si no se crea un sitio, lo que hace es unir rutas para que la información unida. Sitio dreamweaver no es un sitio web.
Dreaweaver esta montado en la computadora mientras que el sitio web esta montado en un servidor

9/03/17

Los fondos de pantalla pueden ser mosaico y pueden ser CSS o HTML, la diferencia es que en css puedes configurar los colores de cada elemento de la pagina web que se crea.

El tamaño de la pantalla se puede medir en píxeles o porcentaje

Regla de destino es el elemento que vamos a generar con la finalidad de generar el formato que hemos seleccionado

En web no se recomienda utilizar fuentes muy elaboradas porque si la computadora no trae la fuente la computadora va a reemplazarla. Usar fuentes standar.

Para poder generar reglas css se ebe de incluir en el nombre primeramente un punto y algo que identifique a la regla como una mayúscula seguida de minúsculas sin espacios y sin símbolos especiales

-

Para hacer tablas se necesita ir a tablas y son autoajustables y eso permite que a ingresar nuevas columnas o renglones se ajusten pero lo harán con respecto a la celda principal.


Las tablas se pueden hacer chicas o grandes y a veces a tabla pone una señal de que no se puede hacer.

30/03/17

Imágenes interactivas y normales y un mapa sensitivo. Con 2 páginas internas, dos páginas externas. Formatos, cambios de tipos de letra y tablas en la parte de ligas internas, fondo adecuado.

En css las reglas que se crean se pueden almacenar de dos formas:
-Dentro del documento, de la misma pagina, ventaja, todo queda en el mismo documento y la desventaja de que dejan vulnerable el código.
-De manera externa: almacenado en un documento diferente, ventaja, no hay problema con el código css, no se hace mezcla de código y la desventaja es que el tamaño del sitio web se incrementa.

En las paginas web es recomendable no usar fuentes demasiado garigoeleadas o extravagantes porque no se sabe si el usuario la tenga instalada y eso afecta en que si no esta instalada en vez de que se vea bien, la va a sustituir la computadora por una standar lo mas parecida.

Lenguajes

12/12/16

Lenguaje HTML revoluciona el uso de internet (HyperText Markup Language), lenguaje para programar en web. Podemos tener 2 lenguajes inmersos en una pagina como el CSS (Cascade Style Sheets), es un lenguaje que por sus caracteristicas acompaña al HTML para mejorar a este.

Cada 4 meses tenían que mostrarle a la gente que visitaba la web cosas vistosas y el CSS llego para eso y poder cambiar su estilo y la apariencia de una página web.

ASP (Active Server Pages) ASP y Java Script van juntos, la idea principal es mostrar interactividad en las páginas del usuario.

ASP necesita un servidor activo y el único que pudo lograrlo fue Microsoft, este servía para hacer un servidor que resolviera problemas. De ahí vienen .net pero depende de windows lo cual no lo hace muy estable

PHP Lenguaje de código abierto, esto significa que todas las personas podrían tener acceso y modificarlo. Este es un acrónimo recursivo (Pre Hypertext proceso). Se ejecuta del lado del servidor pero es mucho más veloz que el ASP, genera interactividad en la web. Puede mandar a un sitio no muy confiable.

Lenguaje HTML sirve para programar, antiguamente se tenia que hacer en programas alternos como HotDog y conforme va avanzando era una buena aproximación para ser editor de HTML.

En la actualidad hay programas que nos permiten llevar a cabo ediciones de HTML como Komodo, este es un editor para muchos lenguajes.

Casi saca a Flash del mercado (HTML 5), YouTube en el pasado era mucha espera para que se descargara el video y ahora la descarga se hace en streaming

09/01/17

Internet dio la posibilidad a los protocolos y lo que reforzó fue el avance tecnológico, y esta se disparó para poder mejorar los equipos (computadoras). Esto trae formas de comunicación diversas, que la gente se interesara mas en cuestiones físicas y que se pudiera tener contacto con otros aparatos.

Así que las personas empezaron a idear como comunicarse. Tim y Robert ganaron un concurso de ello.

Se empezó a fundamentar en 1990 el HTML, HTML 2 y HTML 3. El problema era que en 1995 nace una versión nueva de windows, iba a cambiar la forma en la que las computadoras trabajaban, la novedad era que iba a ser un sistema operativo totalmente gráfico (programa que controla todo lo que tiene la computadora), aun así un programa básico.

Windows avanza debido a explorer, le podía brindar a las personas se pudieran conectar a internet, los ISP trabajaron para que todo pudiera avanzar.

12/01/17

Los negocios no funcionaron muy bien ya que era muy costoso el hosting y el crear una página.Algunas tuvieron éxito.

HTML 4 sirvió durante mucho tiempo, pero la gente avariciosa trajo consigo avances tecnológicos mal encaminados y Microsoft era una compañía de esas.

Microsoft ha creado aplicaciones que tienen fallas, ya que al actualizar la PC se trata de parchar los errores, gracias a esto Microsoft ha tratado de crear un lenguaje, XHTML Extended Hypertext Markup Language.

Para las aplicaciones como Word y Excel da acceso directo a internet, a través de XHTML encajan en la web.

Las personas buscaron que el internet fuera libre para que en la web, se usara y poder mejorar el código de esa página.

Apple, Mozilla y Opera decían que querían acaparar la web y lo que intentan crear un grupo diferente a Microsoft para crear elementos abiertos y que no costara tanto una reprogramacion.

W3C asociación que había sido creada

Microsoft quería apoderarse de la W3C, en 1999 crean WHATWG
Web Hypertext... con esto se dieron cuenta que la esencia del HTML se estaba perdiendo porque la programación estaba ligado a utilizar otras aplicaciones. Los 3 grupos se unen y tratan de sacar adelante el HTML,  sacan el HTML 5.

HTML 5 trajo cambios estructurales para la web.

Comandos de HTML

Comandos básicos de HMTL

Lista de los comandos más comunes para HTML

• < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
• < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).
• < TITLE > ... < /TITLE > : Indica el título.
• < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
• < P > ... < /P > : Indica comienzo y fin de un párrafo.
• < BR > : Permite saltarse una línea (se llama quiebre de línea).
• < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
• Tipos de letras:
  • < B > ... < /B > : Negrita.
  • < L > ... < /L > : Cursiva.
  • < BLINK > ... < /BLINK > : Parpadeante.
  • < STRONG > ... < /STRONG > : Enfatizada.
• < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
• < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
  Ejemplo: 

        < OL >
          < LI > Primer item
          < LI > Segundo item
          < UL > 
            < LI > Primer subitem
            < LI > Segundo subitem
          < /UL >
          < LI > Tercer item
        < /OL >
  

Y aquí un cuadro más explícito Para toda la página Color de Fondo <body bgcolor="#RRVVAA"> Permite colocar un color uniforme de fondo a toda la página. Este color estará formado por 3 números hexadecimales que indiquen: RR = tonalidad de color rojo VV = tonalidad del color verde AA = tonalidad del color azul Imagen de Fondo <body background="nombreimagen.gif"> nombreimagen.gifdeberá reemplazarse por el nombre de la imagen. Se recomienda utilizar formatos .gif o .jpg Colores de texto color de enlaces enlaces visitados <body text="#RRVVAA" Link ="#RRVVAA" Vlink ="#RRVVAA" Alink ="#RRVVAA" Permite definir los colores que se aplicarán en forma genérica para el texto como para los enlaces. El color está representado por un número hexadecimal Estilos  <style> </style> Permite definir un estilo de fuente, color, tamaño, etc para todo el documento. Meta <meta name="description" content="comentarios" name="keywords" content="palabra1 palabra2 ... palabran"> </meta> Permite definir propiedades internas del documento. Name = "description" content = ”Será el resumen con que se publicará en el buscador. No utilizar más de 25 palabras" Name = "keywords" con­tent = "podrán definirse palabras claves para que nuestro documento sea encontrado por los buscadores" Sonido <bgsound src="xx.wav" loop=infinite/n> <embed src="xx.wav" width=200 height=55 autostart="true" loop="true" hidden="true">  Ejecuta un archivo de sonido. xx.wav se debe reemplazar por el nombre del archivo; loop nindica la cantidad de veces que se repetirá. La etiqueta Embed con sus propiedades, se utiliza por las incompatibilidades de los navegadores. Con esta opción aparece una consola cuyas di­mensiones se definen con Widtho Height y que puede ocultarse con Hidden  = "true" Listas Lista numerada <ol type= A * a * I * i start=n> <lh> título de la lista </lh> <li> Primera opción <li> Segunda opción <li> Tercera opción  </ol> Se utiliza cuando las opciones deben ser numerados. La opción type representan número o letras ystart indicará el número con que inicia. Lista no ordenada <ul type=square * circle * disk> <lh> título de la lista </lh> <li> Primera opción <li> Segunda opción <li> Tercera opción  </ul> Se utiliza cuando las opciones no presentan un orden determinado. La opción type representa la viñeta. Lista con sangrado <dl> <lh> título de la lista </lh> <dt> Primer tema     <dd> Primer detalle     <dd> Segundo detalle <dt> Segundo tema     <dd> Tercer detalle     <dd> Cuarto detalle  </dl> Se utiliza cuando las opciones llevan un título y una definición Enlaces o Links Enlace a otro URL <a href="xxx"> yyy </a> xxx se debe reemplazar por la dirección URL destino del enlace. yyy es el texto indicativo que se leerá en la página.  Enlace a un e-mail <a href = "mailto:dirección e-mail"> texto indicativo del enlace  </a> Te permite un enlace directo a tu cliente de correo predeterminado Marca para enlace dentro de la misma página (Ancla - Anchor) <a href="#marca"> Texto de enlace al ancla </a> Referencia una posición a la que luego se accederá. Localizar enlace anterior <a name="marca"> texto del ancla </a> Enlaza una posición previamente marcada, dentro de la misma página  Enlace a otra página con marca, dentro del mismo sitio <a href="ab.htm#marca"> texto indicativo del enlace </a> Enlaza a la posición establecida en marca, en la página ab.htm Enlace con imagenes <a href="xxx"><img src="nombreimagen.gif"> </a> xxx se debe reemplazar por la dirección URL destino del enlace. nombreimagen.gif se debe reemplazar por el nombre de imagen seleccionado Enlaza a la dirección URL haciendo un click sobre la imagen. Tablas Definición  <table> </table> Crea una tabla Bordes  Color de Bordes <table border=n bordercolor="#RRVVAA"> n = representa al grosor del borde. También se podrá especificar el color del borde  Separación entre celdas  <table cellspacing=n> Las celdas podrán separarse por el n valor Separación entre el borde y el contenido  <table cellpadding=n> El contenido podrá estar separado del borde por el valor indicado en n Alto ancho <table height=n o porcentaje width=n o porcentaje> Se puede establecer un valor o un porcentaje para definir el tamaño de la tabla Color de Fondo o Imagen de Fondo <table bgcolor="#RRVVAA" background="imagen.gif"> Se puede establecer un color de fondo de toda la tabla o colocar una imagen de fondo Título <caption align=top * bottom> texto del título </caption> Posibilita colocar un título a la tabla alineado top=arriba o bottom=abajo Definición de filas <tr align=left*center*right valign=top*middle*bottom bgcolor="#RRVVAA">  </tr> Por cada fila que tenga la tabla deberá utilizarse esta etiqueta: se podrá establecer la alineación del contenido, la ubicación dentro de la fila y el color de fondo. Definición de títulos <th align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA">  </th>  Permite definir los nombres de las columnas. Definición de datos o contenidos <td align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA">  </td> Coloca contenidos a cada celda Celda que ocupa muchas filas <td rowspan=numero de filas>  </td> Se puede combinar una celda para que ocupe muchas filas. Celda que ocupa muchas columnas <td colspan=numero de columnas>  </td>  Se puede combinar una celda para que ocupe muchas columnas.

Hay comandos que no requiere forzosamente la etiqueta que cierra.

30/01/17

Título " Práctica 2" con negritas

Energía Solar en negritas
La energía solar es la energía producida por el sol y que es convertida a energía útil por el ser humano, ya sea para calentar algo o producir electricidad (como sus principales aplicaciones).

Cada año el sol arroja 4000 veces más energía que la que consumimos por lo que su potencial es prácticamente ilimitado.

La intensidad de energía disponible en un punto determinado de la Tierra depende, del día del año, de la hora y de la latitud. Además, la cantidad de energía que puede recogerse depende de la orientación del dispositivo receptor.

Tipo de letra con parrafo

2/02/17

Título de la pestaña "Esta lista guarda los biberes de la semana" (que se mueva)

Título "Lista del mandado"

(tiene que llevar viñetas)

-Leche
-Azúcar
-Jitomate
-Café
-Carne
-Jamón
-Pan
-Queso
-Mayonesa
-Lechuga
-Papas fritas

Con color distinto cada elemento