miércoles, 26 de noviembre de 2008

* LoS 7 PK2 CaPiTaLeS dE iNtErNeT *


[-_-] ¨-¨ [-_-] ¨-¨ PáGiNa WeB ¨-¨ [-_-] ¨-¨ [-_-]

Una página web u hoja electrónica es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet que normalmente forma parte de un Sitio web. Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide Web.

Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el cual servirá de HOST. El servidor web puede restringir las páginas a una red privada, por ejemplo, una intranet, o puede publicar las páginas en el World Wide Web. Las páginas web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol). La acción del Servidor HOST de guardar la página web, se denomina "HOSTING".

Las páginas web pueden consistir en archivos de texto estático, o se pueden leer una serie de archivos con código que instruya al servidor cómo construir el HTML para cada página que es solicitada, a esto se le conoce como Página Web Dinámica.


Extensiones de archivos para páginas web
Las páginas estáticas generalmente usan la extensión de archivo.htm o.html. Las páginas dinámicas usan extensiones que generalmente reflejan el lenguaje o tecnología que se utilizó para crear el código, como.php (PHP),.jsp (JavaServer), etc. En estos casos, el servidor debe estar configurado para esperar y entender estas tecnologías.

Las páginas web generalmente incluyen instrucciones para el tamaño y el color del texto y el fondo, así como hipervínculos a imágenes y algunas veces otro tipo de archivos multimedia.

La estructura tipográfica y el esquema de color es definida por instrucciones de Hojas de Estilo (CSS-Cascading Style Sheet), que pueden estar adjuntas al HTML o pueden estar en un archivo por separado, al que se hace referencia desde el HTML.

Las imágenes son almacenadas en el servidor web como archivos separados.


Multimedia
Otros archivos multimedia como sonido o video pueden ser incluidos también en las páginas web, como parte de la página o mediante hipervínculos. Juegos y animaciones también pueden ser adjuntados a la página mediante tecnologías como Adobe Flash y Java. Este tipo de material depende de la capacidad del navegador para manejarlo y que el usuario permita su visualización.


Comportamiento dinámico
Código del lado del cliente como JavaScript o AJAX pueden incluirse adjuntos al HTML o por separado, ligados con el código específico en el HTML. Este tipo de código necesita correr en la computadora cliente si el usuario lo permite, y puede proveer de un alto grado de interactividad entre el usuario y la página web.

Las páginas web dinámicas son aquellas que pueden acceder a bases de datos para extraer información que pueda ser presentada al visitante dependiendo de determinados criterios. Ejemplo de esto son páginas que tienen sistemas de administración de contenido o CMS. Estos sistemas permiten cambiar el contenido de la página web sin tener que utilizar un programa de ftp para subir los cambios.

Existen diversos lenguajes de programación que permiten agregar dinamismo a una página web, el más reciente es AJAX, también está el caso de ASP, PHP, JSP, entre otros.


Navegadores
Un navegador web puede tener una interfaz gráfica de usuario como Internet Explorer, Opera (navegador), Netscape Navigator, Mozilla Firefox, etc. o puede tener una Interfaz en modo texto como Lynx. Los más populares son el Internet Explorer de Microsoft y el Firefox de Mozilla.

Los usuarios con navegadores gráficos pueden deshabilitar la visualización de imágenes y otros contenidos multimedia, para ahorrar tiempo, ancho de banda o simplemente para simplificar su navegación. También se puede descartar la información de fuentes, tamaños, estilos y esquemas de colores de las páginas web y aplicar sus propias CSS estilizándola a su gusto.

El Consorcio World Wide Web (W3C) y la Iniciativa de Accesibilidad Web (WAI) recomiendan que todas las páginas deben ser diseñadas tomando en cuenta todas estas consideraciones.


Elementos de una página web
Una página web tiene contenido que puede ser visto o escuchado por el usuario final. Estos elementos incluyen, pero no exclusivamente:

Texto. El texto editable se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas
Imágenes. Son ficheros enlazados desde el fichero de la página propiamente dicho. Se puede hablar de tres formatos casi exclusivamente: GIF, JPG y PNG. Hablamos en detalle de este tema en la sección de Gráficos para la Web.
Audio, generalmente en MIDI, WAV y MP3.
Adobe Flash.
Adobe Shockwave.
Gráficas Vectoriales (SVG - Scalable Vector Graphics).
Hipervínculos, Vínculos y Marcadores.
La página web también puede traer contenido que es interpretado de forma diferente dependiendo del navegador y generalmente no es mostrado al usuario final. Estos elementos incluyen, pero no exclusivamente:

Scripts, generalmente JavaScript.
Meta tags.
Hojas de Estilo (CSS - Cascading Style Sheets).


Visualización
Las páginas web generalmente requieren de más espacio del que esta disponible en pantalla. La mayoría de los navegadores mostrarán barras de desplazamiento (scrollbars) en la ventana que permitan visualizar todo el contenido. La barra horizontal es menos común que la vertical, no solo porque las páginas horizontales no se imprimen correctamente, también acarrean más inconvenientes para el usuario.

Una página web puede ser un solo HTML o puede estar constituido por varios formando un arreglo de marcos (frames). Se ha demostrado que los marcos causan problemas en la navegación e impresión, sin embargo, estos problemas generalmente ocurren en navegadores antiguos. Su uso principal es permitir que cierto contenido, que generalmente está planeado para que sea estático (como una página de navegación o encabezados), permanezcan en un sitio definido mientras que el contenido principal puede ser visualizado y desplazado si es necesario. Otra característica de los marcos es que solo el contenido en el marco principal es actualizado.

Cuando las páginas web son almacenadas en un directorio común de un servidor web, se convierten en un website. El website generalmente contiene un grupo de páginas web que están ligadas entre sí. La página más importante que hay que almacenar en el servidor es la página de índice (index). Cuando un navegador visita la página de inicio (homepage) de un website o algún URL apunta a un directorio en vez de a un archivo específico, el servidor web mostrara la página de índice.

Cuando se crea una página web, es importante asegurarse que cumple con los estándares del Consorcio World Wide Web (W3C) para el HTML, CSS, XML, etc. Los estándares aseguran que todos los navegadores mostrarán información idéntica sin ninguna consideración especial. Una página propiamente codificada será accesible para diferentes navegadores, ya sean nuevos o antiguos, resoluciones, así como para usuarios con incapacidades auditivas y visuales.


Crear una página web
Para crear una página web, es necesario un editor de texto o un editor de HTML. Para cargar la información al servidor generalmente se utiliza un cliente FTP.

El diseño de una página web es completamente personal. El diseño se puede hacer de acuerdo a las preferencias personales o se puede utilizar una plantilla (template). Mucha gente publica sus propias páginas web usando sitios como GeoCities de Yahoo, Tripod o Angelfire. Éstos sitios ofrecen hospedaje gratuito a cambio de un espacio limitado y publicidad.

El diseño de una página web puede cumplir una serie de requisitos para que pueda ser accesible por cualquier persona independientemente de sus limitaciones físicas o de su entorno. Es lo que llamamos accesibilidad web. Normalmente viene recogidas en normativas, en España UNE:139803, que hacen referencia a las Pautas de Accesibilidad del Contenido Web 1.0 WCAG, desarrolladas por el W3C.


Posicionamiento web
Lo más importante a la hora de crear una página web es su optimización web y el posicionamiento conseguido en los motores de búsqueda, como Google. Para alcanzar las primeras posiciones en los resultados de una consulta con un buscador, existen gran cantidad de trucos no legales para la optimización de una página Web que la mayoría de los buscadores penalizan por ser ilegales. Confunden a los usuarios y no ofrecen información útil sobre las consultas.

Los trucos no legales más utilizados son los siguientes:

Cloaking: devolver contenidos distintos, dependiendo de si visita la página el robot de Google o un usuario en busca de información que no va a encontrar en sitios web con esta técnica de engaño a los buscadores.

Enlaces Ocultos: son una variante del texto oculto realizada por webmasters que quieren promocionar otros sitios Web y, al no poder conseguir enlaces externos, utilizan sus propias páginas.

Popularidad Artificial:es una técnica que aumenta, de forma artificial, el posicionamiento en la recuperación de búsquedas de motores Web. Hay diferentes modalidades: Spam en weblogs y libros de firmas; FFA y Granjas de Enlaces; Cross-linking.

Texto oculto: consiste en la inserción de multitud de palabras clave en sus páginas web ocultándolas con el mismo color del fondo, con etiquetas meta o dentro del código fuente.

Abuso de palabras claves: situar palabras clave en un montón de elementos de una página web.

Si bien es cierto, estos metodos son muy usados, ahora estan penalizados por Google, quien elimina de su base de datos a los sitios que "compran" pagerank.

* HuMoR fLaSh *


[*+*] AcErCa De iLLuStRaToR [*+*]

¿QUÉ SE PUEDE HACER EN ILLUSTRATOR?

• Reconocer y utilizar los diferentes componentes de la interfase de Illustrator CS3.
• Dibujar con las herramientas que proporciona el programa.
• Utilizar apropiadamente múltiples técnicas de selección y edición.
• Aplicar efectos como herramienta de impacto y de optimización del trabajo.
• Escoger y modificar tipografías y usar las herramientas de diagramación de textos.
• Vincular fotografías al documento.
• Trabajar con paletas de colores especiales.
• Guardar o exportar el documento en diferentes formatos.
• Comprender los parámetros de impresión e imprimir el documento en diferentes formatos.


ADEMÁS

- Acceso a las diferentes herramientas.
- Herramientas para modificar la visualización de la interfase.
- Organización del espacio de trabajo.
- Reconocimiento de comandos.
- Figuras básicas.
- Uso básico y avanzado de las herramientas de selección.
- Agrupar, copiar y pegar figuras.
- Modificación y movimiento manual y automática de figuras.
- Rotar, reflejar, distorsionar, perspectiva.
- Uso de la herramienta de transformación libre.
- Uso básico de herramientas de dibujo.
- Modificación de líneas, manipulación de nodos.
- Corte y unión de trazos.
- Paletas de pinceles.
- Creación de colores.
- Aplicación de color: borde, fondo.
- Copiar atributos de color.
- Importar un archivo de texto.
- Crear columnas de texto.
- Atributos del texto.
- Estilos.
- Rodear gráficos con texto.
- Asignar formas al texto.
- Creación de capas.
- Movimiento, pagado, bloqueo y visualización de objetos y capas.
- Combinación de capas.
- Degradados.
- Símbolos y texturas.
- 3D, efectos y filtros.


CONCEPTOS

- Interfase.
- Vector, pixel.
- Selección.
- Grupo.
- Color: CMYK, RGB, Pantone (color especial).
- Formato y Proporción.
- Guías y medidas (puntos, pulgadas, centímetros, pixeles).
- Diagramación.
- Vínculo.

* El PeZ GoRdO *


[ "=" °o° iLLuStRaToR y PhOtOsHoP "=" °o° ]

Illustrator es un programa vectorial donde se pueden hacer ilustraciones digitales.. logos, folletos, propagandas. Todo lo que sea ilustracion.

A diferencia del Photoshop, (que es más que nada para edición) en illustrator tu puedes diseñar lo tuyo propio con las herramientas que vienen. Es algo así como el Corel draw, pero de la paqueteria del Adobe (Corel photopaint vendría a ser el Adobe photoshop)

* NiÑoS, jÓvEnEs E InTeRnEt VS PaDrEs *


martes, 28 de octubre de 2008

;-) °o° (-; * tAbLa De CoLoReS HTML * ;-) °o° (-;

Lo visto hasta aquí nos pone en condiciones de obtener la siguiente tabla de colores con sus respectivos valores hexadecimales:

Primarios aditivos saturados (absolutos)
ROJO = FF0000
VERDE = 00FF00
AZUL = 0000FF
Combinación de los tres primarios aditivos saturados (absolutos).
BLANCO = FFFFFF

Primarios sustractivos nulos (absolutos)
CYAN = 0x00FFFF
MAGENTA = 0xFF00FF
AMARILLO = 0xFFFF00
Combinación de los tres primarios sustractivos nulos (absolutos)
NEGRO = 0x000000

Algunos secundarios y terciarios (medianos)
GRIS = 0x808080
ROSA = 0xFF8080
VIOLETA = 0x800080
CELESTE = 0x80FFFF
MARRON = 0x800000
NARANJA = 0xFF8000
LAVANDA = 0x8000FF
TURQUESA = 0x00FF80
ORO VIEJO = 0xBBBB20

* :( * CoMaNdOs BáSiCoS dE HTML * :( *

Lo primero es conocer los comandos que debe contener todo documento HTML de más de una línea de largo.

El comando párrafo
Se usa como un delimitador de párrafo en HTML. Inserta automáticamente un quiebre de línea al final del párrafo, y produce un espaciamiento conveniente entre los diferentes párrafos de un documento.
Adicionalmente permite alinear el texto al centro, a la izquierda o a la derecha.

El comando quiebre de línea
Permite hacer un quiebre (salto) de línea.

Adicionalmente se permite realizar saltos más largos o más cortos, dejar atrás las imágenes, etcétera. [descripción completa]
Los comandos de encabezamiento

Los textos en HTML poseen seis niveles de encabezados. El nivel de encabezado 1 se usa para las divisiones mayores del texto; es, por lo tanto, el que hace que el texto sea más grande. El nivel de encabezado 6 se usa para las divisiones más chicas del texto; luego, es el que muestra el texto más pequeño.

Todos los comandos de encabezado se escriben de a pares, e insertan un quiebre de línea al final del texto que delimitan.

Nivel de encabezado 1



Nivel de encabezado 2



Nivel de encabezado 3



Nivel de encabezado 4



Nivel de encabezado 5


Nivel de encabezado 6

* HuMoR eN-rEd-AdO *

* (-: _ :-) * AcErCa De HTML * (-: _ :-) *

Un documento de HTML se hallará situado en algún ordenador al que se pueda acceder a traves de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator).

¿QUÉ ES LA URL?
La URL es el camino que ha de seguir nuestro navegador a traves de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc.
Es decir, lo que el navegador de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red Internet. La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero.

El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y fichero el nombre del fichero que contiene la página Web escrita en HTML. Por ejemplo:
http://www.ciberlenguajes-html.com/directorio/index.hml

Donde ....
http:// es el indicador de pagina Web
www.ciberlenguajes-html.com es el Dominio (nombre) del ordenador
/directorio/ es el Directorio dentro del ordenador
index.html es el Fichero que contiene la página Web

:-) [._.] (-: * CóDiGo HTML * :-) [._.] (-:


¿QUÉ ES HTML?
El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de marcas de hipertexto), es un lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.


¿QUE SE NECESITA PARA HACER UNA PÁGINA WEB?
Para realizar tu página Web se necesita en principio un editor de textos para escribir los ficheros que la compondrán. Simplemente usando el Block de notas de Windows se puede realizar la página Web.


¿QUÉ ES UNA PÁGINA WEB?
Una pagina Web es simplemente un texto al que se le añaden etiquetas con el objeto de indicar diferentes propiedades.

¿CÓMO HACER UNA PÁGINA WEB?
Existen editores específicos para realizar páginas Web. Dichos editores permiten por medio de menús e iconos incluir etiquetas de HTML sin necesidad de teclearlas.
Es decir, para poner un texto en cursiva en una pagina Web deberíamos escribir la instrucción:
Texto En un editor de HTML, simplemente marcaríamos el texto con el ratón y pulsaríamos el icono de cursiva, el editor de encargaría de poner automáticamente las etiquetas y . Sin embargo, se aconseja usar el Bloc de Notas. Así se tendrá absoluto control sobre el código y se encontrará mucho más fácilmente los errores que, todos, cometemos de vez en cuando.

RECOMENDACIONES PARA HACER LA PÁGINA WEB
Cuando escribas tu página Web te recomendamos que todos los links, nombres de graficos, etc... los consignes en letra minúscula ya que la mayoria de los servidores Web distinguen entre mayúsculas y minúsculas.

ÓRDENES O ETIQUETAS DE HTML
Básicamente, el HTML consta de una serie de órdenes o etiquetas, que indican al navegador que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. En este manual nos referiremos a estas órdenes con la palabra "etiqueta".
Las etiquetas de HTML pueden ser de dos tipos, cerradas o abiertas.

Las etiquetas cerradas son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final. Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas.

Las etiquetas abiertas constan de una sola palabra clave. Para diferenciar las etiquetas del resto del texto del documento se encierran entre los símbolos <>. Las etiquetas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Una etiqueta puede contener "parámetros".

SINTAXIS DE LAS ETIQUETAS
HTML:
1) Las etiquetas se indican en letra minúscula y en negrilla.

2) Los parámetros de las etiquetas se indican en letra minúscula y negrilla.
3) El resto de elementos se indican en letra normal.
4) Las palabras a resaltar en el texto se indican en cursiva y negrilla.