Libre

examen c05w

El resultat final de la practica. Requisits marcs mes botons vinculats amb les ancles corespondents de cada boton. 

ejercicio c05w

Primer en una pagina hem creat el contingut.

En segon pas el index que son el botons con cadascun dels vinculats.

Els botons es fean con photoshop i la heramienta (imagen-buscar i remplazar) de dreamweaver.

Aquest es el resultat final de la pagina web.

ejercicios c05w

Prime pas bara de d`inici amb la vinculació de cadascuns de las imatges. 

Segon el Home tota informació que surt de cada  apartat corspondent que hem anclat.

I per ultim la pagina web acabada con cadascun dels components.

Maquetació

Aquesta part de la practica de maquetació de indesign a sigut feta con la eramienta  "objetos y colocar dentro".

En aquesta part em utilitzat un text, desprès con la opció "crear contorno" i "colocar dentro" em aconseguit aquest resultat.

Aquesta imatge a sigut feta amb la heramienta "marco rectangular i buscatrazos" i el resultat es aquest.

Pagina web

pagina web

En la creació de la pagina em fet els següents  passos com la correcció de i text col·locació de la imatge , ancles:que son els ancle son uns botons que serveix per enllaçar diferents objectes.

Com podem visualitza en la imatge aquesta son uns del comandos que contenen la pagina web.   

Internet

Historia de Internet

La historia de Internet se remonta al temprano desarrollo de las redes de comunicación. La idea de una red de computadoras diseñada para permitir la comunicación general entre usuarios de variascomputadoras sea tanto desarrollos tecnológicos como la fusión de la infraestructura de la red ya existente y los sistemas de telecomunicaciones.Las más antiguas versiones de estas ideas aparecieron a finales de los años cincuenta. Implementaciones prácticas de estos conceptos empezaron a finales de los ochenta y a lo largo de los noventa. En la década de 1980, tecnologías que reconoceríamos como las bases de la moderna Internet, empezaron a expandirse por todo el mundo. En los noventa se introdujo la World Wide Web (WWW), que se hizo común.

La infraestructura de Internet se esparció por el mundo, para crear la moderna red mundial de computadoras que hoy conocemos. Atravesó los países occidentales e intentó una penetración en los países en desarrollo, creando un acceso mundial a información y comunicación sin precedentes, pero también una brecha digital en el acceso a esta nueva infraestructura. Internet también alteró la economía del mundo entero, incluyendo las implicaciones económicas de la burbuja de las .com.

Un método de conectar computadoras, prevalente sobre los demás, se basaba en el método de la computadora central o unidad principal, que simplemente consistía en permitir a sus terminales conectarse a través de largas líneas alquiladas. Este método se usaba en los años cincuenta por el Proyecto RAND para apoyar a investigadores como Herbert Simon, en Pittsburgh (Pensilvania), cuando colaboraba a través de todo el continente con otros investigadores de Santa Mónica (California) trabajando en demostración automática de teoremas e inteligencia artificial.

Servidor web

Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. 

El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se utiliza el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.

Domain Name System (DNS)

El Domain Name System o DNS és un sistema de noms jeràrquic que funciona sobre una base de dades distribuïda. Permet que qualsevol sistema connectat a Internet o a una xarxa informàtica privada obtingui informació associada als noms de domini. En concret, l'ús més freqüent (tot i que no l'únic) és la traducció global dels noms de domini (com ara ca.wikipedia.org) a les adreces necessàries per al protocol IP. Això facilita molt l'ús d'aplicacions d'Internet, ja que evita que els usuaris hagin de memoritzar les adreces numèriques, i facilita el canvi d'adreces mantenint constant el nom de domini.

El DNS ofereix un servei vital a Internet i sense ell la navegació seria molt complicada (per no dir impossible), ja que les xarxes treballen amb IP per realitzar tasques com l'adreçament o l'encaminament, mentre que per als humans és molt més senzill treballar amb noms, com els que posem a les URL o a les adreces de correu electrònic.

Dirección IP

Una dirección IP es una etiqueta numérica que identifica, de manera lógica y jerárquica, a un interfaz (elemento de comunicación/conexión) de un dispositivo (habitualmente una computadora) dentro de unared que utilice el protocolo IP (Internet Protocol), que corresponde al nivel de red del Modelo OSI. Dicho número no se ha de confundir con la dirección MAC que es un identificador de 48bits para identificar de forma única a la tarjeta de red y no depende del protocolo de conexión utilizado ni de la red. La dirección IP puede cambiar muy a menudo por cambios en la red o porque el dispositivo encargado dentro de la red de asignar las direcciones IP, decida asignar otra IP (por ejemplo, con el protocolo DHCP), a esta forma de asignación de dirección IP se denomina dirección IP dinámica (normalmente abreviado como IP dinámica).

Los sitios de Internet que por su naturaleza necesitan estar permanentemente conectados, generalmente tienen una dirección IP fija (comúnmente, IP fija o IP estática), esta, no cambia con el tiempo. Los servidores de correo, DNS, FTP públicos y servidores de páginas web necesariamente deben contar con una dirección IP fija o estática, ya que de esta forma se permite su localización en la red.

Practica de código HTML

En esta imagen podemos observar la estructura en código HTML de mi pagina web,

todo los pasos que seguimos fueron con los comandos básicos. (<html>,<head>,<meta>,<body>,<ul>,<li>,<ol>,<tr>,<td>etc.)

Este es el resultado final de la practica.

Sistema HTML

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas porcorchetes angulares (<,>). 

HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.¹

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Marcado HTML

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta).

El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace.

Atributos

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img)

Códigos HTML básicos

• <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.

• <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera<head> es posible encontrar:

Un ejemplo de código HTML con coloreado de sintaxis.

• <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

• <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

• <style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

• <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

• <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

• <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

• <table>: define una tabla.

• <tr>: fila de una tabla.

• <td>: celda de una tabla (debe estar dentro de una fila).

• <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia ).

• <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

• <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

• <li><ol><ul>: etiquetas para listas.

• <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

• <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

• <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

• <u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:

• <table><tr><td>Contenido de una celda</td></tr></table>.

• <script>Código de un [[script]] integrado en la página</script>.

Maquetasió

Google

Larry Page y Sergey Brin (dos estudiantes de doctorado en Ciencias de la Computación) se conocieron en la Universidad de Stanford, un año después desarrollaron un motor de búsqueda resultado de la tesis doctoral de Larry y Sergey para mejorar las búsquedas en Internet.
 La coordinación y asesoramiento se debieron al mexicano Héctor García Molina, director por entonces del Laboratorio de Sistemas Computacionales de la misma Universidad de Stanford. El dominio "Google" fue registrado el 15 de septiembre de 1997. Partiendo del proyecto concluido, Page y Brin fundan, el 4 de septiembre de 1998, la compañía Google Inc.,que estrena en Internet su motor de búsqueda el 27 de septiembre siguiente (considerada la fecha de aniversario). 

Contaban con un servidor con 80 CPU, y dos routers HP.Este motor de búsqueda superó al otro más popular de la época, AltaVista, que había sido creado en 1995. En el 2000 Google presentó AdWords, su sitema de publicidad online y la llamada Barra Google.

YouTube

YouTube (pronunciación AFI [ˈjuːtjuːb]) es un sitio web en el cual los usuarios pueden subir y compartir vídeos. Fue creado por tres antiguos empleados dePayPal en febrero de 2005. En octubre de 2006 fue adquirido por Google Inc. a cambio de 1.650 millones de dólares, y ahora opera como una de sus filiales.

YouTube usa un reproductor en línea basado en Adobe Flash para servir su contenido (aunque también puede ser un reproductor basado en el estándarHTML5, que YouTube incorporó poco después de que la W3C lo presentara y que es soportado por los navegadores web más importantes). 

Es muy popular gracias a la posibilidad de alojar vídeos personales de manera sencilla. Aloja una variedad de clips de películas, programas de televisión y vídeos musicales. 

A pesar de las reglas de YouTube contra subir vídeos con derechos de autor, este material existe en abundancia, así como contenidos amateur comovideoblogs. Los enlaces a vídeos de YouTube pueden ser también insertados en blogs y sitios electrónicos personales usando API o incrustando cierto códigoHTML.

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. 
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

Facebook

Facebook (NASDAQ: FB) es una empresa creada por Mark Zuckerberg y fundada por Eduardo Saverin, Chris Hughes, Dustin Moskovitz y Mark Zuckerbergconsistente en un sitio web de redes sociales. Originalmente era un sitio para estudiantes de la Universidad de Harvard, pero actualmente está abierto a cualquier persona que tenga una cuenta de correo electrónico. Los usuarios pueden participar en una o más redes sociales, en relación con su situación académica, su lugar de trabajo o región geográfica.

Formats

Número áureo

Este artículo trata sobre un número algebraico (no astronómico). Para otros usos de este término, véase Áureo (desambiguación).

El número áureo o de oro (también llamado razón extrema y media,¹ razón áurea, razón dorada, media áurea, proporción áurea y divina proporción) representado por la letra griega φ (fi) (en minúscula) o Φ (fi) (en mayúscula), en honor al escultor griego Fidias, es un número irracional:²

apunts de classe

Adobe Postcript  

LDP =llenguatge de descripció de pagina

Format de pàgina -Filet

Resolució - Font (text)    -  Ràster (Mapa de bit)

Marges - Imatges                Vectorials

PDF = Portable Document Format 

Acrobat -  Reader (Gratuit)- Visualitzar 

                  Professional (Pagament) - Editar

                  Distiller (Pagament) - Crear/ Transformar

.ps    (impressió)

.eps  (imatge)

.ai     (imatge)

.pdf   (document)