Aprender Html5, Css3 y Javascriptcon 100 Ejercicios

Índice

001 Crear y visualizar un documento HTML......................14
002 Trabajar con etiquetas y elementos............................16
003 Declarar idioma y codificación....................................18
004 Declarar el título y otros metadatos............................20
005 Declarar el elemento header de la página...................22
006 Declarar los elementos aside y 'footer'.......................24
007 Declarar los elementos nav y ul...................................26
008 Declarar los elementos section y article......................28
009 Cabeceras de artículos con hgroup y header...............30
010 Elementos image, figure y figcaption..........................32
011 Crear elementos expandibles con details....................34
012 Marcar fecha con y definición con ........36
013 Etiquetas , , y ............ 38
014 Usar reversed, date, ping y download.........................40
015 Contenteditable, spellcheck y draggable.....................42
016 Incrustar un archivo de audio......................................44
017 Incrustar un archivo de vídeo......................................46
018 Usar el elemento canvas..............................................48
019 Crear un formulario (I).................................................50
020 Crear un formulario (II)................................................52
021 Definir el campo con atributos....................................54
022 Conocer el nuevo documento HTML..........................56
023 Declarar estilo CSS dentro del elemento.....................58
024 Declarar estilos CSS en la cabecera o head .................60
025 Crear una hoja de estilo externa.................................62
026 Crear referencias de clase...........................................64
027 Crear referencias de id................................................66
028 Crear referencias con pseudo-clases (I).......................68
029 Crear referencias con pseudo-clases (II)......................70
030 Insertar una imagen de fondo.....................................72
031 Establecer ancho, alto y márgenes..............................74
032 Ubicar elementos con display y float...........................76
033 Definir y dar estilos a la fuente....................................78
034 Utilizar fuentes personalizadas....................................80
035 Definir el tamaño de la fuente.....................................82
036 Definir alineación, altura y versalitas...........................84
037 Establecer columnas ...................................................86
038 Aplicar sombra, relleno y trazado a una fuente..........88
039 Aplicar sombras a una caja..........................................90
040 Crear borde con image-border....................................92
041 Redondear esquinas con border-radius......................94
042 Aplicar degradados lineales.........................................96
043 Aplicar degradados radiales........................................98
044 Usar reflexiones e imágenes degradadas..................100
045 Ajustar textos y títulos a sus contenedores...............102
046 Transformar la escala de un elemento......................104
047 Desplazar un elemento..............................................106
048 Inclinar un elemento..................................................108
049 Rotar un elemento.....................................................110
050 Transformar el origen de un elemento......................112 051 3D con la función perspective.................................114
052 Crear efectos con transformaciones.......................116
053 Crear transiciones entre transformaciones............118
054 Crear animaciones en CSS3.....................................120
055 Crear animación con capas.....................................122
056 Crear transparencias...............................................124
057 Crear filtros con CSS3..............................................126
058 Modelo de caja flexible ..........................................128
059 Elementos flexibles que son cajas flexibles.............130
060 Cajas flexibles con medidas de referencia..............132
061 Enlazar a un punto de la misma página..................134
062 Conocer Javascript y asignar variables....................136
063 Calcular con operadores matemáticos...................138
064 Asignar múltiples valores (en una matriz)...............140
065 Condicionales con if y else, y switch y case.............142
066 Crear bucles con for y while....................................144
067 Declarar y llamar a una función..............................146
068 Crear y modificar objetos y propiedades................148
069 Crear y modificar métodos......................................150
070 Crear objetos a partir de otros (I)...........................152
071 Crear objetos a partir de otros (II)..........................154
072 Conocer los eventos de Javascript..........................156
073 Crear código Javascript en un archivo externo.......158
074 Seleccionar un elemento del HTML (I)....................160
075 Seleccionar un elemento del HTML (II)..................162
076 Modificar un contenido con innerHTML.................164
077 Intercalar imágenes cambiando valor de src..........166
078 Modificar estilos CSS3 desde Javascript..................168
079 Identificar la etiqueta y el elemento padre ............170
080 Trabajar con elementos anidados o hijos...............172
081 Utilizar className para aplicar estilos (I)................174
082 Utilizar className para aplicar estilos (II)...............176
083 Crear el canvas y un contexto de dibujo.................178
084 Dibujar líneas y rectángulos en canvas...................180
085 Definir esquinas y extremos de trazados................182
086 Trazar arcos y círculos.............................................184
087 Crear curvas cuadráticas y bezier............................186
088 Crear degradados lineales y radiales.......................188
089 Escribir en el canvas................................................190
090 Insertar una imagen en el canvas...........................192
091 Enlazar a una parte de la misma página.................194
092 Transformar el lienzo..............................................196
093 Crear un reproductor personalizado.......................198
094 Controlar botones de 'silencio' y 'pausa'................200
095 Controlar la barra de progreso ...............................202
096 Controlar volumen y pantalla completa.................204
097 Depuración del código o buscando errores............206
098 Crear un servidor local con WampServer ...............208
099 Instalar servidor local y ponerlo a funcionar...........210
100 Utilizar