PLANEACIÓN CUARTO PERIODO SISTEMAS

PLANEACIÓN CUARTO PERIODO SISTEMAS

1. ¿Qué es MS-EXCEL?

Excel es un programa informático desarrollado por Microsoft y forma parte de Office que es una suite ofimática la cual incluye otros programas como Word y PowerPoint. Excel se distingue de los demás programas porque nos permite trabajar con datos numéricos, es decir, podemos realizar cálculos, crear tablas o gráficos y también podemos analizar los datos con herramientas tan avanzadas como las tablas dinámicas.

2. ¿Para que sirve Excel?

Una hoja de cálculo es un programa que es capaz de trabajar con números de forma sencilla e intuitiva. Para ello se utiliza una cuadrícula donde, en cada celda de la cuadrícula, se pueden introducir números, letras y gráficos.

Excel se utiliza principalmente en cualquier actividad relacionada con finanzas, aunque no se limita solamente a esto ya que literalmente puede tener usos ilimitados.La capacidad para crear hojas de cálculo nuevas donde los usuarios pueden definir fórmulas personalizadas para calcular cualquier cosa, desde una simple previsión trimestral a un informe anual completo de la empresa, hace que el programa Excel sea bastante atractivo.

 Excel también se usa ampliamente para la organización y seguimiento de información común como una lista de ventas, informes de estado de un proyecto, listas de contacto, actividades de facturación, creación de Macros Excel, entre otros.

Por último, Excel es una herramienta útil para el análisis estadístico y científico con grandes conjuntos de datos. Las fórmulas estadísticas de Excel y capacidad de crear gráficos pueden ayudar a realizar investigaciones de análisis de varianza, y el gráfico de datos complejos.

3. Escriba 10 ventajas de utilizar Excel

-Cuenta con una interfaz muy rápida y efectiva, que permite realizar todas las tareas de forma práctica y sencilla

-Reduce los tiempos de trabajo y mejora la organización. En una empresa esto se traduce en productividad.

-Autoriza la creación de bases de datos: permite la clasificación y el registro de datos. 

-Permite incorporar toda la información que se requiera y realizar horarios, calendarios, importar datos, etc.

-Inserción de gráficos: los datos que se incorpore a la base de datos pueden adoptar forma de gráfico de línea, circulares, de barra, de área. También se puede incorporar imágenes, tablas y organigramas.

-Fórmulas: inserta fórmulas agrupadas por categorías (aritméticas, texto, etc.). Realiza sumas, restas, multiplicaciones, divisiones, ecuaciones, potencias, etc.

-Microsoft Excel además permite hacer un recálculo automático de las operaciones y el cálculo directo y relativo a la posición de las operaciones.

-Elaboración de informes: se puede elaborar documentación muy completa y detallada, como por ejemplo un informe contable.

-Trabajo en equipo: esta herramienta da la opción de trabajar con varias personas en un mismo documento al mismo tiempo.

-Dispone de gran cantidad de formatos y características de la cuadrícula, además de enormes posibilidades de almacenamiento e impresión.

4. ¿Por qué las organizaciones y empresas utilizan Excel?

Es un programa de Microsoft con el que puedes realizar todo tipo de operaciones matemáticas mediante hojas de cálculo. También se pueden crear tablas con las que combinar datos y poder realizar diferentes acciones. Como ves, se trata de una herramienta muy completa y que se puede aplicar en muchos ámbitos. Por eso, es importante que, si quieres centrar tu actividad profesional, por ejemplo, en sectores, como la economía o la administración, tengas un conocimiento amplio de Excel, ya que muchas empresas lo demandan a sus trabajadores.

Con esta herramienta podrás, entre otras cosas, realizar facturas y llevar la contabilidad de la empresa de una manera fácil y rápida. Por eso, los empleados de los diferentes departamentos de las empresas que estén vinculados con estas actividades tienen que saber manejar Excel con soltura. Además, también puedes obtener gráficos a partir de los datos introducidos en las hojas de cálculo, lo que te será muy útil para realizar análisis de los datos e interpretarlos.

En definitiva con Excel podrás almacenar una gran cantidad de datos, así como manejarlos y actualizarlos, lo que ayudará en el correcto funcionamiento y control de la empresa.

5. Redacte dos conclusiones de Excel

-Excel nos permite trabajar con tablas de datos, gráficos, bases de datos, macros, y otras aplicaciones avanzadas para expertos de Excel, con las cuales se pueden realizar trabajos en el área administrativa, de Ingeniería, análisis de líneas de producción, etc., aprovechando todas las ventajas que nos ofrece Excel. A estas capacidades se suma la  posibilidad de utilizarla para este proyecto que hemos expuesto ante nuestros compañeros de clase para poder comprender las diferentes funciones que nos puedan facilitar el trabajo.

-La ventana muestra sólo una parte de la hoja de cálculo. La unidad básica de la hoja de cálculo es una celda. Las celdas se identifican con su encabezamiento de columna y su número de fila. La hoja de cálculo se completa introduciendo texto, números y fórmulas en las celdas.

Nuri Michelle Narvaez Jung 11-02

PROGRAMACION EN PHP Y SQL

PLANEACIÓN DE SISTEMAS TERCER PERIODO 

Consultar:

-¿Qué es php?

PHP, acrónimo recursivo en inglés de PHP Hypertext Preprocessor (procesador de hipertexto), es un lenguaje de programación de propósito general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en un documento HTML en lugar, de llamar a un archivo externo que procese los datos.

PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la mayoría de los servidores web al igual que en muchos sistemas operativos y plataformas sin ningún costo.

-¿Qué es Wampserver?

WAMP  acrónimo usado para describir un sistema de infraestructura de internet que usa las siguientes herramientas:

Windows, como sistema operativo;

Apache, como Servidor web;

MySQL, como gestor de bases de datos;

PHP (generalmente), Perl, o Pyton, como lenguaje de programación.

El uso de un WAMP permite servir páginas html a internet, además de poder gestionar datos en ellas, al mismo tiempo un WAMP, proporciona lenguajes de programación para desarrollar aplicaciones web.

WampServer es un entorno de desarrollo web para Windows con el que se puede crear aplicaciones web con Apache, PHP y bases de datos MySQL database. También incluye PHPMyAdmin y SQLiteManager para manejar tus bases de datos facilmente.

El uso de WAMP permite servir páginas HTML a internet, además de poder gestionar datos en ellas, al mismo tiempo WAMP, proporciona lenguajes de programación para desarrollar aplicaciones Web.

-¿Para qué sirve Mysql - sql?

MySQL es un sistema de gestión de bases de datos relacional desarrollado bajo licencia dual: Licencia pública general/Licencia comercial por Oracle Corporation y está considerada como la base datos de código abierto más popular del mundo,​ y una de las más populares en general junto a Oracle y Microsoft SQL Server, sobre todo para entornos de desarrollo web.

MySQL es muy utilizado en aplicaciones web, como Joomla, Wordpress, Drupal o phpBB, en plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por herramientas de seguimiento de errores como Bugzilla. Su popularidad como aplicación web está muy ligada a PHP, que a menudo aparece en combinación con MySQL.

MySQL es una base de datos muy rápida en la lectura cuando utiliza el motor no transaccional MyISAM, pero puede provocar problemas de integridad en entornos de alta concurrencia en la modificación. En aplicaciones web hay baja concurrencia en la modificación de datos y en cambio el entorno es intensivo en lectura de datos, lo que hace a MySQL ideal para este tipo de aplicaciones. Sea cual sea el entorno en el que va a utilizar MySQL, es importante monitorizar de antemano el rendimiento para detectar y corregir errores tanto de SQL como de programación.

-¿Qué es un servidor local?

Un Servidor Web Local es aquel Servidor Web que reside en una red local al equipo de referencia. El Servidor web Local puede estar instalado en cualquiera de los equipos que forman parte de una red local. Es por tanto obvio, que todos los Servidores Web, son locales a la red local en la que se encuentran, o como mínimo, locales al sistema en el que están instalados.

Existen numerosas aplicaciones que facilitan la instalación automática de servidores web Apache y aplicaciones adicionales como Mysql y PHP (entre otros), de forma conjunta, como XAMPP, JAMP o EasyPHP. Estas aplicaciones reciben el nombre de LAMP cuando se instalan en plataformas Linux, WAMP en sistemas Windows y MAMP en sistemas Apple Macintosh.

-¿Para qué sirve la ip 127.0.0.1?

En computación, el localhost es la computadora frente a la que estás sentado. Significa literalmente "este ordenador". La IP 127.0.0.1 hace referencia al localhost, un host es cualquier equipo o servidor, así que el host local es cualquiera que estés usando. 127.0.0.1 es la dirección que apunta a tu PC, desde tu PC, y se le llama la dirección IP de loopback. El loopback se refiere al enrutamiento del flujo de datos.

Es un mecanismo que el host utiliza para acceder a sus propios servicios de red independientemente de la configuración de redes. El loopback puede ser útil para varias cosas, como por ejemplo acceder a un servicio web que se haya instalado en la propia máquina, simplemente usando la dirección 127.0.0.1 que apunta al mismo equipo.

-¿Qué es http?

El Protocolo de transferencia de hipertexto (en inglés: Hypertext Transfer Protocol o HTTP) es el protocolo de comunicación que permite las transferencias de información en la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse. HTTP es un protocolo sin estado, es decir, no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de sesión, y también permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.

-¿Qué es hosting y dominio?

Un dominio es un nombre en internet, es la capacidad de usar ese nombre en internet y que se identifique como tuyo ( bien sea de tu empresa, personal, etc.) registrar un dominio es solo eso, registrar el nombre. El dominio por sí solo no hace nada.

Un hosting o alojamiento web, es un conjunto de servicios que se pueden usar con cualquier dominio, pero que son independientes uno de otro. Un hosting comprende el uso de un espacio en un servidor para poder alojar una pagina web, cuentas de correo, bases de datos, etc.

-Cuestionario de PHP

1) Los archivos que contienen scripts escritos en PHP tienen la extensión: 

a) psp 

b) html 

c) cgi 

d) php 

2) El analizador de PHP instalado en el servidor es el encargado de ejecutar los scripts y generar una salida en HTML que el servidor enviará al cliente:

 a) Falso 

b) Verdadero 

3) Si queremos utilizar PHP en modo local, podemos utilizar los servidores de prueba

 a) Xampp

 b) Todos son servidores de prueba

 c) WampServer 

d) AppServer 

4) El creador del PHP/FI original se llamaba:

 a) Richard Stallman

 b) Rasmus Lerdorf 

c) Bill Gates 

5) PHP es un lenguaje que es interpretado por el servidor 

a) Verdadero 

b) Falso

 6) Cuando un cliente solicita una página PHP, el servidor la envía tal cual para que el intérprete del cliente la procese y convierta en HTML: 

a) Verdadero

 b) Falso 

7) PHP nos permite:

a) Todas son correctas

 b) La ejecución de scripts en la parte del servidor

 c) Escritura de aplicaciones gráficas clientes 

d) Ejecución de scripts desde la línea de comandos sin la necesidad de un servidor Web o navegador

8) PHP permite la programación orientada a objetos. 

a) Falso 

b) Verdadero 

9) PHP sólo se puede utilizar en los sistemas Windows y Linux. 

a) Verdadero 

b) Falso 

10) El acrónimo de PHP es:

a) Hypertext Preprocessor 

b) Programing Hypertext Processor 

c) Personal Home Page Tools 

-Consulte y aplique como crear un archivo en php (invitando a cursar programación en PHP), cuando lo diseñe capture pantalla y publíquelo en el blog.

-Con sus propias palabras escriba tres (3) conclusiones relacionadas con esta actividad.

-Se puede concluir, que php es una de la herramientas más grandes para la creación de páginas web, ya sea por la facilidad de su manejo como por sus variadas opciones para la edición de ellas.

-Gracias al tema visto, tendremos muchos más conocimientos acerca del mundo de la programacion y podremos resolver trabajos futuros que se nos presente en la vida.

-Gracias a estos conocimientos, estaremos en la capacidad de publicar nuestros propios trabajos en paginas web y utilizarlo como medio para ayudar a los demás

Nuri Michelle Narvaez Jung 1102

 

Taller: HOJAS DE ESTILOS

TALLER 2

• ¿Que es CSS?

CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

• ¿Para qué sirve CSS?

CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento

• ¿Cómo se incrusta el CSS en un tag html, en el header de un html y desde un archivo externo?

1. Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).

Ejemplo:

   

  2.En este caso, todos los estilos CSS se incluyen en un archivo de tipo CSS que las páginas HTML enlazan mediante la etiqueta <link>. Un archivo de tipo CSS no es más que un archivo simple de texto cuya extensión es .css Se pueden crear todos los archivos CSS que sean necesarios y cada página HTML puede enlazar tantos archivos CSS como necesite.

Si se quieren incluir los estilos del ejemplo anterior en un archivo CSS externo, se deben seguir los siguientes pasos:

1) Se crea un archivo de texto y se le añade solamente el siguiente contenido:

p { color: black; font-family: Verdana; }

2) Se guarda el archivo de texto con el nombre estilos.css Se debe poner especial atención a que el archivo tenga extensión .css y no .txt

3) En la página HTML se enlaza el archivo CSS externo mediante la etiqueta <link>:

      

 3.El último método para incluir estilos CSS en documentos HTML es el peor y el menos utilizado, ya que tiene los mismos problemas que la utilización de las etiquetas <font>.

Ejemplo:

• ¿Cuál es la estructura de un estilo CSS? Explica a traves de un ejemplo donde describas todos los elementos que utilices 

La estructura CSS se basa en reglas que tienen el siguiente formato:

Selector: El selector es el elemento HTML que vamos a seleccionar del documento para aplicarle un estilo concreto. Por ejemplo, el elemento p. Realmente, esto es mucho más complejo, pero ya dedicaremos una serie de capítulos exclusivamente a este tema.

Propiedad: La propiedad es una de las diferentes características que brinda el lenguaje CSS e iremos aprendiendo.

Valor: Cada propiedad CSS tiene una serie de valores concretos, con los que tendrá uno u otro comportamiento.

• ¿Consulta y describe los diferentes electores que se utilizan para aplicar un estilo CSS?

-Selector universal

Se utiliza para seleccionar todos los elementos de la página.

El selector universal se indica mediante un asterisco (*). A pesar de su sencillez, no se utiliza habitualmente, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página.

No obstante, sí que se suele combinar con otros selectores y además, forma parte de algunos hacks muy utilizados, como se verá más adelante.

-Selector de tipo o etiqueta

Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector.

-Selector descendente

Selecciona los elementos que se encuentran dentro de otros elementos. Un elemento es descendiente de otro cuando se encuentra entre las etiquetas de apertura y de cierre del otro elemento.

-Selectores de ID

En ocasiones, es necesario aplicar estilos CSS a un único elemento de la página. Aunque puede utilizarse un selector de clase para aplicar estilos a un único elemento, existe otro selector más eficiente en este caso.

 El selector de ID permite seleccionar un elemento de la página a través del valor de su atributo id. Este tipo de selectores sólo seleccionan un elemento de la página porque el valor del atributo id no se puede repetir en dos elementos diferentes de una misma página.

 La sintaxis de los selectores de ID es muy parecida a la de los selectores de clase, salvo que se utiliza el símbolo de la almohadilla (#) en vez del punto (.) como prefijo del nombre de la regla CSS.

-Combinación de selectores básicos

CSS permite la combinación de uno o más tipos de selectores para restringir el alcance de las reglas CSS. El anterior selector hace referencia al enlace con un atributo id igual a inicio que se encuentra dentro de un elemento de tipo <li> con un atributo class igual a destacado, que forma parte de una lista <ul> con un atributo id igual a menuPrincipal.

• ¿Cuales son las propiedades mas empleadas en CSS y como deben ser utilizadas?

Font-family:

Define la familia tipográfica. Es conveniente poner una lista de dos o tres tipografías separadas por coma, porque si el usuario no tiene instalada la tipografía que nosostros elegimos, el navegador opta por mostrar la siguiente que debería ser una similar, si tampoco la tiene instalada, mostrará la tipografía por defecto.

Tenemos 3 opciones para definir la elección de la familia tipográfica:1) usar una de las fuentes más comunes (web safe fonts) que muy probablemente tenga instalada el usuario (Arial, Verdana, Trebuchet, Georgia, san serif, Times), 2) subir nuestra propia fuente con una propiedad nueva que se llama @font-face, o 3) usar una fuente de Google Font, que en este momento es lo más recomendable. El sitio es: http://www.google.com/fonts/.

Font-size:

Define el tamaño de la fuente y el valor se puede escribir en pixels o en ems. En este momento se recomienda usar ems. Los dos son valores relativos, el pixel es un valor relativo a la resolución de la pantalla, pero el em es relativo al tamaño de la fuente definida por el usuario. Si el usuario no cambió la configuración, el valor por defecto de los textos en todos los navegadores es de 16px. Entonces 1em = 16px.

Color:

Define el color de la tipografía. Los colores se pueden escribir de 3 formas distinas: con sistema hexadecimal, por ejemplo: #FF0000 (es rojo). Con los nombres de los colores (más limitado) por ejemplo: black, red, green. O usando RGB, esta paleta permite agregar el canal alfa para hacer transparencias.

Width: 

Define el ancho de un elemento, el valor se puede escribir en pixels, ems o porcentaje.

Max-width o min-width: 

Definen el ancho máximo o mínimo de un elemento. Muy importante en sitios adaptables

Height:

Define el alto de un elemento, el valor se puede escribir en pixels, ems o porcentaje.

Max-height o min-height: 

Definen el alto máximo o mínimo de un elemento. Muy importante en sitios adaptables

Padding:

Es la distancia desde el borde de un elemento hasta su contenido.

Margin:

Es la distancia entre un elemento y otro (desde el borde de un elemento hacia afuera)

Border:

Define el borde de un elemento, su color, su estilo y grosor.

Background: 

Define los fondos de un objeto. El fondo puede ser una imagen o un color. El color puede ser pleno o degradado. La imagen se puede repetir formando una trama (es lo que ocurre por defecto) o se puede especificar que no repita y que se coloque en determinada posición.

• Consulta como hacer una pagina HTML tipo responsive usando estilos CSS

1.Planificar. Antes de nada debemos pensar bien en las proporciones de la pantalla. No es lo mismo un ordenador que una tableta o un teléfono. Hay que pensar en la verticalidad y horizontalidad. Como siempre recomiendo, coger papel y lápiz y empezar a dibujar las ideas es el método más fácil (y barato) para plasmar lo que tenemos en mente.

2.Usar una herramienta de prototipado. Esta clase de programas nos pueden ser muy útiles para ver de manera clara los tamaños de los objetos que queremos mostrar. A nivel personal recomiendo Pencil, una herramienta sencilla e intuitiva que cumple con su cometido, no sólo para web, también para todo tipo de actividades relacionadas con poner sobre la mesa las ideas conceptuales que tengamos.

3.Controlar los tamaños de imagen, una vez tengamos un buen diseño conceptual. Para ello se recomienda usar algún programa de diseño de imagen, como GIMP, un programa gratuito muy útil y completo. Como hemos mencionado anteriormente, es importante que planteéis (y dibujéis) el diseño tanto para pantallas de escritorio como móviles. Esto se consigue haciendo las imágenes para ambas plataformas.

4.Hacer distintas imágenes para cada plataforma. Una vez tengamos las imágenes pensadas y con sus distintos tamaños, hay que optimizarlas para las distintas distribuciones a las que queremos apuntar.

5.La plataforma móvil como primer objetivo. Normalmente cuando se quiere hacer una actualización del diseño a responsive, ya contamos con una base, y nos interesa este cambio por las tabletas y los smartphones, por lo que usaremos estas plataformas como objetivos iniciales.

PRESENTADO POR:

Nuri Michelle Narvaez Jung

Christian Ospina Castaño

Laura Parra Jaramillo

11-02

Realización página web HTML

Contenido para realizar una página web en HTML

• Tablas

Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este concepto ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no sería comprendida tan fácilmente.

En documentos HTML una tabla puede ser considerada, resumidamente, como un grupo de filas donde cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de columnas que contiene a un grupo de filas, y esta diferencia tendrá un impacto en la composición y comportamiento de la tabla.

• Enlaces

 En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="" donde se escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo que lo está llamando, en otra carpeta del mismo sitio o en otro sitio web.

Entre las etiquetas <a href=""></a> se puede colocar cualquier elemento html que funcionará como botón, generalmente se coloca un texto o una imagen. Si es un texto, el navegador por defecto lo muestra en color azul y subrayado. Si es una imagen, algunos navegadores especialmente las versiones anteriores a las actuales, le pueden agregar un borde azul.

ejemplo: <a href="/">Inicio</a>

Al pulsar el enlace anterior desde cualquier página web, se vuelve directamente a la página de inicio, home o página principal del sitio web.

• fuentes

En HTML y XHTML, es el tipo de letra o familia de tipos de letra es el tipo de letra que se aplicará al cuerpo de texto en un navegador. El tipo de letra es relevante para la visualización del texto en la pantalla, en una impresora o en otro tipo de dispositivos.

 Una familia de tipos de letra y otros atributos de presentación de un tipo de letra pueden ser aplicados en el código HTML, ya sea en las hojas de estilos en cascada (CSS) o en el elemento depreciado font de HTML.

• Viñetas

En las listas con viñetas, cada párrafo comienza con un símbolo de viñeta. En las listas numeradas, cada párrafo comienza con una expresión que incluye un número o letra y un separador como, por ejemplo, un punto o un paréntesis. Los números de una lista numerada se actualizan automáticamente cuando se añaden o quitan párrafos. Puede cambiar el tipo de viñeta o el estilo de numeración, el separador, los atributos de fuente y el tipo y la cantidad de espaciado de sangría.

 No puede utilizar la herramienta Texto para seleccionar las viñetas o los números de una lista. En su lugar, edite el formato y el espaciado de sangría mediante el cuadro de diálogo Viñetas y numeración, el panel Párrafo o la sección Viñetas y numeración del cuadro de diálogo Estilos de párrafo (si las viñetas o los números forman parte de un estilo)

• Texto

Las etiquetas de texto en línea se emplean para identificar fragmentos de texto que tienen un significado especial. Normalmente, los elementos de texto en línea se encuentran dentro de elementos de bloque, modificaciones o tablas.

En esta lección se comentan las etiquetas de texto en línea <br>, <span>, <em>, <strong>, <small>, <s>, <cite>, <q>, <dfn>, <abbr>, <time>, <kbd>, <sub>, <sup>, <i>, <b> y <mark>.

1. Alineacion:

Es posible alinear elementos en bloque (tablas, imágenes, objetos, párrafos, etc.) en el lienzo con el atributo align. Aunque este atributo se puede establecer en muchos elementos HTML, su rango de valores posibles difiere en ocasiones de unos elementos a otros. Aquí sólo se considera el significado del atributo align para texto

align = left|center|right|justify [CI]

Desaprobado. Este atributo especifica la alineación horizontal de su elemento con respecto al contexto circundante. Valores posibles:

left: las líneas de texto se representan con los bordes izquierdos alineados.

center: las líneas de texto son centradas.

right: las líneas de texto se representan con los bordes derechos alineados.

justify: las líneas de texto se justifican en ambos márgenes.

      2. Tamaño 

Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno <Hx> </Hx> donde x es un número que puede variar entre 1 y 6, siendo 1 el tamaño mayor.

Se escribirán así:

     3.Fuente 

Las propiedades del texto pueden modificarse a través de la etiqueta . Para ello, podemos insertar el texto entre las etiquetas y , especificando algunos de los atributos de la etiqueta:

FACE: fuente. nombre de la fuente, o fuentes

COLOR: color del texto. número hexadecimal o texto predefinido

SIZE: tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor

• Frames

Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por tanto con contenidos distintos, aunque puedan estar relacionados. No hay límites para el contenido de cada una de estas áreas: tienen las mismas propiedades que la pantalla completa normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su apariencia, a veces, puede ser similar, pero mientras el contenido de la celda de una tabla es fijo, en un área de pantalla creado por el elemento FRAME se dispone de todos los recursos del HTML. Es una zona viva.

Y se escribiría; así: <FRAMESET COLS=30%,20%,50%> <FRAME SRC="a.htm"> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> </FRAMESET> Imagen Añadir imágenes a tu sitio web o perfil en las redes sociales es una excelente manera de mejorar tu página. El código HTML para añadir imágenes es sencillo y por lo general es una de las primeras lecciones que aprenden quienes recién empiezan a utilizarlo. 2. Fondo color Los códigos de color Hex puede ser el más popular, pero son sólo uno de los muchos métodos disponibles para color un elemento HTML. Una segunda forma es utilizar un nombre de color HTML; basta con sustituir el código Hex con uno de los 140 nombres de colores compatibles y listo. <body style="background-color:yelow;"> </body>

     2. Fondo background

La propiedad background-image se emplea para establecer la imagen de fondo de cada elemento. La imagen se muestra en la zona que ocupan el contenido y el relleno del elemento, justo hasta su borde.

 background-image: url("imagenes/fondo.png");

3.Insertar imagen

Insertar imágenes en un documento permite crear




páginas mucho más atractivas. Según el tipo de gráficos utilizado se pueden

conseguir efectos realmente sorprendentes.


Para insertar una imagen en un documento HTML




se utiliza el elemento <IMG>. Este elemento puede ir acompañado de los

atributos SRC ALT ISMAP ALIGN WIDTH HEIGHT BORDER VSPACE HSPACE. Con las nuevas implementaciones que Netscape hace del elemento, se consiguen efectos de imagen

atributo CLEAR.

flotante y por tanto se ha hecho necesario dotar al elemento <BR> del








laura Parra Jaramillo 

Nuri Michelle Narvaez

Christian Ospina 

  11-02