martes, 30 de septiembre de 2014

HTML: "El lenguaje de la Internet"


El lenguaje HTML (Hypertext Markup Language) se creo para que la información en la red viaje de una manera rápida y precisa, para la construcción de páginas web.
Los navegadores de Internet (Internet Explorer, Firefox o Netscape) lo decodifican para describir la estructura y el contenido de una página en forma de textos e imágenes.
Para comenzar, debemos saber que HTML utiliza una codificación genérica, la cual hace uso de TAGS o etiquetas, mediante las cuales es posible separar el contenido del documento de su formato.
Las TAGS son comandos que se especifican en el cuerpo del documento, con el fin de darle las características deseadas a la información.
Se escribe entre corchetes angulares y se definen con dos elementos:
TAGS de inicio. Son las que le indican al navegador que inicia un proceso de formato. Por ejemplo <b> le dice al programa que las letras siguientes van en “negritas”.
TAGS de cierre: Le dicen al navegador que detenga el formato particular que venía editando. Las etiquetas de cierre son idénticas a las de inicio excepto por un pequeño detalle: debe de incluir una / (diagonal) inmediatamente después del primer corchete.
Por ejemplo: </b> le indica al programa que hasta ahí terminan las letras en “negritas”.
A continuación se indicarán las etiquetas de mayor uso en la creación de páginas web que te servirán como referencia rápida: 1) Inicio de página: 2) Cierre de página: 3) Toda página Web debe contener la siguiente estructura: Indicar Titulo Escribir contenido Todo el texto que escribamos entre la etiqueta de apertura y la de cierre será considerado por el navegador como html. • La cabecera (head) tiene información del contenido de nuestra página. (Esta parte es relevante para los motores de búsqueda y no es visible para los visitantes.). La cabecera va entre las etiquetas: . • El título (title) de la página que sí podrá ver el usuario sobre la barra de información de su navegador. (Franja azul que está situada en la parte de arriba de la ventana en la que abre el navegador). El título va entre las etiquetas: . • En el cuerpo del documento (body) se colocan el texto y las imágenes. El cuerpo va entre las etiquetas: . Dentro del cuerpo (body) de tu documento html estarán todas las cosas que tus visitantes podrán ver: texto, imágenes, tablas, colores, enlaces, etcétera. También puedes usar otras etiquetas html para dar formato al texto o a los diferentes elementos de la página como el color, el tipo y tamaño de letra, la alineación, entre otros, veamos algunas: 4. ETIQUETAS DE FORMATO Negrita: Texto en negrita Cursiva:Texto en cursiva Subrayado: Texto subrayado Preformateado:
Texto que conserva todos sus espacios y tabuladores
5. ETIQUETAS DE ALINEACIÓN HTML no da muchas opciones para alinear el texto. Por default el texto se alinea a la izquierda de la página. Pero tú puedes usar la etiqueta
para especificar que ese texto deberá ir centrado como en el ejemplo siguiente:
Aquí va el texto
Para otras opciones de alineación, se usan las etiquetas de propiedades de estilo, las cuales te dan cuatro opciones para alinear el texto:

Texto alienado a la derecha

Texto alienado a la izquierda

Texto centrado

Texto justificado

6. ETIQUETAS PARA CAMBIAR LA FUENTE HTML tiene dos etiquetas que te permite controlar las características de las fuentes: y . La etiqueta controla los cambios para un bloque de texto individual por lo que al terminar la selección se debe cerrar con el TAG La etiqueta aplica el cambio a todo el documento y no existe etiqueta de cierre. Los atributos más importantes para cambiar las fuentes son: • FACE: Indica el tipo de letra, a continuación encontrarás las más comunes Arial Times New Roman Verdana Ejemplo: Aquí va el texto • SIZE: Indica el tamaño en una escala del 1 al 7, donde 7 es la letra más grande y 1 la más pequeña. El tamaño más utilizado es 3 Ejemplo: Aquí va el texto • COLOR: Indica el color del texto. El lenguaje estándar de HTML maneja 14 colores que puedes usar porque ya están predefinidos tanto por su nombre en inglés como por un número de referencia. HTML entiende ambas opciones, sin embargo es mucho más sencillo que te los aprendas por sus nombres. Ejemplo: Aquí va el texto en color verde Lista de los colores incluyendo su número: Black #000000 Silver #C0C0C0 Gray #808080 White #FFFFFF Maroon #800000 Purple #800080 Fuchsia #FF00FF Green #008000 Lime #00FF00 Olive #808000 Yellow #FFFF00 Navy#000080 Teal #008080 Aqua #00FFFF 7. ETIQUETAS PARA PÁRRAFOS Nuevo párrafo (dos espacios): Línea horizontal:

Salto de línea (un espacio):
8. ETIQUETAS PARA GENERAR LISTAS Las listas sirven para desplegar la información que debe ser enumerada o tabulada de una manera organizada. Lista numerada: Numera los párrafos u objetos que se encuentran dentro de la siguiente estructura:
  1. Primer párrafo u objeto.
  2. Segundo párrafo u objeto. Etc...
Lista con viñetas: Inserta un punto negro a los párrafos u objetos que se encuentran dentro de la siguiente estructura:
  • Primer párrafo u objeto.
  • Segundo párrafo u objeto. Etc...
9. ETIQUETAS PARA VÍNCULOS A OTRAS DIRECCIONES INTERNAS O EXTERNAS Permiten al usuario navegar con facilidad a través de la red, creando vínculos que lleven hacia una misma parte del website o hacia otros sitios web. Las etiquetas HTML que se encargan de generar los vínculos son y . A esta etiqueta se le debe agregar el "URL" con el que se desea vincular. Esto se realiza de la siguiente manera: Texto del vínculo El URL será la dirección completa de la página a la que se desea crear el vínculo. Ejemplo: http ://www.escuela-de-negocios.com Vínculos de correo electrónico La estructura es la siguiente: Ejemplo: 10. ETIQUETA PARA AGREGAR IMAGENES Para colocar una imagen en una página basta con llamarla desde el documento HTML. Lo primero es diseñar la imagen en cualquier programa y guardarla con terminación GIF o JPEG que son los formatos aceptados por el lenguaje HTML. La etiqueta es la siguiente: Donde "Nombre del archivo" es el nombre del archivo de gráfico que desea desplegar. 11. ETIQUETA PARA GENERAR TABLAS En general las tablas pueden ser sin borde o con borde las que lleven borde deberán indicar el tamaño del mismo. La etiqueta para crearlas es: .......... ..........
;Aquí va el texto del título
Primera fila, primera columna Primera fila, segunda columna Primera fila, tercera columna
Segunda fila, primera columna Segunda fila, primera columna Segunda fila, primera columna
etc... El número que se designa en la etiqueta determina el ancho del borde de la tabla. Este número puede estar entre 0 y 7. La etiqueta: Aquí va el texto del título. Da la posibilidad de colocarle un título a la tabla, bien sea en la parte superior (TOP) o en la parte inferior (BOTTOM). 12. METATAGS Las METATAGS son etiquetas dirigidas a informar a los motores de búsqueda sobre el contenido de tu página; tienen un formato diferente a los etiquetas normales de apertura/cierre <> </>. Las METATAGS se sitúan al principio del documento HTML. Su estructura es la siguiente: Las METATAGS de descripción y palabras clave son los más importantes e imprescindibles su código es el siguiente: • METATAG de descripción: contiene información sobre la página que muestra el motor de búsqueda en sus resultados. • METATAG de palabras clave: con él informamos al buscador cuáles consideramos que son la principales palabras clave de nuestra página. Existen otras METATAGS opcionales que son: La METATAG “robots” es importante si tenemos páginas privadas y no queremos que aparezcan en los resultados de búsqueda, así como las páginas de información del tipo “quiénes somos”, “contáctenos”, etcétera que no tienen mayor interés ni relación con nuestro tema. Para que los buscadores no registren estas páginas y no sigan sus enlaces, sólo escribe “noindex”, “nofollow”. Para evitar que el robot de Google indexe y acceda a una página determinada de nuestra web usamos la METATAG “robots”. Esto sirve para páginas internas, pero ¿qué hacemos si lo que no queremos es que Google siga un enlace a una página externa? ¡muy fácil! podemos añadir al enlace un atributo que se llama “rel=nofollow” que indica al robot de Google que no debe seguirlo. Ejemplo: un link, quedaría de la siguiente manera: lea el artículo del experto en mkt esto hará que el buscador no siga el enlace, pero continuaría activo para nuestros visitantes. Con esto terminamos la guía rápida de HTML que te servirá como referencia al momento de que construyas tus páginas web.

martes, 5 de agosto de 2014

TRABAJO PRÁCTICO INTEGRADOR

TRABAJO PRÁCTICO INTEGRADOR

1-   ¿Qué significa la palabra “tecnología”?
2-   Enumera algunas diferencias entre tecnología y ciencia
3-   Reflexione sobre el siguiente texto:
Tecnología es el conjunto de conocimientos técnicos, ordenados científicamente, que permiten diseñar y crear bienes y servicios que facilitan la adaptación al medio ambiente y satisfacer tanto las necesidades esenciales como los deseos de la humanidad. Cuando se lo escribe con mayúscula, Tecnología, puede referirse tanto a la disciplina teórica que estudia los saberes comunes a todas las tecnologías como a la educación tecnológica, la disciplina escolar abocada a la familiarización con las tecnologías más importantes. La actividad tecnológica influye en el progreso social y económico, pero su carácter abrumadoramente comercial hace que esté más orientada a satisfacer los deseos de los más prósperos (consumismo) que las necesidades esenciales de los más necesitados, lo que tiende además a hacer un uso no sostenible del medio ambiente.
“Es urgente que la escuela forme usuarios críticos y no meros consumidores de tecnología de moda, muchas veces sin utilidad práctica”.
3.1- ¿Comparte la opinión del autor de este texto?
3.2- ¿Cree Ud. que es “peligroso” el rápido avance tecnológico que estamos viviendo?
3.3- ¿Cree Ud. que la escuela actual esta haciendo un esfuerzo para formar usuarios críticos?
4-   ¿Qué es un Sistema?
5-   ¿Qué utilidad tiene la técnica de “caja negra” que utilizamos en esta materia para estudiar un “objeto tecnológico” según el enfoque sistémico?
5.1- Utilice el procedimiento de caja negra para describir “un velador”.

martes, 3 de junio de 2014

TRABAJO PRÁCTICO Nº 2 (MATERIALES)

Objetivo: Reconozca los diferentes materiales usados por el hombre, en sus diversos grados de transformación y pueda ubicarlos en el tiempo y espacio correcto de su génesis.

1- Identifique los diferentes tipos de materiales utilizados por el hombre (Ej: madera, cuero, metales, cerámicos, plásticos, vidrio, etc., etc.)

2- Con los materiales identificado:
2.1- Realice un tabla donde se muestre las propiedades físicas, mecánicas y tecnológicos de cada uno.
2.2- Proponga ejemplos concretos de su utilización en artefactos de uso común.
2.3- Investigue desde qué época es conocido y utilizado por el hombre y en qué zonas geográficas.
2.4- Enumere los impactos negativos y positivos que tiene su utilización. Para los impactos negativos indique propuestas para moligerar (disminuir) esos efectos.

3- Con los resultados de su investigación confeccione una presentación para luego ser expuesta en grupo en la clase de tecnología.

PRODUCTO TECNOLÓGICO

Es cualquier objeto artificial, tangible o no, elaborado por el hombre con la finalidad de satisfacer determinada necesidad. La cantidad y variedad de productos que el hombre ha creado a lo largo de la historia configuran una diversidad muchísimo mayor que la que ofrece la naturaleza. El universo de productos tecnológicos está conformado por objetos vinculados a la industria, al arte, al uso personal, al interés social, etc.

MATERIALES

No importa donde estemos, si miramos a nuestro alrededor, nos daremos cuenta pronto de que estamos rodeados por materiales: naturales y artificiales, en su estado primitivo o elaborado. Son el soporte material del mundo artificial que el hombre ha construído a su alrededor.

Un marterial, desde el punto de vista tecnológico, es la materia transformada en su forma o en su esencia con la finalidad de cumplir alguna función. Puede ser de origen natural (se encuentra como tal en la naturaleza) o de origen artificial (resultado de algún proceso de fabricación). En general, provienen del mundo natural como materia prima, de dónde se obienten por diferentes métodos.

Si bien los materiales se los suele clasificar como "naturales" o "artificiales", o también según sus propiedades físicas y químicas, en tecnología procuramos clasificarlos y entenderlos desde una perspectiva utilitarista y finalista en el afán de satisfacer las diferentes necesidades humanas.

martes, 8 de abril de 2014

Lenguajes de la Tecnología

La tecnología tiene sus propios lenguajes, que iremos viendo e investigando a lo largo de este año. Uno de los más representativos es el "dibujo técnico" que posee sus particularidades y peculiaridades que lo hacen distinto de otros tipos de dibujo y un "verdadero lenguaje" entendible por todas las personas del mundo sin importar sus lengua o ubicación geográfica.


Trabajo Práctico Nº 1:

Objetivo: Reconozca la los lenguajes específicos de la tecnología y pueda comprenderlos.

Alumnos:
1- Investigue en Internet la diferencia entre "dibujo artístico" y "dibujo técnico"; investigue su historia y evolución.
2- Realice una presentación (en Power point) siguiendo la estructura del "informe científico" con los resultados de su investigación y cuélguelo de este blog.

Trabajo Diagnóstico:

Objetivo: reconozca los distintos tipos de saberes y habilidades humanas.

Alumnos:
1- Encuentren las características comunes y distintivas entre los diferentes tipos de conocimiento (científico, tecnológico, técnico, artístico, filosófico, religioso).

2- Realice un cuadro preferentemente en Excel y "cuélguelo" en este blog.

Ciencia - Tecnología y Cultura

Si bien la irrupción de la tecnología de las comunicaciones y la información es bastante reciente en la vida de las personas, su penetración en prácticamente todos los grupos etarios hace que podamos definir a la actual cultura urbana como "tecnológica". Es también cierto que todavía podemos reconocer a dos grupos bien definidos de "sujetos" de la tecnología, estos son los nativos digitales y los inmigrantes digitales. En el primer grupo están comprendidas las personas del menor edad que son contemporáneos con las innovaciones y que pueden manejarse entre las distintas opciones tecnológicas casi intuitivamente. En el segundo grupo están aquellos que las innovaciones se le presentaron a una edad posterior a la formativa o incluso a una edad avanzada. A los sujetos de este último grupo (salvo claro está aquellas personas que tienen por profesión, hábito o hobbie a la tecnología) les cuesta adquirir las habilidades necesarias para utilizar con maestría los nuevos aparatos tecnológicos o ponen mayor resistencia a la constante renovación de aparatos y utilidades que esta cultura tecnológica les exige.


TECNOLOGÍA Y CIENCIA - DIFERENCIAS, SEMEJANZAS

Tecnología, es una palabra de origen griego, τεχνολογία, formada por téchnē (τέχνη, arte, técnica u oficio, que puede ser traducido como destreza) y logía (λογία, el estudio de algo).

CIENCIA:

Motivación: Ansia de conocimiento
Actividad: Investigación Científica
Producto: Conocimiento científicos

TECNOLOGÍA:

Motivación: Satisfacción de necesidades o deseos
Actividad: Desarrollo, diseño, ejecución
Producto: Bienes y servicios, métodos y procesos

Diferencias y Semejanzas:

• La Ciencia tiene como finalidad llegar al conocimiento por el conocimiento, la Tecnología busca el conocer para hacer.
• Para la Ciencia cualquier objeto es digno de estudio, para la Tecnología otorga valor a los artefactos, los recursos y los objetivos.
• La ciencia de da soporte teórico a la tecnología. La tecnología le da a la ciencia medios para la investigación.
• Para la ciencia los problemas tienen relación con lo cognoscitivo, para la tecnología los problemas hacen relación a lo practico.
• La ciencia busca la verdad, la tecnología la eficiencia.
• La Ciencia utiliza fórmulas legaliformes o normas, La Tecnología emplea fórmulas monográficas o proposiciones.
• La Ciencia dadas las condiciones predice los resultados, la Tecnología dados los objetivos indica los medios adecuados.
• La Ciencia contrasta hipótesis, la Tecnología contrasta la eficiencia.

SISTEMAS

Un “sistema” es un conjunto de elementos que están relacionados entre sí y que constituyen un todo integrado con un propósito. Los sistemas reciben (entrada) datos, energía o materia del ambiente y proveen (salida) información, energía o materia. Un sistema puede ser físico o concreto (una computadora, un televisor, un humano) o puede ser abstracto o conceptual (un software, una metodología) Todos los sistemas tienen composición, estructura y entorno Si un sistema es componente de otro mayor, al menor se lo llama “subsistema”. Por ejemplo podemos estudiar al átomo como un sistema completo, donde los componentes se interrelacionan y lo definen al átomo como tal. O podemos estudiarlo como subsistema componente de un sistema mayor: “la molécula”.

ENFOQUE SISTÉMICO

El enfoque desde el punto de vista de los sistemas, llamado enfoque sistémico, es un método que también nos permite comprender aspectos de la realidad, pero desde una vista de conjunto, de totalidad, y haciendo uso del concepto de sistema. Podemos entender el enfoque sistémico como un modo de producción de conocimiento tecnológico y como un medio necesario para el abordaje y comprensión de la complejidad y la globalidad de la realidad y sus fenómenos. Con esta herramienta del pensamiento se realizan analogías funcionales, se resuelven problemas tecnológicos de caja negra (entrada-transformación-salida), se interpretan y aplican códigos y relaciones entre materia, energía e información, con matrices, diagramas de flujo, etc. que contribuyen a una mejor interpretación de modelos que explican la realidad circundante. El enfoque sistémico se contrapone al enfoque analítico que descompone un sistema de todas sus partes y las estudia en forma separada. Para el enfoque analítico un sistema es la suma de sus partes en cambio para el enfoque sistémico un sistema es más que la suma de sus partes o bien distinto a la suma de sus partes. Los sistemas intercambian entre sí materia, energía e información. Para que se dé este intercambio es necesario que estas materia, energía e información atraviesen los límites del sistema hacia el entorno, o desde el entorno, o ambas. Si el sistema intercambia con el medio se dice que es abierto, de lo contrario se considera cerrado, como ya tuvimos oportunidad de conocer en la clasificación de sistemas. Esquema de entradas y salidas (caja negra): Otra manera de representar sistemas es el de entradas y salidas. Se lo utiliza cuando no se conocen en detalle los componentes del sistema y por lo tanto se lo considera como caja negra. Solo se analiza lo que entra y lo que sale del mismo.

Elementos de entrada Elementos de transformación Elementos de salida
I Materia Materia T N R S A U Energía Energía N M S O F S Información Información O M A D O
Retroalimentación
Los flujos (de materia, energía e información) que llegan a cada bloque (las entradas) se indican con flechas entrantes, mientras que los flujos que salen (las salidas) se indican con flechas salientes del bloque. Podemos analizar o diseñar un producto tecnológico (un bien, proceso o servicio) usando un diagrama que relacione los flujos de entrada y salida, y las transformaciones que ocurren en ese producto. Veamos como se usa este tipo de diagrama en la práctica. Veremos el caso de un análisis sistémico de un velador.
energía (eléctrica) energía (lumínica) energía (calórica como residuo) información (switch encendido)