Del curso: Aprende semántica web
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 24.000 cursos impartidos por expertos del sector.
Primeros pasos: planteamiento del diseño en papel - Tutorial de HTML
Del curso: Aprende semántica web
Primeros pasos: planteamiento del diseño en papel
Cuando trabajamos un diseño web, lo primero que debemos hacer antes de empezar a codificar como locos es sentarnos tranquilamente y evaluar cada uno de los elementos que tenemos delante. Como buena práctica, os aconsejo utilizar unas hojas de papel, donde poder colocar cada uno de los bloques o elementos descriptivos de nuestro diseño. En este caso, voy a utilizar Photoshop para enseñaros cuáles serían los elementos o los bloques necesarios en nuestro diseño web. Como podemos observar, en una primera parte tenemos lo que se denominaría como un 'header'. Dentro de este 'header' podemos observar –voy a colocároslo para que lo podáis ver mejor– como tenemos un elemento de navegación. Y además podemos ver un logo. Después podemos visualizar nuestro cuerpo de la web. en este caso y en este diseño no tenemos 'footer'. Voy a marcároslo en color rojo para que lo podáis ver perfectamente. Dentro del cuerpo de nuestra web tenemos distintos elementos. cada uno de ellos hace referencia a una…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
-
-
-
(Bloqueado)
Primeros pasos: planteamiento del diseño en papel2 min 41 s
-
(Bloqueado)
Creación de la estructura semántica del diseño en papel4 min 32 s
-
(Bloqueado)
Creación de los elementos del diseño con etiquetas HTML2 min 16 s
-
(Bloqueado)
Validación semántica del código fuente a través de la W3C1 min 30 s
-
(Bloqueado)