jueves, 9 de junio de 2011

Aplico lo aprendido

·         Que es un link?
RTA/ Un LINK es un objeto que cuando pulsamos sobre él, el navegador nos lleva a otra página archivo y suele adquirir la apariencia de una mano señalando.
        ·  Para que se utilizan los enlaces?
RTA/ Se utilizan para llevarnos a una página de internet ajena a nuestro sitio.
    ·         Qué comando se utiliza para crear enlaces y cuál es su significado?
RTA/ <a href= http://www.astrolabio.com.co/clientes/cintel/modulo1-sensibilizacion-en-accesibilidad/autoevaluacion-en-html/lecturas-complementarias-donde-aprender-mas-sobre-html.html</a>
                  A través del atributo href se especifica la página a la que está asociado el enlace, la página que se                  visualizará cuando el usuario haga clic en el enlace.
                   ·         Enumera los Tipos de enlaces, dar ejemplos.
             RTA/ -Enlace a un grafico:<A HREF="nombre_de fichero_.GIF>texto que se corresponda con el   link</A>
             donde nombre_de _fichero.GIF  es el nombre del archivo de la imagen GIF.
              
            -Enlaces hipergraficos:  Se puede añadir imágenes para actuar de enlaces. La manera de hacerlo es poner la etiqueta HTMl para las imágenes dentro de la parte de hipertexto de la etiqueta anchor.

Etiquetas Basicas

COLOR A LAS PAGINAS: a través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la pagina.
El fondo puede establecerse a través del atributo bgcolor al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
EJEMPLO: <bodybgcolor ''#0000F''> es equivalente a <bodybgcolor ''blue''>

SALTOS DE LINEA:  para que se produzca el salto de linea en el navegador en lugar de pulsar la tecla INTRO hay que insertar <br> donde se desee que se produzca el salto.

ENCABEZADOS: <H1></H1> suelen utilizarse para establecer títulos dentro de una pagina. El rango de los encabezados varia desde 1 a 6.

ESTILO: los estilos básicos que se pueden incluir son:
<B></B> Negrita
<l></l> Cursiva
<U></U> subrayado
<S></S> Tachado
<TT></TT> Terminal

El formato de la etiqueta de tipo de letra es: <fontface=''papyrus''>Hola</font>
El formato de la etiqueta de tamaño de letra es: <fontsize=#>Aprendiendo diseño web</font>
El formato de la etiqueta de color de letra es: <fontcolor=lime>Hola</font> o <fontcolor=#0022007>

TILDES: para poner tildes se escribe:
 EJEMPLO: para escribir pagina con tilde se escribe así:  p&aacute;gina

miércoles 8 de junio de 2011


Etiquetas Basicas



BACKROUND: Permite incluir una imagen o textura de fondo


ENCABEZADOS: <H1> </H1>: Suelen utilizarse para establecer dentro de una pagina.


MARQUESINAS: <MARQUEE</MARQUEE> Son lineas de texto que se desplazan de un lado a otro de la ventana lineal mente.


SANGRADO DE TEXTO: <BLOCKQUOTES> </BLOCKQUOTES> La sangría es una especie de margen que se establece a ambos lados de texto. Para que un texto aparezca sangrado se inserta entre dichas etiquetas. Insertando el texto entre varias etiquetas <BLOCKQUOTES>  y </BLOCKQUOTES> se consigue que los margenes sean mayores.


JUSTIFICACION/ALINEACION DEL TEXTO: <center> </center> Opcion de centrado introducida por Netscape

COMO HACER UNA PAGINA WEB

¿Como hacer una pagina web?



NECESITAMOS PARA EMPEZAR:       
  • Una computadora PC o Macintosh.
    Preferiblemente una PC con Windows 98 
  • Un programa editor de páginas WEB.
    Si su computadora tiene Internet Explorer de Microsoft ustedes ya tienen un editor en su máquina ,este programa se llama Front Page Express, Otros editores son Netscape Composer incluído con la versión gratis de Netscape Communicator, programas más avanzados son Front Page de MS, Dreamveaver, Homesite, Adobe Page Mill, Net Objetcs Fusion etc.  
  • Un servidor con una dirección para guardar sus páginas.
    Su proveedor de servicio de Internet le proporciona este espacio. Si su proveedor no le facilita este espacio, usted puede encontrar en el Internet muchos sitios dondeotorgan espacio para colocar sus páginas WEB gratis. Para sitios profesionales se recomienda seleccionar un proveedor de hospedaje de acuerdo a sus necesidades, recuerda que lo barato en muchas ocasiones sale caro.
  • Un programa editor de archivos gráficos.
    En caso que ustedes quieran utilizar fotos, gráficas etc.Un programa fácil de usar el paint shop pro por ejemplo.


    AGREGAR CONTENIDO:    

    • Agregar Texto.
      Con los mencionados WYSIWIG editors podemos agregar textos en la misma forma como en los procesadores de texto (word etc) sin preocuparnos mucho por el lenguaje HTML (Hyper text markup language) Para una buena presentación gráfica de las páginas se usan en muchos casos tablas para la mejor distribución de los textos y/o gráficas, estas tablas pueden tener los bordes visibles o invisibles, entre otras características. 
    • Agregar Gráficas.
      De la misma forma insertamos gráficas y las archivamos en el mismo folder. Los formatos para las gráficas más usados son .gif y .jpeg.   Tratamos siempre de comprimir estos archivos al máximo para evitar demora en  bajar las páginas. Por la misma razón,  se recommienda usar un número razonable de gráficas. 
    • Hacer Links.
      Con la ayuda podemos enlazar (link) texto y gráficas hacia otras partes del mismo documento, hacia otras páginas y/o hacia páginas en otros sitios del internet.  
    • Agregar Formularios.
      Estos editores nos permiten tambien integrar formularios para coleccionar información y para hacer las páginas interactivas.
    • Agregar efectos especiales.
      Existe un gran número de efectos especiales que podemos agregar utilizando java applets, java scripts, flash, dhtml,  entre otros.


    La estructura de un sitio web:    



    • Ejemplo 1.
    • En este caso veamos un sitio con un total de 6 páginas, la primera página ( El Home Page) siempre se debe llamarindex.html , de esta forma si nuestro sitio está ubicado en el la dirección (llamado tambien URL = Uniform resource locator).
    • Archivamos todas las páginas y gráficas en un mismo folder si hay pocas o en varios para ordenarlos mejor,  si hay muchos archivos. 
    • Preparamos antes de hacer el sitio un pequeño organigrama como en este ejemplo para visualizar la estructura del sitio que construimos.
    • Navegación.
      Tenemos que utilizar links de texto o gráficas para enlazar las páginas y que sea fácil de navegar para que el visitante encuentre la información buscada.
    • Los Meta Tags.
      El encabezado (head) de la página (visible sólamente en html mode) contiene varios componentes que podemos agregar;  el más importante es el título, luego la descripción y los keywords entre ortos. Estos son algunos de los elementos importantes para los search engines.

      Cómo conseguir visitantes a nuestro sitio

      Cómo ganar dinero con nuestro sitio.

      Recuerde: Es importante estudiar y seguir las reglas de un sponsor, ustedes serán calificados por su conducta y, es fácil de perder su credibilidad y buen nombre!
      Siempre siga las Reglas del juego! 
      • Primero necesitamos  "targeted traffic" visitantes que buscan lo que nosotros vendemos.
      • Una vez que obtenga suficientes  (targeted visitors) visitantes a nuestro website podemos buscar e incluír sponsors a nuestras páginas.
      • Listado con targeted sponsors ordenado según categoría.

viernes, 13 de mayo de 2011

que es una pagina web


RTA: es un documento o información electrónica adaptada para la World Wide Web que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la WWW.
¿ Que es un sito web?
RTA: es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
Nombre varios editores de paginas web
es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.
¿Qué contiene una página web?
Los elementos más habituales que se pueden colocar en una página son texto, animaciones, imágenes, audio, vídeo, enlaces y programas.
El contenido de las páginas webs se almacena en tablas y marcos, que se encargan de permitir realizar páginas web de multitudinarios tipos. Las tablas y marcos permiten colocar los elementos de la página en la posición deseada.

 
¿Qué necesito para tener una página web?
  • Registrar un dominio: Hay multitud de empresas dedicadas al registro de dominios. Algunas de ellas incluso ofrecen el registro del dominio gratis si alojas tu sitio web con ellos.
  • Contratar hosting (alojamiento u hospedaje): Consiste en poner tu sitio web en un servidor, desde el que tus páginas serán descargadas por los visitantes que entren a tu sitio web.
  • Diseño del sitio web: consiste en la creación de un diseño y la maquetación de los textos, imágenes, vídeos y sonido.
  • Programación: consiste en "traducir" el diseño a un código que pueda ser leído y entendido por los navegadores.
¿Qué diferencia hay entre una pagina web estatica y una pagina web dinámica?
Una página Web estática presenta las siguientes características:
  • Ausencia de moviemiento y funcionalidades.
  • Absoluta opacidad a los deseos o búsquedas del visitante a la página.
  • Realizadas en XHTML o HTML.
  • Para cambiar los contenidos de la página, es imprescindible acceder al servidor donde está alojada la página.
  • El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseño de la página a su gusto.
  • El proceso de actualizacion es lento, tedioso y escencialmente manual.
  • No se pueden utilizar funcionalidades tales como bases de datos, foros, etc.
Por el contrario, una página Web dinámica tiene las siguientes características:
  • Gran número de posibilidades en su diseño y desarrollo.
  • El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.
  • En su realización se utilizan diversos lenguajes y tecnicas de programación.
  • El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.
  • Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.
  • Pueden realizarse íntegramente con software de libre distribución.
  • Existe una amplia comunidad de programadores que brinda apoyo desinteresado.
  • Cuenta con un gran número de soluciones prediseñadas de libre disposición.
En definitiva, el concepto de página Web dinámica se ha impuesto en el mundo del diseño y de la empresa en Internet. Páginas como Yahoo!, Google, Amazon e incluso ésta, son excelentes ejemplosd e páginas Web dinámicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendente: carritos de compra, posibilidad de incluir sus propias críticas en libros y discos, buscar en base a criterios determinados, participar en discusión.

Publicado por ginet en 08:50 0 comentarios
1.Existen dos tipos de lenguajes claramente diferenciados; los lenguajes de bajo nivel y los de alto nivel.
Lenguajes de bajo nivel

Son lenguajes totalmente dependientes de la máquina, es decir que el programa que se realiza con este tipo de lenguajes no se pueden migrar o utilizar en otras maquinas.

Al estar prácticamente diseñados a medida del hardware, aprovechan al máximo las características del mismo.

Dentro de este grupo se encuentran:
  • El lenguaje maquina: este lenguaje ordena a la máquina las operaciones fundamentales para su funcionamiento. Cnsiste en la combinación de 0's y 1's para formar las ordenes entendibles por el hardware de la maquina.
    Este lenguaje es mucho más rápido que los lenguajes de alto nivel.
    La desventaja es que son bastantes difíciles de manejar y usar, además de tener códigos fuente enormes donde encontrar un fallo es casi imposible.
  • El lenguaje ensamblador es un derivado del lenguaje maquina y esta formado por abreviaturas de letras y números llamadas mnemotécnicos. Con la aparición de este lenguaje se crearon los programas traductores para poder pasar los programas escritos en lenguaje ensamblador a lenguaje máquina. Como ventaja con respecto al código máquina es que los códigos fuentes eran más cortos y los programas creados ocupaban menos memoria. Las desventajas de este lenguaje siguen siendo prácticamente las mismas que las del lenguaje ensamblador, ñadiendo la dificultad de tener que aprender un nuevo lenguaje difícil de probar y mantener.

Lenguajes de alto nivel

Son aquellos que se encuentran más cercanos al lenguaje natural que al lenguaje máquina.
Están dirigidos a solucionar problemas mediante el uso de EDD's.
Nota: EDD's son las abreviaturas de Estructuras Dinamicas de Datos, algo muy utilizado en todos los lenguajes de programación. Son estructuras que pueden cambiar de tamaño durante la ejecución del programa. Nos permiten crear estructuras de datos que se adapten a las necesidades reales de un programa.

Se tratan de lenguajes independientes de la arquitectura del ordenador. Por lo que, en principio, un programa escrito en un lenguaje de alto nivel, lo puedes migrar de una máquina a otra sin ningún tipo de problema.

Estos lenguajes permiten al programador olvidarse por completo del funcionamiento interno de la maquina/s para la que están diseñando el programa. Tan solo necesitan un traductor que entiendan el código fuente como las características de la maquina.

Suelen usar tipos de datos para la programación y hay lenguajes de propósito general (cualquier tipo de aplicación) y de propósito especifico (como FORTRAN para trabajos científicos).

Lenguajes de Medio nivel

Se trata de un termino no aceptado por todos, pero q seguramente habrás oído. Estos lenguajes se encuentran en un punto medio entre los dos anteriores. Dentro de estos lenguajes podría situarse C ya que puede acceder a los registros del sistema, trabajar con direcciones de memoria, todas ellas características de lenguajes de bajo nivel y a la vez realizar operaciones de alto nivel.

2. DEFINE CONCEPTOS BASICOS COMO:
Lenguaje: cualquier tipo de código semiótico estructurado, para el que existe un contexto de uso y ciertos principios combinatorios formales. Existen contextos tanto naturales como artificiales.

Lenguaje de programación: es un idioma artificial diseñado para expresar computaciones que pueden ser llevadas a cabo por máquinas como las computadoras. Pueden usarse para crear programas que controlen el comportamiento físico y lógico de una máquina, para expresar algoritmos con precisión, o como modo de comunicación humana.

Computador: Una computadora es una colección de circuitos integrados y otros componentes relacionados que puede ejecutar con exactitud, rapidez y de acuerdo a lo indicado por un usuario o automáticamente por otro programa, una gran variedad de secuencias o rutinas de instrucciones que son ordenadas, organizadas y sistematizadas en función a una amplia gama de aplicaciones prácticas y precisamente determinadas, proceso al cual se le ha denominado con el nombre de programación y al que lo realiza se le llama programador.

Compilador : es un programa informático que traduce un programa escrito en un lenguaje de programación a otro lenguaje de programación, generando un programa equivalente que la máquina será capaz de interpretar. Usualmente el segundo lenguaje es lenguaje de máquina, pero también puede ser simplemente texto. Este proceso de traducción se conoce como compilación.

HTML: siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.

Blogs de notas: (en inglés llamado Notepad) es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla.

Etiquetas: (términos a veces reemplazados por el anglicismo tag) es una marca con tipo que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary).

Atributo: (términos a veces reemplazados por el anglicismo tag) es una marca con tipo que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary).

Valores: En informática, un valor es una secuencia de bits que se interpreta de acuerdo a algún tipo de datos. Una misma secuencia de bits puede tener distintos valores, dependiendo del tipo usado para interpretar su significado. Por ejemplo un valor podría ser un tipo de dato entero, de punto flotante o una cadena.

3. Dibuja la estructura de un directorio raíz: