LINK PAGINA WEB

PAGINA WEB

INVESTIGACION Y PREGUNTAS 

ANDREI CABELLO BARRÓN 6-1

¿QUÉ ES RED WAN?

Es una red de gran cobertura en la cual pueden trasmitirse  datos a larga distancia, interconectando facilidades de comunicación (wide Área Network).

¿QUÉ ES UNA RED DE BUS LINEAL?

Se conectan a un único medio bidireccional lineal con puntos de determinación bien definidos, cuando una estación transmite, su señal se propaga a ambos lados del emisor, a través de bus hacia todas las estaciones conectadas al mismo.

¿QUÉ ES UNA RED?

Una red informática está formada por un conjunto de ordenadores intercomunicados entre sí que utilizan distintas tecnologías de hardware/software. Las tecnologías que utilizan (tipos de cables, de tarjetas, dispositivos...) y los programas (protocolos) varían según la dimensión y función de la propia red

¿QUÉ ES TOPOLOGÍA FÍSICA?

Los cables son generalmente de dos tipos: UTP par trenzado y coaxil.

¿QUÉ ES TOPOLOGÍA LÓGICA?

Es una forma en que las maquinas se comunican atraves del medio físico.

¿QUÉ ES UNA RED HIBRIDA?

La red hibrida usan combinación de dos o más topologías distintas de tal manera que la red resultante no tiene forma estándar.

¿QUÉ ES UNA RED ESTRELLA?

Es en la cual las estaciones están conectadas directamente a un punto central y todas las comunicaciones se han de hacer necesariamente atraves de este.

¿QUÉ ES UNA SERVIDOR?

Es una computadora que formando parte de una red, provee servicios a otras computadoras.

¿QUÉ ES UN NAVEGADOR (EJEMPLOS)?

Mozilla fire fox, internet Explorer, opera, safira, Google chromen.

¿QUÉ ES UN BUSCADOR (EJEMPLOS)?

Google, YouTube,  Yahoo

¿QUÉ SIGNIFICA LAS SIGLAS WWW?

World Wide Web

¿QUÉ SIGNIFICA WED?

Es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet.

¿QUÉ SIGNIFICA MODEM?

Es un dispositivo  que sirve para enviar una señal llamada moduladora mediante otra señal llamada portadora.

¿QUÉ SIGNIFICA HIPERTEXTO?

Es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico conduce a otro texto

¿QUÉ SIGNIFICA HIPERMEDIA?

Es el  término con el que se designa  al conjunto de métodos o procedimientos para escribir, diseñar o comprender contenidos que integren soportes tales como: texto, imagen, video, audio, mapa.

¿QUÉ SIGNIFICA HIPERVÍNCULO?

Es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página web, aun fichero, a una imagen, etc.

¿QUÉ SIGNIFICA URL?

Es la dirección única de un archivo en internet.

¿QUÉ SIGNIFICA HTML?

HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Hipertextuales.

¿QUÉ SIGNIFICA PHP?

No tiene Significado

¿QUÉ SIGNIFICA HEAD?

R= Cabeza.

¿QUÉ SIGNIFICA TITLE?

R= Titulo.

¿QUÉ SIGNIFICA BODY?

R= Cuerpo.

¿QUÉ SIGNIFICA NAME?

R= Nombre.

¿QUÉ SIGNIFICA JUSTIFY?

R= Justificar.

¿QUÉ SIGNIFICA LECT?

R= Lesionar.

¿QUÉ SIGNIFICA RIGHT?

R= Derecho.

¿QUÉ SIGNIFICA CENTER?

R= Centro.

¿QUÉ SIGNIFICA WIDT

R= Ancho.

¿QUÉ SIGNIFICA HEIGHT?

R= Altura.

¿QUÉ SIGNIFICA BOTTOM?

R= Fondo.

¿QUÉ SIGNIFICA MIDDLE?

R= Modificación.

¿QUÉ SIGNIFICA TOP?

R= Superior.

¿QUÉ SIGNIFICA COMMON?

R= Común.

¿QUÉ SIGNIFICA INSERT?

R= Insertar.

¿QUÉ SIGNIFICA LAGOOT?

Lagoon- R= Laguna

¿QUÉ SIGNIFICA FRAMES?

R= Marcos.

¿QUÉ SIGNIFICA APPLICATION?

R= Aplicación.

¿QUÉ SIGNIFICA TABLES?

R= Tablas.

¿QUÉ SIGNIFICA FILE?

R=Expediente.

¿QUÉ SIGNIFICA MODIFY?

R= Modificar

¿QUÉ SIGNIFICA COMMANDS?

R= Comandos.

¿QUÉ SIGNIFICA SITE?

R= Sitio.

¿QUÉ SIGNIFICA WINDOWS?

R= Ventanas

¿QUÉ SIGNIFICA DESIGN?

R= Diseño

¿QUÉ SIGNIFICA CODE?

R= Código.

¿QUÉ SIGNIFICA UNTITLED?

R= Intitulado               

INVESTIGAR EL PROGRAMA DREAMWEAVEREs una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Webbasados en estándares. Creado inicialmente por Macromedia (actualmente producido porAdobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.Sus principales competidores son Microsoft Expression Web y BlueGriffon (que es de codigo abierto) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

SUBMODULO III ELABORACION DE PAGINAS WEB.

SUBMODULO III ELABORACION DE PAGINAS WEB.

Marcas

Las marcas delimitan elementos de un documento como cabeceras, párrafos etc. y son utilizados para dar un tratamiento diferente al texto.

En HTML las marcas se delimitan con los signos menor que, mayor que, es decir que para abrir < inferior a,  cerrar  > superior a, adicionando la diagonal inversa al final.

Atributo de las Marcas

Algunas marcas pueden admitir pudiendo tener cada uno de estos atributos con valor A 0, color, texto, estilo, formato este valor ira entre comillas si dicho valor es alfanumérico.

Estructura de los Documentos

Cabecera

La cabecera se emplea para para facilitar información y está delimitada por: < Head y </ Head>.

Dentro de la cabeza podemos destacar el título que indica el nombre del documento esta delimita por el documento: < TITLE > Y </TITLE>

<HTML>
 <HEAD> 

 <TITLE> ... Bienvenido …</TITLE>  

 </HEAD>                         

  </BODY>       

  </BODY>
</HTML>

Cuerpo

El resto de documento recibirá entre las marcas < Body > y </Body>

Encabezados

Los encabezados se emplean para dividir los documentos en secciones o más completamente para marcar los títulos de las secciones. Las marcas son de tipo:

< H1> tamaño mayor </H1>
<H6> tamaño mayor </H6>

Definiciones de Bloques

Para definir y separar bloques de texto se emplea una serie de marcas que definen párrafos, texto pre formateado o bloques con significado especial como direcciones o citas: una de las utilizadas son: <p> se utiliza para separar  párrafos. Dado para HTML todo el texto es continuo, principio y fin de un párrafo los marcas inician y final son: <P> y </P>.

<PRE>

El texto insertado entre los mascas <PRE> y </PRE> será utilizado representado el formato que fue escrito en el fichero fuente HTML.

<ADDRESS>

Empleada para iniciar que un texto representa una dirección o firma generalmente activa en cursiva y suele estar tabulado.

<BLOCKQUOTE>

Se suele representar con tabulaciones ala izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algunos tipos de símbolos a principio de las líneas.

<BR>

Este elemento solo tiene marca inicial indica un salto de línea es decir una salto de renglón.

<HR>

Solo tiene marca inicial se emplea para representar una línea horizontal.

Comentarios

Todo texto que empiece por <!…Comentario…> será ignorado por el Browser y por lo tanto no será visible. Esto sirve para el autor del documento para comentar en su fichero fuente.

Fondos y Colores de Texto

Un cierto número de atributos de la marca Body permite controlar el color de fondo de la ventana, el color de las de las caracteres de texto y finalmente el color de los enlaces <Body atributo 1 atributo 2…. Atributo N>. 

El atributo BG color permite escoger un color para el fondo de la página.

< BG color = “# rrggbb”>

Donde   “rr”,”gg”,”bb”  son valores hexadecimales  

BACKGROUND (fondo): Específica una imagen residente en el servidor en la cual  se utilizara como fondo.

< BODY BRACK GROUND =” FICHERO- GRAFICO.GIF”>

TEXT

Permite controlar el color estándar es decir texto que especifique un enlace. <BODY TEX =”# rr gg bb “>

LINK

Color de enlace que a uno  no ha sido visitado.

<BODY LINK =”# rr gg bb “>

ALINK

Color muy fugaz que aparece cuando se haga clic en el enlace.   

<BODY C LINK=”# RRGGBB”>

VLINK

Es el color de un enlace que ya ha sido visitad  <BODY C LINK=”# RRGGBB”>

Titulo <HN>

Es la marca que asignara el tamaño de los caracteres donde N varía 1a 6. Las más grande tiene valor de 1 y los más pequeños valor de 6 el texto entre esta marcas se trata en Negrita.

TAMAÑO DE LETRA Y COLOR

<FONT>

Permite actuar sobre bloques de distintos características situadas en línea misma línea.

Atributo SIZE: Regula la altura de las características de 1 a 7.

El atributo COLOR: Especifica el color de los caracteres.

<FONT SIZE=3. COLOR=·00800>…TEXTO=/FONT>

Estilo físico o estelo de caracteres

<B> Negrita <b> hola! </b>

<I> Cursiva <I> Hola! </I>

<V> Subrayado <V> hola! </v>

ESTILO LOGICOS, ESTILO DE PARRAFOS

<CITE>  Cita

<CODE>  Código Fuente

<DFN> Definido

<EM> Enfátiza

<KDB>  Palabra Clave

<SAMP>  Ejemplo

<STRANG>  Resuelta

<VAR>  Variable

COMBIANACION DE TAMAÑO O Y ESTILO

Toda ventaja trabaja bajo el efecto de un solo par cerrado de marcas.

<I>

 <FRONT SIZ R= 5>

<b> Hola, </b> Como

<front size=6> estas?</front>

</front>

</i>

HIPER ENLACES

El lector explora un documento en la web haciendo clic sobre zonas activas para asi hacer aparecer nuevos documentos. En HTML definimos una zona activa (PUEDE SER TEXTO, IMAGEN), que se asocia al URL (protocolo) de direccionamiento de documentos) del documento que sustituíra al documento visualizado cuando se haga clic sobre esa zona. Un ancla, por lo tanto sirve para especificar la partida y la llegada de un enlace hipertexto (<A>).

El atributo HREF ancla de partida hacia un enlace externo.

Crea un enlace hacia un servidor situado en algún punto de internet o hacia un documento propuesto por dicho servidor, la marca especifica el atributo HREF cuyo valor precisa el URL del documento a recuperar.

ZONA ACTIVABLE

<A HREF=”URL_de_ destino”>Zona. Activable</A>

El atributo HREF: Ancla de partida a un enlace interno y se crear un enlace a un punto determinado del fichero. Para ello hay  que colocar un ancla activa.(Ancla de partida) y un Ancla inactiva (Ancla de llegada).

Zona activable con atributos visuales

<A HREF=· ETIQUETAS> Zona_ activable_con_atributos_visuales </A>  

Name

Define el ancla de llegada, lugar que se podría acceder haciendo un clic sobre un ancla de partida.

Zona no activable sin atributos visuales.

<A NAME=”Label”>zona_no.activable_sin atributos.visualesz</A>

Marca TABLE

Una tabla  se define en las marcas: <table> y </table>. Esta primera maraca regula la presentación general de la tabla mediante 3 atributos:

BORDER: Define el grosor de marca exterior

CELLPADDING: Define en el espacio alrededor de texto de una celda.

CELLSPACING: Define el espacio entre celdas.

WIDTH: Define la anchur4a de la tabla relativiza a la anchura de ventana.

Marca TR

Las marcas que definen una nueva fila son: <TR> Y </TR>, que admite los siguientes atributos de alineación del texto en el interior de todas las celdas de la fila.

VALIGN (Alineación vertical): Que puede tomar valores.

TOP: Coloca el texto en la parte superior de la celda.

BOTTOM: Coloca el texto en la parte inferior de la celda

MIDDLE: Coloca el texto en el centro de la celda

ALIGN (Alineación Horizontal): Que puede tomar los valores.

RIGHT: Coloca el texto a la derecha la celda.

LEFT: Coloca el texto a la izquierda de la celda.

CENTER: Coloca el texto en el centro de la celda.

MARCA TD

El elementó de inicio de una columna. Puede completarse con los atributos:VALING Y ALIGN que será entonces prioritario sobre los mismos valores definidos en la marca de TR.

Dos atributos Suplementarios

COLPAN Y ROWSPAN: Permite generar celdas cuya superficie un múltiplo de la celda elemental la matriz de la tabla que define el número de celdas elementales se le calcula por el número de líneas por la tabla (NUMERO INSTRUCCIONES R) multiplicado por el número de la celdas entre actuar, (TD) de la líneas que se definen más celdas (Mayor de Numero TD).

Numero de celdas por el número de la tabla calcula sobre la línea que define el mayor número de celdas. El atributó TD es NOWRAP que impide el esto de la celda en varios líneas.

Marca  <TH>

Funciona de forma singular a TD admitiendo los mismos atributos pero se considera como una marca de título de una celda. Automáticamente centra el texto y lo pone en negrita.

Marca <Caption>

Esta marca permite poner un título encima (Atributo aling, top) o debajo (atributo aling: bottom) de la tabla.

La marca <IMG>

Permite incluir una imagen. Esta marca ira siempre complementada por el atributo SRC que permite dar la dirección del fichero grafico que contiene la imagen.

El valor de atributo SRC permite especificar un URL y es por tanto encontrar imágenes definidas como sigue:

<IMG SRC=”http://……rosa.gif”>

Alineación de imágenes

La marca < IMG> y ALING que permite situar la imagen en relación a la línea de texto actual y puede tomar los siguientes valores…

           * TOP para alinear la parte superior de la imagen

           * MIDDLE para alinear la base el centro de la imagen

           * BOTTOM para alinear la base de la imagen.

Imágenes Externas.

Este tipo de imágenes no aparecen en la pantalla, cuando se carga la página, sino que se crea un enlace hipertexto a la imagen

< A HREF=”Image.gif”> hacer clic </A>.

Imágenes como anclas

Se puede remplazar el texto de un ancla que define una imagen. En este caso la imagen tiene un borde de color para indicar que se trata de un enlace hipertexto sobre el que se puede hacer clic.

<A HREF=”imagen.gif”><IMG SRC=”info.gif”></A>

Formularios

Es una plantilla para representar un conjunto de datos y generar en la pantalla cuadros de dialogo con el lector como en un formulario de papel, se podrán tener zonas en las que se introducirá un texto, casillas de verificación, listas de selección, etc.

El usuario rellenara zonas en su formulario que se identifican con un nombre simbólico. Cuando el formulario se envía al programa que lo va a tratar, este recibe el identificador de cada zona y el valor introducido. Es importante señalar que la utilidad de los formularios está limitada al uso de las páginas con servidores, ya que las acciones asociadas son programas (generalmente scripts de CGI) estos programas deben funcionar en un servidor al que se le proporcionan los datos de un formulario para ser procesados.

Declaración del formulario

La marca <form> y </form> definen un formulario y entre ellas se situan todas las marcas que generan los diversos elementos que componen un formulario. Esta marca debe ir acompañada obligatoriamente por dos atributos:

Atributo Method: Esta dirigido al programador que codifica el script encargado de dar valor a post o el valor get que define el modo de transferencia de los datos hacia el script.

Atributo Action: Define el URL de un programa script encargado de tratar los datos adquiridos desde el formulario.

   <form method= tipo_de_metodo_action=URL_del_script>

   <form method=”post” action=”cgi_bin/inscription>

Todas las marcas que se definan tienen  los siguientes atributos comunes:

Atributo name: Define el nombre que permitirá al scipt identificar el origen de los datos. Este nombre debe ser único.

Atributo Value: Definido para un campo, texto que permite definir contenido del campo.

Bottom submit: Indica el texto al escribir en el botón.

Boton radio y cheekbox: Valor asociado al botón cuando esta punzado. Identifica el bloque de botones.

Campos de Selección

La marca <select> permite generar listas de selección simple o de selección variable, se programa con una lista en la que los ítems se especifican mediante la marca caption. La presentación de la lista depende del atributo size, su valor es inferior a 2 o está ausente de la lista se interpreta como un menú desplegable (pop-list). En este caso la lista se visualiza en una ventana con barra de desplazamiento. El valor dado al atributo size da entonces el número de líneas en la ventana. La deriva de la presencia del atributo Multifle.

Menu desplegable:

         <option> Entrada indirecta

         <option> Entrada lateral

         <option selected> Entrada directa

       </select>

    </form>

Ventana con barra de desplazamiento

   <form>

       <select multiple name=”lenguaje” size=”3”>

       <option select> ada

       <option> C++

       <option> Clipper

       <option> Pascal

       <option> Fortran

       <option> Cabol

      </select>

</form>

Área de texto

La marca <textarea> permite crear una ventana con barras de desplazamiento horizontales y verticales en la que se podrá escribir texto. El valor dado a los atributos rows (líneas) cols (columnas) delimmita el tamaño de esta ventana.

<form>

    <textarea name=”comment” rows=5  cols=40>

    Introduzca aqui sus comentarios

    </textarea>

</form>

AUTO EVALUACION

AUOTOEVALUACION

PASO1.-CREAR UN CIRCULO
PASO2.-CREAR OTRO CIRCULO DE MAYOR TAMAÑO Y APLICARLE DESENFOQUE PARA DARLE UN EFECTO DE ESFERICO
PASO3.- SELECCIONAR LA HERRAMIENTA DE DESTEISER Y COMENSAR A DIBUJAR LAS FORMA DE LA X
PASO4.-AL TERMINAR DE DIBUJAR LA FORMA DE LA X DARLE COLOR

PASO5.-APLICARLE A LA X DESEFOQUE Y OPACIDAD PERA DARLE UN MEJOR EFECTO Y QUE CONTRASTE CON LOS CIRCULOS AL TERMINAR TIENE QUE QUEDAR ALGO ASI

Literacion
- Nuevamente te vas barra de herramientas el icono del nombre dibujar
curvas vertizer, y linea Rectas y dibujo .
1- Dibuja un objecto ( puede ser un lapiz o algo siempre).
2- Dibujar.
3- El objecto duplicar lo separa una distancia casi pegado ala imagen derecho.
4- Presiona la tecla schi selecciona ambos objectos.
5- Se van a la barra de menu extensiones seguido la opinion generar desde,
trayecto seguido de la opinion interpolar.
6- se abre una caja de texto armada interpolar.
7- En opnion exponente o,i;
8- Paso de interpolacion son =..3
9- Metodo de interpolacion = 1 las 2 opniones las deja desactivada.

FRACTAL

- Un fractal es un objeto geométrico cuya estructura básica, fragmentada o irregular, se repite a diferentes escalas.

- Muchas estructuras naturales son de tipo fractal. La propiedad matemática clave de un objeto genuinamente fractal es que su dimensión métrica fractal es un número no entero.

- Un fractal es una figura, que puede ser espacial o plana, formada por componentes infinitos. Su principal característica es que su apariencia y la manera en que se distribuye estadísticamente no varía aun cuando se modifique la escala empleada en la observación.

-
Los fractales son, por lo tanto, elementos calificados como semi geométricos (por su irregularidad no pertenecen a lageometría tradicional) que disponen de una estructura esencial que se reitera a distintas escalas.
El fractal puede ser creado por el hombre, incluso con intenciones artísticas, aunque también existen estructuras naturales que son fractales (como los copos de nieve).
De acuerdo a Mandelbrot, los fractales pueden presentar 3 clases diferentes de autosimilitud, lo que significa que las partes tienen la misma estructura que el conjunto total:
* autosimilitud exacta, el fractal resulta idéntico a cualquier escala;
* cuasiautosimilitud, con el cambio de escala, las copias del conjunto son muy semejantes, pero no idénticas;
* autosimilitud estadística, el fractal debe tener dimensiones estadísticas o de número que se conserven con la variación de la escala.
Las técnicas fractales se utilizan, por ejemplo, para comprimir datos. A través del teorema del collage, es posible encontrar un IFS (sistema de funciones iteradas), que incluye las alteraciones que experimenta una figura completa en cada uno de sus fragmentos autosemejantes. Al quedar la información codificada en el IFS, es posible procesar la imagen.

La dimensión fractal
La geometría clásica no es lo suficientemente amplia como para abarcar los conceptos necesarios para medir las diferentes formas fractales. Si tenemos en cuenta que se tratan deelementos cuyo tamaño cambia incesantemente no es fácil, por ejemplo, calcular su longitud. La razón es que si se intenta realizar una medición de una línea fractal utilizando una unidad tradicional, existirán siempre componentes tan pequeños y delgados que no podrán ser delimitados con precisión.
En la curva de Koch, graficada a la derecha, se aprecia que desde su nacimiento crece a cada paso un tercio a lo largo; en otras palabras, lalongitud de la porción que se ubica al principio se incrementa sin fin, determinando que cada curva sea 4/3 de la precedente.
Dado que la longitud de la línea fractal y la del instrumento de medición o la unidad de medida escogida están directamente relacionadas, resulta absurdo utilizar dicha noción. Es por eso que se ha creado el concepto de dimensión fractal que permite, cuando hablamos de líneas fractales, conocer de qué manera o en qué grado ocupan una porción de plano.
En relación con la geometría tradicional, un segmento posee dimensión uno, un círculo, dos, y una esfera, tres. Dado que una línea fractal no abarca toda la porción de plano, debería tener una dimensión que no llegue a dos.

                                       FOTOGRAFIA DE INKSCAPE

1.-ABRIR INKSCAPE
2.-SELECCIONAR LA FOTO QUE SE QUIERE MODIFICAR
3.- SELECCIONAR LA HAERRAMIENTA CAPA
4.-DARLE NOMBRE A LA CAPA
5.-DESPUES CON LA HERRAMIENTA DEISTEISER COMENSAR A DIBUJAR LA PRIMERA CAPA
6.-DESPUES DE TERMINAR DE DIBUJAR LA PRIMERA CAPA EMPESAR A DARLE EL EFECTO QUE SE QUIERE YA SEA COLOR FORMA ETC....

6.- EN MI CASO LAS CAPAS QUE ISE FUERON LAS SIGUIENTES

7.- YO APLIQUE A ALGUNAS DE LAS CAPAS LO QUE FUE LA DISMINUCHON DE OPACIDAD POR EJEMPLO EN EL PELO EN LAS SOMBRAS Y EN LA PIEL ESO LE DA UN MEJOR EFECTO A LA FIGURA

Y DESPUES DE HACER TODO ESO MI TRABAJO QUEDO ASI