HTML y CSS

Introducción a la programación web

Definiéndolo de forma sencilla, “HTML es el lenguaje que se utiliza para crear las páginas web a las que se accede mediante internet“. Más concretamente, HTML es el lenguaje con el que se “escriben” la mayoría de páginas web.

Los diseñadores utilizan el lenguaje HTML para crear páginas web, los programas que se emplean generan páginas escritas en HTML y los navegadores que utilizamos (por ejemplo Google Chrome, Opera o Mozilla Firefox) muestran las páginas web después de leer e interpretar su contenido HTML.

Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes. Con el desarrollo del estándar HTML, empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes, con lo que nació el lenguaje CSS para optimizar el aspecto de las páginas HTML.

La posterior aparición de tecnologías como JavaScript, provocaron que las páginas HTML también incluyeran el código de las aplicaciones (scripts) que se utilizan para crear páginas web dinámicas.

Resumiendo:

HTML: Es la forma como se organiza o se estructura la información en una página web. Es la que ordena todo el contenido desde la ubicación del título hasta los pié de página.

CSS: Es el lenguaje con el que puedes crear estilos al contenido de la página, de esta manera la página no se verá como letras una encima de la otra, sino con cuadros, estilos, diagramas y demás cosas agradables ante el ojo humano, que la hace ser atractiva.

JavaScript: Este lenguaje te permite crear una interactividad con el usuario que está visitando tu página, donde puedes pedir datos, vistas dinámicas, pregunta y respuesta y demás.

Aunque estos tres lenguajes se dedican a diferentes cosas, lo hacen para un fin común, el cual es crear una página web dinámica e interactiva.

Estos lenguajes pueden escribirse en un solo archivo y el navegador los interpretara cada uno por separado, uniendo e interpretándolo.

Nosotros vamos a estudiar los lenguajes HTML y CSS, dejando JavaScript para cursos posteriores.

Fuente de información:


Bases de Datos

Vamos a realizar algunas prácticas con bases de datos. Sigue las indicaciones del profesor.

Búsquedas en internet

cercaGoogleRealizar búsquedas por internet parece una cosa fácil, pero se puede convertir en un dolor de cabeza si no sabemos como hacerlo correctamente. A continuación veremos una serie de recomendaciones para realizar las búsquedas en Google de la manera más óptima posible.

El principal error que cometen los novatos en las búsquedas es que no saben que menos es más. Al contrario del que mucha gente piensa, no obtendrás mejores resultados si incluyes más palabras en una búsqueda, al contrario, normalmente, obtendrás más resultados y más adecuados si introduces consultas de búsqueda de una o dos palabras. Introduce primero termas de busca más importantes y, a continuación, añade adjetivos u otras palabras para restringir la búsqueda.

Por ejemplo: en vez de escribir «Si quiero sacar a un animal de un refugio para quedármelo, que pasos debo realizar para hacerlo correctamente?» podemos escribir «pasos adopción perro». Comprueba los resultados en un navegador y mira qué búsqueda obtiene mejor resultados.

Puedes ignorar la ortografía y las mayúsculas, aunque tendrías que escribir correctamente. El corrector ortográfico de Google utiliza automáticamente la forma más común de una palabra determinada, tanto si lo escribes correctamente como si no. Además la búsqueda de Google ignora los signos de puntuación, incluidos @, #, %, ^, *, (, ), =, [, ], \ y otros caracteres especiales.

Por eso obtendrás los mismos resultados si buscamos «gooogle» que si buscamos «google», o si buscamos «new york» o «*New York»

Tienes que elegir bien las palabras a utilizar. Cuando estés pensando que palabras escribir en el cuadro de búsqueda, elige las que probablemente aparecerán en el lugar que buscas.

Por ejemplo, en lugar de utilizar «me hace daño la cabeza», es más recomendable que utilices «dolor de cabeza», porque es más probable que los sitios web de medicina utilicen este término.

Una herramienta muy útil es la búsqueda de frases exactas. Escribe la frase entre comillas “cualquier frase” para buscar las palabras exactas en el mismo orden. Ten en cuenta que algunos resultados relevantes podrán no mostrarse al utilizar las comillas en las búsquedas.

Por ejemplo, si se utilizan comillas para buscar “Alexander Bell”, se omitirán las páginas que hagan referencia a Alexander G. Bell.

Ya hemos visto que el buscador ignora los signos de puntuación, pero además ignora las preposiciones (a, de…) y los artículos (la, las…) por defecto, por eso si te interesa que se incluyan porque forma parte de la palabra que buscas puedes utilizar las dobles comillas o también puedes utilizar el signo +. Este signo fuerza la aparición de una palabra en el resultado.

Por ejemplo +la cabaña, “la” cabaña, o “la cabaña”.

Además, el signo – se utiliza para excluir específicamente una palabra de los resultados de búsqueda como, por ejemplo, algunos ingredientes en el caso de recetas de cocina.

Por ejemplo, comprueba la diferencia entre buscar «receta salsa», «receta salsa +tomate» y «receta salsa -tomate». Comprueba también la diferencia entre buscar «jaguar +animal» o «jaguar -animal».

Por otro lado, podemos buscar en un sitio web específico. Incluye site: ante la consulta de búsqueda si estás seguro que la información que te interesa está incluida en un determinado tipo de lugar (.org o .edu) o en un lugar específico.

Por ejemplo, podemos realizar la búsqueda «valencia cf site:marca.com» para encontrar las noticías del Valencia CF dentro de la web del diario Marca. O «lliurex site:org» para encontrar las páginas que hacen referencia a LliureX y pertenecen a organizaciones (la web acaba con la terminación .org)

También podemos hacer búsquedas por tipos de archivo. Para buscar tipo de archivos específicos como, por ejemplo, PDF, PPT o DOC, añade filetype: seguido de la abreviatura de tres letras del tipo de archivo.

Por ejemplo, busca «riesgos en internet filetype:pdf» para encontrar documentos en PDF que hablan sobre los riesgos en internet.

Para muchas buscas, Google se encargará de mostrarte una respuesta a tu pregunta en los resultados de la busca.

Clima o Tiempo busca clima para ver el tiempo en tu ubicación o agrega el nombre de una ciudad, como clima La puebla del Duque, para ver el tiempo de un lugar específico.
Define: ante cualquier palabra nos muestra su definición.
Para hacer cálculos ingresa una operación matemática, como 3*9123, o busca soluciones para ecuaciones gráficas complejas.
Para hacer conversiones de unidades ingresa cualquier conversión, como 3 dólares en euros.
En deportes busca el nombre de tu equipo para ver el cronograma, los resultados de partidos y mucha información más.
Datos rápidos: busca el nombre de una celebridad, una ubicación, una película o una canción para encontrar información relacionada.

Si quieres conocer más consejos puedes visitar la siguiente web:

https://www.google.es/intl/es/insidesearch/tipstricks/all.html

Además siempre puedes utilizar las buscas avanzadas de google que te permiten afinar la busca al máximo posible sin la necesidad de saber todos estos consejos que acabamos de aprender.

Sistemas Operativos

operating-system-logosTodos conoceis el concepto de sistema operativo, como bien sabéis es parte del software, más concretamente una parte más que importante, esencial. Este software permite al usuario comunicarse con la máquina, y permite a la máquina controlar todos los elementos que la componen y todos aquellos periféricos que se puedan conectar a ella.

A continuación trataremos el tema que nos habla precisamente de los sistemas operativos. Pincha en este enlace y descargado el documento a tu escritorio.

Presentación en PowToon

Entra en la web https://computerhoy.com/paso-a-paso/software/como-crear-presentaciones-videos-animados-gratis-powtoon-76917, lee el artículo y:

  • Crea una cuenta en PowToon.
  • Crea una presentación sobre una persona digna de admiración. Pero no debe ser una persona famosa o un personaje público, sino una persona anónima para nuestra sociedad, como un profesor del instituto, una amiga, un padre, madre, abuelo, abuela, o incluso la dependienta de la panadería. Eso si, debe ser una persona que tu creas que merece tu admiración por su dedicación a su trabajo, el esfuerzo que realiza todos los dias, la ayuda que presta a los demás, la vida que ha vivido, etc.
  • Habla con dicha persona y pídele permiso para hablar de ella delante de tu clase, explícale el trabajo y recoge información sobre su vida. Luego debes explicar en una presentación de PowToon las cosas que más te han llamado la atención sobre ella y sobre todo por que motivo crees que dicha persona merece tu admiración.
  • Debes incluir:
    • Una primera escena donde aparezca el título de la presentación y el nombre del autor/a.
    • Elementos gráficos animados.
    • Usar la línea de tiempo.
    • Combinar distintos gestos creando animaciones con movimiento.
    • Utilizar una licencia CC que permita usar tu presentación siempre que se nombre al autor.

 

Planificació d’activitats 4ESO

octubre dia 4ESO1 4ESO2
dilluns 1
dimarts 2
dimecres 3 Examen Examen
dijous 4 Acabar exercici de ports de comunicació
divendres 5 Acabar exercici de ports de comunicació
octubre dia 4ESO1 4ESO2
dilluns 8 Llegir pàg 54 i 55. Act. 1,2,3 i 4 pàg. 55. en el document ActivitatsT3.odt
dimecres 10 Llegir pàg 54 i 55. Act. 1,2,3 i 4 pàg. 55. en el document ActivitatsT3.odt Llegir pàg 56 i 57. Act. 1, 3 i 4 pàg 56. en el document ActivitatsT3.odt
dijous 11 Llegir pàg 58 i 59. Act 1,2,3 i 4 pàg 59. en el document Noticia.odt.
octubre dia 4ESO1 4ESO2
dilluns 15 Llegir pàg 60 i 61 excepte punt 4.2. Act. 1 i 2 pág. 61. en el document Noticia.odt.
dimarts 16 Llegir pàg 56 i 57. Act. 1, 3 i 4 pàg 56. en el document ActivitatsT3.odt
dimecres 17 Llegir pàg 58 i 59. Act 1,2,3 i 4 pàg 59. en el document Noticia.odt. Acabar activitats pendents o començar pràctica 1.
dijous 18 Continuar amb la pràctica 1.
divendres 19 Llegir pàg 60 i 61 excepte punt 4.2. Act. 1 i 2 pág. 61. en el document Noticia.odt.
octubre dia 4ESO1 4ESO2
dilluns 22 Continuar amb la pràctica 1.
dimarts 23 Acabar activitats pendents o començar pràctica 1.
dimecres 24 Continuar amb la pràctica 1. Continuar amb la pràctica 1.
dijous 25 Llegir pàg 62 i 63 excepte punt 5.4. Act. 1,2,3,4 i 5 pàg 63.
divendres 26 Continuar amb la pràctica 1.
octubre dia 4ESO1 4ESO2
dilluns 29 Llegir pàg 65. i fer pràctica 2.
dimarts 30 Continuar amb la pràctica 1.
dimecres 31 Llegir pàg 62 i 63 excepte punt 5.4. Act. 1,2,3,4 i 5 pàg 63. Acabar activitats pendents.
novembre dia 4ESO1 4ESO2
dilluns 5 Llegir pàg 72 i 73. Fer activitats 1,2 i 3 pàg. 73. Enviar document Noticia.odt al professor.
dimarts 6 Llegir pàg 65. i fer pràctica 2.
dimecres 7 Acabar activitats pendents. Presentació en PowToon
dijous 8 Presentació en PowToon
divendres 9 Llegir pàg 72 i 73. Fer activitats 1,2 i 3 pàg. 73. Enviar document Noticia.odt al professor.
novembre dia 4ESO1 4ESO2
dilluns 12 Presentació en PowToon
dimarts 13 Presentació en PowToon
dimecres 14 Presentació en PowToon Presentació en PowToon
dijous 15 Presentació en PowToon
divendres 16 Presentació en PowToon
novembre dia 4ESO1 4ESO2
dilluns 19 Exposició de les presentacions
dimarts 20 Presentació en PowToon
dimecres 21 Presentació en PowToon Exposició de les presentacions
dijous 22
divendres 23 Exposició de les presentacions
novembre dia 4ESO1 4ESO2
dilluns 26
dimarts 27 Exposició de les presentacions

Puertos de comunicación

Los puertos de comunicación son herramientas que permiten manejar e intercambiar datos entre un computador (generalmente están integrados en la placa base) y sus diferentes periféricos, o entre dos dispositivos.

Copia la siguiente imagen en un documento de texto al que llamarás PuertosNombreApellido.odt, donde NombreApellido son tu nombre y primer apellido.Pertos2.png

Una vez hecho completa cada cuadro vacío con el nombre del puerto, y luego realiza un listado explicando para que sirve cada puerto.

Por último crea una tabla y clasifica los puertos en: Audio, Vídeo, Audio+Vídeo, Datos, Red