miércoles, 12 de junio de 2013
jueves, 18 de abril de 2013
SABER A Rodrigo Abdiel De Blas Manrique
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>
<HEAD>
<TITLE> ... Bienvenido …</TITLE>
</HEAD>
</BODY>
</BODY>
</HTML>
Cuerpo
</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>
<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>
HIPPER 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>
viernes, 15 de marzo de 2013
Android
¿Qué es?
Android es un sistema operativo basado en Linux, diseñado principalmente para móviles con pantalla táctil como teléfonos inteligentes o tabletas inicialmente desarrollados por Android, Inc., que Google respaldó económicamente y más tarde compró en 2005, Android fue desvelado en 2007 junto la fundación del Open Handset Alliance: un consorcio de compañías de hardware, software y telecomunicaciones para avanzar en los estándares abiertos de los dispositivos móviles.
¿Para qué sirve?
El sistema operativo Android se usa en teléfonos inteligentes, ordenadores portátiles, netbooks, tabletas, Google TV, relojes de pulsera, auriculares55 y otros dispositivos, siendo este sistema operativo accesible desde terminales de menos de 100 euros hasta terminales que superen los 600, obviando, evidentemente, sus diferencias técnicas.
La plataforma de hardware principal de Android es la arquitectura ARM. Hay soporte para x86 en el proyecto Android-x86, y Google TV utiliza una versión especial de Android x86.
El primer teléfono disponible en el mercado para ejecutar Android fue el HTC Dream, dado a conocer al público el 22 de octubre de 2008. A principios de 2010 Google ha colaborado con HTC para lanzar su producto estrella en dispositivos Android, el Nexus One. A esto siguió en 2010 el Samsung Nexus S y en 2011 el Galaxy Nexus.En la actualidad existen más de 650.000 aplicaciones para Android y se estima que 1.000.000 teléfonos móviles se activan diariamente.
iOS y Android 2.3.3 "Gingerbread" pueden ser configurado para un arranque dual en un iPhone o iPod Touch liberados con la ayuda de OpeniBoot y iDroid.
Software android para crear páginas web
· Telnames Mobile Website Builder
Generador Telnames Mobile Site es la primera aplicación de su tipo que le permite comprar, construir y administrar su propio sitio web para móviles listo sólo utilizar su dispositivo Android y sus credenciales de Google Play.
Si usted ya tiene un Telname de http://telnames.com puede utilizar sus credenciales para iniciar sesión y administrar su Telname libre.
Si usted no tiene una cuenta Telnames, con esta aplicación se puede, en pocos minutos, comprar, construir, gestionar y compartir un sitio web para móviles de usar que usted posee y control. No se necesitan conocimientos técnicos.
martes, 5 de febrero de 2013
EXAMEN DIAGNOSTICO
EXAMEN DIAGNOSTICO
1. ¿Qué es una red?
Es un conjunto de computadoras conectadas entre sí compartiendo información
.2.¿Que es una LAN?
Es la interconexión de una o varias computadoras y periféricos.
Es un tipo de red de computadoras capaz de cubrir distancias desde unos 100 hasta unos 1000 km, proveyendo de servicio a un país o un continente.
¿Qué es una topología física?
La configuración física, es decir la configuración espacial de la red, se denomina topología física.
5. ¿Qué es una topología lógica?
Es la forma en que los equipos se comunican a través del medio físico.
6. ¿Qué es una red hibrida?
La red híbrida es una de las más frecuentes y se deriva de la unión de varios tipos de topologías de red, de aquí el nombre de híbridas.
7. ¿Qué es una red estrella?
Es una red en la cual las estaciones están conectadas directamente a un punto central y todas las comunicaciones se han de hacer necesariamente a través de este.
8. ¿Qué es una red de bus lineal?
Es aquella topología que se caracteriza por tener un único canal de comunicaciones (denominado bus, troncal o backbone) al cual se conectan los diferentes dispositivos.
9. ¿Qué es un servidor?
Es un nodo que forma parte de una red, provee servicios a otros nodos denominados clientes.
¿Qué es un navegador?
Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos.
Ejemplos: Mozilla Firefox, Google Chome, Internet Explorer
11. ¿Qué es un buscador?
Es un sistema informático que busca archivos almacenados en servidores web gracias a su «spider» (o Web crawler).
Ejemplos: Google, Ask, Bing
12. ¿Qué significa WWW?
“Red global mundial”
13. ¿Que significa web?
Sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet.
14. ¿Qué significa modem?
Dispositivo que sirve para enviar una señal llamada moduladora mediante otra señal llamada portadora.
15. ¿Qué significa hipertexto?
Texto que en la pantalla de un dispositivo electrónico, permite conducir a otros textos relacionados, pulsando con el ratón o el teclado en ciertas zonas sensibles y destacadas.
16. ¿Qué significa hipermedia?
Término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además tenga la posibilidad de interactuar con los usuarios.
17. ¿Qué significa hipervínculo?
Enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc.
18. ¿Qué significa URL?
Secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación.
19. ¿Qué significa HTML?
Lenguaje de marcado de hipertexto
20. ¿Qué significa PHP?
Lenguaje de programación muy potente que, junto con html, permite crear sitios web dinámicos.
21. ¿Qué significa HEAD?
Cabeza.
22. ¿Qué significa Title?
Titulo
23. ¿Qué significa Body?
Cuerpo
24. ¿Qué significa Name?
Nombre
25. ¿Qué significa Justify?
Justificar
¿Que significa left?
Izquierdo
27. ¿Qué significa Right?
Correcto
28.¿Que significa center?
Centro
29.¿Que significa width?
30.¿Qué significa height?
Altura
31. ¿Qué significa Bottom?
Fondo, pie
32. ¿Qué significa middle?
Mitad
33. ¿Qué significa top?
Cima
¿Que significa common?
Cotidiano, común
35. ¿Qué significa insert?
Insertar
¿Que significa layout?
Plano, puesta en papel
. ¿Qué significa frames?
Marco, estructura
¿Que significa templates?
Plantilla, patrón
39.¿Que significa apliccacion?
Aplicación
40.¿Qué significa tables?
Tablas, graficas
41. ¿Qué significa file?
Archivo
¡¿Que significa modyfy?
Modificar, cambiar
¿Ordenes, comandos
44. ¿Qué significa site?
Lugar, sitio
5.¿Que significa windows?
Ventanas
46. ¿Qué significa design?
Diseño
47. ¿Qué significa code?
Clave, contraseña
48. ¿Qué significa entitled?
Derecho
Suscribirse a:
Entradas (Atom)