• Inicio
    • Recursos
  • Marcado HTML
  • Estilos CSS
  • JavaScript
  • Publicación
  • Prácticas
    • 1ª Evaluación
    • 2ª Evaluación
    • 3ª Evaluación
 
 
Curso 2022/2023 | 2º BACHILLERATO

 Tecnologías de la Información y la Comunicación | TIC-II 

icon html5
icon css3
icon css3


Programación

¿ Qué es programar ?

De manera escueta podemos decir que programar es es crear programas (software) que enseñan al ordenador a hacer algo, a través de una secuencia de instrucciones que debe seguir, y que hemos escrito usando un lenguaje (de programación) específico para ello“.

Este es un curso práctico y creo que es mejor que vayas descubriendo en qué consiste programar, realizando precisamente esta actividad.

¿ Qué es un lenguaje de Programación ?

Un lenguaje de programación es un lenguaje formal diseñado para realizar procesos que pueden ser llevados a cabo por máquinas como los ordenadores.

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.

Está formado por un conjunto de símbolos y reglas sintácticas y semánticas que definen su estructura y el significado de sus elementos y expresiones.

Al proceso por el cual se escribe, se prueba, se depura, se compila (de ser necesario) y se mantiene el código fuente de un programa informático se le llama programación.

Continuar leyendo

El Diseño Web actual

En los últimos 20 años, el diseño web ha experimentado un rápido desarrollo, caracterizado por grandes avances tecnológicos y un sinnúmero de posibilidades completamente nuevas.

Actualmente algunas características web tienen muy poco tiempo para desarrollarse antes de volverse obsoletas. Sin embargo, hay dos cosas que nunca han dejado de tener importancia para el diseño web: la usabilidad y la alta calidad del contenido, y no solo ahora que millones de personas están constantemente conectadas desde dispositivos móviles.

Las tendencias de diseño web en 2018 siguen un patrón bien definido. Para empezar, el aspecto visual de las páginas web pasa a un segundo plano para dar prioridad a la usabilidad. Además, el contenido debe ser presentado de forma atractiva y tener un valor añadido para el usuario, independientemente del dispositivo.

El diseño web responsivo seguirá siendo un concepto clave en 2018, pues el éxito a largo plazo de cualquier proyecto online o aplicación web depende de que sus características funcionen y de que se adapten a cualquier dispositivo desde donde se pueda visualizar una web.

Aprovechar al máximo los lenguajes HTML5, JavaScript y CSS3 facilitará el diseño de páginas web flexibles. En la medida de lo posible, el contenido y los elementos gráficos de una web deben ofrecer la posibilidad de ser visualizados correctamente desde cualquier dispositivo sin estar condicionados por la resolución de la pantalla o el método de entrada (ratón o pantalla táctil). El diseño responsivo se encarga de garantizar el ajuste flexible y automático de una web a todo tipo de pantallas, asegurando incluso su correcto funcionamiento en dispositivos futuros.

8 tendencias que dominarán el diseño web en 2018

  1. Interfaz de usuario ordenada
  2. Interacción rápida, sin complicaciones
  3. Experiencia de usuario personalizada
  4. Scrolling en las páginas web: evitar los clics
  5. El impacto de una buena tipografía
  6. Elementos de fondo dinámicos
  7. Imágenes de alta calidad
  8. Rendimiento de la página web: tiempo de carga percibido frente al real

El uso de las tendencias de diseño web para alcanzar el éxito

Las tendencias de diseño web de 2018 giran en torno al concepto de la interactividad pero, además, en el futuro se deben crear las páginas web más orientadas al usuario y permitir un acceso más rápido. En ello, los contenidos web no se diseñarán por separado en función de los diferentes terminales, sino que se optimizarán en el marco del diseño web responsivo para lograr una presentación apta para cualquier tipo de dispositivo.

Infinite y parallax scrolling son recursos populares para acompañar al visitante durante su recorrido por la web, dos conceptos clave dentro del interactive storytelling. Es importante que el usuario no tenga la sensación de que el contenido está siendo presentado por obligación, sino que haya un trasfondo. Las ilustraciones dibujadas a mano, un fondo de calidad y las fuentes personalizadas le darán un toque personal adicional a cualquier página web. Es importante concentrar esfuerzos para atraer visitantes a la web e involucrarlos emocionalmente. Aun así, el principio sigue siendo el mismo: una página web creada pensando en el usuario y con contenido de alta calidad, presentado de manera atractiva, es el primer paso en el camino hacia el éxito en la World Wide Web.

 Fuente: 1&1 Digital Guide

Teoría

Guías completas

Guías completas

  • LibrosWeb HTML
  • Vocabulario HTML
  • Guía HTML5 y HTML
  • Guía CSS 2.1 y CSS3
  • Guía JavaScript
  • HTML Reference
  • CSS Reference
Cheat Sheets

Cheat Sheets

html css js

  • HTML CheatSheet
  • CSS CheatSheet
  • JS CheatSheet

Herramientas

Para Código

Para Código

  • Sublime-Text | Ext.
  • Visual Studio Code | Ext ≡
  • Preprocesador: Prepros
  • Editor online: CodePen
Otras ...

Otras ...

  • Cliente - FTP: Filezilla
  • Capturador: PicPick
  • Visor: Sumatra-PDF
  • Acrobat Reader - PDF
  • Compresor: 7zip
  • Reproductor: VLC
  • MathJax - AsciiMath
Portables

Portables

  • Visual Studio Code [Ext]
  • Sublime Text
  • Sumatra PDF
  • Chrome Portable
  • Opera Portable
  • FireFox Portable
Código BASE

Código BASE

  • Template: base1_tareas
  • Template: base2_layout
  • Template: base3_menu
  • Imágenes: HDWallpapers
Hosting

Hosting

  • DriveToWeb [•]
  • Ejemplo
Clases

Clases

CodePen clases

Recursos

Navegadores

Navegadores

  • Firefox
  • Chrome
  • Opera
  • Vivaldi
Útiles online

Útiles online

  • Optimizador: TinyPNG
  • Conversor: Online-Convert
  • Software: Filehippo
Almacenamiento

Almacenamiento

  • Drive (Google)
  • onDrive (Microsoft)
Materiales

Materiales

  • Reset normalize
  • Google Font

En línea ...

Hay 183 invitados y ningún miembro en línea

Licencias ...

3con14 ─ LAB: 1998 - 2020
www.3con14.biz
(cc) Jesús Plaza M.

Visitas ...

Hoy ... 1

Ayer ... 9

Week 1

Mes ... 262

TOTAL ... 11488

(cc) 3con14, esta obra está bajo licencia
Creative Commons Atribución-No Comercial-Compartir Igual 4.0

  • Inicio
    • Recursos
  • Marcado HTML
  • Estilos CSS
  • JavaScript
  • Publicación
  • Prácticas
    • 1ª Evaluación
    • 2ª Evaluación
    • 3ª Evaluación