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

Línea del tiempo

Línea del tiempo

Instrumento que nos permitirá plasmar gráficamente de manera cronológica hechos que acontecieron en un determinado espacio

¿Cómo realizarla?
1. Se deben identificar los eventos y las fechas (iniciales y finales) en que estos ocurrieron.
2. Ubicar los eventos en orden cronológico.
3. Seleccionar los hitos más relevantes del tema estudiado para poder establecer los intervalos de tiempo más adecuados.
4. Agrupar los eventos similares.
5. Determinar la escala de visualización que se va a usar.
6. Por último, organizar los eventos en forma de diagrama.

Sitios para hacer líneas del tiempo

-Timeline
-TimeRime
-Capzles

HTML

HTML

¿Qué es?

HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language) es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web, pero no su funcionalidad.

HTML es el lenguaje que describe la estructura y el contenido semántico de un documento web.

Funcionalidad

HTML le da "valor añadido" a un texto estándar en español. Hiper Texto se refiere a enlaces que conectan una página Web con otra, haciendo de la Red Mundial (World Wide Web) lo que es hoy. Al crear y subir páginas Web a Internet, te haces participante activo de esta Red Mundial desde que tu sitio está en línea. 

Elementos

El contenido dentro de una página web es etiquetado con elementos HTML como <head>, <title>, <body>, <article>, <section>, <p>, <div>, <span>, <img>, <picture>, etcétera. Estos elementos forman los bloques de construcción de un sitio web.

Lo más importante es el formato

ESTANDAR

Ya que una la utilizaba explorer y la otra netscape, tenían formato diferente. Surge a W3C busca la estandarización de HTML.
IFTL Fuerza que quería estandarizar el lenguaje HTML, comenzaba a ser la solución a sus problemas financieros.
Las personas podían hacer negocio  con el establecimiento de internet. Era como comparar el anuncio de la carretera a que todo el mundo viera el anuncio por sus computadoras.
Los empresarios no pudieron hacer esto ya que las personas veían el anuncio más era difícil que lo compraran.

1995: Se generaban las versiones de HTML

En 16 años se da a conocer el HTML 4

HTML
-Podías usar Java scripts, podías intentar que tus páginas fueran interactivas. Lo usaban para hacerlo ver más atractivo. Se ponen en una página a tiempo real
-CSS (Hoja de estilo en cascada, Cascade Style Sheet), se puede generar una serie de comandos que van de arriba a hacia abajo. Sirven para darle estilo a la página web, personalizar o modificar para que la página se vea mejor.
-Tablas complejas es lo que te permite hacer tablas dentro de otras tablas.

En la W3C, se crea el codigo XHTML y tiene que ver con Office en particular (Word y Excel). Es más complejo.
Las empresas que se reusaron fueron Apple, Mozilla y Opera. Esta organizacion WHATWG (Where hypertext application technology working group)

Cambia a HTML 5
-Igual en lenguaje para páginas webs.
-YouTube esta programado en este, pone tags para que solamente actuen plugins para que se instalen en la computadora.
-Sirve para ser más rápido.

Protocolos

PROTOCOLOS

¿Qué es?
Conjunto de pasos a seguir para resolver un problema. Aplica para la comunicación entre elementos.

¿Cuáles?
En la actualidad existen muchos de ellos. Hay algunos que son mas importantes que otros y esto lo determinan los usuarios.El primer protocolo que se implemento fue el TCP/IP. Estos se crean para que se comunicaran entre ellas.

TCP: Transmision Control Protocol y garantiza que los datos se entreguen completos, sin errores y en el mismo orden en que se quieren transmitir y pregunta si es completo y va en orden. No tiene mucha memoria.

IP: Inter protocol es el protocolo de internet. Se asegura que los datos lleguen del lugar de donde sale al destinatario y esta red dirige al paquete de datos.

HTTP: Hypertext Transfer Protocol, fue inventada por Tim Berners Lee, es físico cuántico y trabajaba en el CERN (Centro Europeo de Investigaciones Nucleares) y en ese lugar encontraron la partícula de Dios y tienen un acelerador de hadrones

Tim Berners Lee creo junto con Robert Kaillio un navegador. Para crear un navegador se dio cuenta que necesitaba de mas formas para transmitir la información. El ciberespacio es aquel que se cree muy lejano.
Las ligas se podían generar con el programa. Mosaic fue por mucho tiempo el navegador principal. 
Ambos son importantes y al principio eran formas de comunicarse, sin estas habilitadas no hay conexión a internet
Windows pretendía hacer creer utilizar una interfaz y simular ser un sistema operativo, en esta versión también nace Explorer

El hipertexto era un texto creado con la finalidad de que tuviera vínculos con otros textos. Tim quería que esto fuera su complemento.
Tim y Robert 
HTML era el lenguaje que se usaba para estos archivos, se tuvo que implementar un navegador (primer visor de internet) y se llamo Mosaic. Este interpretaba el lenguaje escrito y en la pantalla se interpretaba de mejor forma (no había muchas imágenes).

1993: Matt Andersen creo una versión de Mosaic diferente a la versión de Tim, y crea 2 años después un programa que se llamaba netscape (1994) y en 1995 nace Windows 25.

Archy era un depositorio de información y aquí se guardaba información científica y habían BBS que eran como portales pero eran muy lentos.
Tim descubre un nuevo lenguaje, el HTTP nace gracias a el y gracias a este es la única forma para comunicarse a Internet

FTP: File Transfer Protocol, este pasa archivos de un lado a otro.
SMTP: Simple Mail Transfer Protocol, es para los correos y lo usan aplicaciones que necesitan correos

91: Se crea el primer HTML

93: Primera petición para utilizarla

96:Los estándares cambian

Tipologías o topologías

TIPOLOGÌAS O TOPOLOGÍAS

Tipología Bus: Se utilizaba hace muchos años y se conectaba un cable largo al que se conectaban computadoras. Si el cable se rompía solo servirían las primeras 2 computadoras

Tipología anillo: Si se descomponía una tendrías conexión con otra.

Doble anillo: Redundancia de conexión y se refería a que si una se descomponía la otra servia

Árbol: Si se descomponía la segunda , todas quedaban incomunicadas

Estrella: Más usada ya que si una estaba desconectada la otra servía

Malla: Parecida a la estrella pero más cara

Mixta: Era la que tenia de todas las anteriores

Redes Wi-Fi: Ha avanzado gracias a la experimentación, ya no hay cables (es inálambrico)