Hasta ahora hemos visto como crear algoritmos con frases en nuestro lenguaje; sin embargo, el lenguaje que entienden los ordenadores no es el mismo que el nuestro.
El lenguaje que utilizan los equipos para comunicarse entre sí se denomina LENGUAJE MÁQUINA . Este lenguaje da lugar al CÓDIGO OBJETO, que consiste en una serie de ceros y unos (datos binarios) que no es comprensible para las personas. Es lo que se denomina LENGUAJE DE BAJO NIVEL.
Cuando una persona escribe un programa, lo hace en un LENGUAJE DE ALTO NIVEL, que es comprensible para la misma, pero que tiene que ser transformado en código objeto para que el ordenador pueda interpretarlo.
El COMPILADOR o INTÉRPRETE es el encargado de traducir a código máquina las órdenes que escriben las personas.
En el siguiente video tienes más información:
1. LENGUAJES DE ALTO NIVEL.
Dentro de los lenguajes de alto nivel también podemos establecer dos categorías:
Lenguajes visuales
Los lenguajes de programación visuales disponen de un conjunto de bloques gráficos de programación que tienen funciones específicas y se ensamblan siguiendo una secuencia de acciones para crear programas.
Estos lenguajes utilizan elementos gráficos con colores y formas, en lugar de texto, y por ello se usan en los entornos educativos para aprender a programar. Uno de los más utilizados es Scratch.
Lenguajes textuales
Un lenguaje de programación textual es un conjunto de símbolos y palabras (instrucciones y sentencias) que el usuario tiene a su disposición para elaborar un programa. Algunos ejemplos son Java, Python y C++.
2. LENGUAJES DE BAJO NIVEL.
Un lenguaje de programación de bajo nivel, es aquel en el que sus instrucciones ejercen un control directo sobre el hardware y por lo tanto están condicionados por la estructura física de las computadoras que lo soportan.
El lenguaje de bajo nivel más famoso es el CÓDIGO BINARIO, que es el más básico y forma parte de todos los equipos informáticos. Este lenguaje utiliza los símbolos 0 y 1, denominados bits, los cuales se suelen agrupar en conjuntos de 8 bits a los que denominamos bytes.
Los procesadores que utilizan los ordenadores transmiten la información en forma de impulsos eléctricos actuando como pequeños interruptores que dejan pasar la corriente eléctrica o bien impiden su paso. Cuando en el circuito existe corriente, se codifica con valor 1; si no la hay, se codifica con valor 0.
Dado que en nuestra vida diaria usamos el sistema decimal para expresar cantidades (usamos 10 dígitos, del 0 al 9), debemos conocer la equivalencia entre éste y el sistema binario.
En los siguientes ejemplos se muestra como se puede pasar de un sistema a otro:
Además de los números, también podemos codificar en lenguaje binario los caracteres del texto escrito. Para poder escribir todas las letras del alfabeto utilizamos combinaciones de grupos de ocho ceros y unos. De esta manera podemos codificar un total de 256 (28) caracteres diferentes, entre los que se incluyen letras mayúsculas, minúsculas, caracteres especiales (como los signos de puntuación, los de acentuación, los símbolos propios [por ejemplo, la virgulilla de la ñ]...) y otros signos.
Para manejar de forma más eficiente grupos tan elevados de ceros y unos, se creó el código ASCII. Este código permite asignar a cada carácter codificado en binario su equivalente numérico en sistema decimal.
La tabla de caracteres ASCII recoge la codificación de cada uno de los caracteres de texto en sistema decimal.
Los llamados “caracteres imprimibles” van desde el número 33 hasta el 126. Otras letras y signos que utilizamos (como la ñ, la ç o las vocales con tilde o diéresis) se encuentran en el grupo llamado “ASCII extendido”.
Así por ejemplo, cuando el ordenador lee el número 100001 binario, que equivale al número 33 en sistema decimal, imprime el signo !.
ACTIVIDADES
1. ¿Puede un lenguaje de alto nivel ser interpretado directamente por el ordenador? Razona tu respuesta.
2. ¿Qué tipo de programación de alto nivel es la más cercana a la realidad laboral?
3. Pon un ejemplo de programa de alto nivel de tipo visual.
Las páginas web (archivos html) que hemos realizado en las prácticas anteriores sólo podemos visualizarlas en el sitio local. Una vez que tenemos nuestra web completa en el sitio local funcionando correctamente, podemos alojarla en un servidor, si deseamos que puedan verla otros usuarios a través de internet. Para ello, vamos a obtener una cuenta en uno de los servidores gratuitos que existen.
Estos servidores requieren que nos registremos y nos ofrecen espacios gratuitos del orden de 1 GB.
Crea una nueva página que llames index.html que será la página principal desde donde se podrá acceder a todas las prácticas. Repasa los enlaces relativos que utilizaste en la práctica 5.
Completa tu página index.html con una imagen creada con inteligencia artificial en la que aparezca un estudiante que se parezca a ti trabajando con html y css en un ordenador.
Además, escribe una introducción sobre todo lo que has aprendido hasta ahora, explicando algunas de las principales ETIQUETAS HTML y los TIPOS DE SELECTORES CSS.
Para que yo pueda ver vuestra hoja de estilos, al final de la página principal, inserta un enlace a tu archivo .css
ACTUALIZA TODO EN TU HOSTING
Y ASEGÚRATE QUE TIENES BIEN EL ENLACE EN TU BLOG!!
Las metodologías ágiles buscan la inmediatez y flexibilidad dividiendo el proyecto en distintas partes que se resolverán de forma más rápida a través de un trabajo colaborativo. Empresas como Zara, Apple, Facebook, Paypal, etc. utilizan esta metodología en sus procesos de desarrollo.
>>Diagramas PERT y Gantt
* Los diagramas PERT se centran en las dependencias entre tareas sin tiempos.
* Los diagramas Gantt gestionan y planifican proyectos administrando los tiempos de cada una de las tareas.
Prueba la versión de prueba online de Gantter > START YOUR FREE TRIAL > GANTTER CLOUD > START FREE TRIAL
El uso de gestores de contenido facilita la creación de páginas web para un usuario poco experto. Sin embargo, los diseñadores de páginas web se centran en la creación de páginas a partir del lenguaje en que están escritas: el lenguaje HTML (HyperText Markup Language).
Práctica 1: Empezar a programar en HTML con el bloc de notas. (Seguir instrucciones de la práctica 6 del libro)
Práctica 2: Dar formato a un texto(descarga aquí el texto)(Seguir instrucciones de la práctica 7 del libro)
>> Aplica a la etiqueta <font> con los atributos de tamaño (size) y tipo de letra (face) a los distintos párrafos.
>> Inserta la siguiente imagen centrada después del primer párrafo (descarga la imagen y guárdala en la misma carpeta que tienes tu archivo html)** y añade el siguiente código:
>> Para finalizar esta práctica, vamos a añadir un enlace o vínculo a una página externa, a tu blog por ejemplo. Añade una frase al final que ponga Para más información pincha aquí y convierte la palabra aquí en un enlace a tu blog. Para ello utiliza la siguiente etiqueta:
Para más información pincha <a href="https://soniatecnoinfo.blogspot.com/p/inicio.html">aquí</a>
Y por último averigua cómo puedes hacer para que se abra en una pestaña nueva!!!
Práctica 3: Crear una página web con texto, imagen y vínculos:
1. Mejora el aspecto ( de este texto) con nuevos atributos.
En esta práctica primero repasaras las etiquetas <b>,<i>,<u>,<s>,<sub>,<sup> para poner palabras en negrita, cursiva, subrayado, tachado, subíndice y superíndice respectivamente.
También utilizarás la etiqueta <dd> para hacer una sangría de un párrafo.
Y después aprenderás que hay 3 tipos de enlaces que se configurarán respectivamente con la siguiente estructura:
ABSOLUTOS <a href="https://soniatecnoinfo.blogspot.com/" target=_blank>Enlace a mi blog</a>
RELATIVOS <a href="P2_formato_alumno.html" target=_blank>Enlace a la práctica 1</a>
INTERNOS <a href="#inicio">Ir al inicio de la página</a>
- poner la referencia donde se quiere ir con <a name="..">
**Prueba a poner algunos títulos y negritas en colores (recuerda la etiqueta
Dentro del lenguaje de diseño web, las tablas HTML se crean usando las etiquetas <table> y </table>. En ella se incluyen dos etiquetas importantes: <tr>, que es para crear filas de tablas (table raw) y <td>, para crear celdas de datos (table data). Todo lo que esté dentro de ambas etiquetas es el contenido de la celda de la tabla.
Otras etiquetas utilizadas al momento de trabajar con tablas HTML son: <th>, para agregar encabezados (table header), <caption>, para insertar el título de la tabla.
Algunos atributos que puedes aplicar a la tabla y a las celdas son:
<border="...">, para indicar el grosor del borde
<width="...">, para el ancho total de la tabla
<cellpadding="...">, para indicar la distancia entre el texto y la celda
<cellspacing="...">, para indicar la distancia entre los bordes de la celda
<align=center, right, left...>
<align=top, bottom, middle...>
<colspan>, <rawspan>, para combinar celdas
<font color>, <bgcolor>, para cambiar el color del texto y del fondo
etc...
Aplica estos atributos para conseguir este resultado:
Después de practicar con las etiquetas básicas para realizar una tabla con el ejemplo (guárdalo como P6_tablas_nombre, realiza una tabla con tu horario y guárdalo como P6_horario_nombre.
Inserta también el logo del centro en alguna de las celdas (con la etiqueta <img src="...">, y crea un enlace que al hacer clic sobre esta imagen nos lleve a la página web del centro.
<a href="URL-de-la-página-web">
<img src="URL-de-la-imagen" alt="Texto alternativo de la imagen">
En esta práctica, además de repasar algunos de los elementos vistos en las prácticas anteriores (imágenes, encabezados, tablas, saltos de línea, etc) vamos a aprender a insertar audios y vídeos en nuestra página web.
Recuerda que para insertar imágenes utilizábamos la etiqueta <img src="..."> incluyendo en los puntos la ruta del archivo de imagen (jpg generalmente). Pues en los audios y vídeos es muy parecido, pero cambiando img por audio y video.. Además, para que salgan los iconos de reproducción, deberemos añadir el atributo controls.
Ejemplos:
P7_E2_Multimedia y CSS
Tipos de bordes para imágenes:
Detalle para la práctica utilizando estilos de borde para las distintas imágenes.
Utiliza un selector de clase para cada imagen! Hay que crear una hoja de estilos, y poner el link a la misma en el encabezado del archivo html con el mismo nombre. Ejemplo:
2. Sigue las instrucciones del siguiente archivo para crear contenido web utilizando GoogleSites.
l finalizar, publica una entrada en la cual tienes que compartir los links de los cuatro ejercicios.
Cuando termines explica brevemente qué programas informáticos conoces y utilizas más a menudo, qué te gustaría aprender este curso, y por qué has elegido la materia de TICII.