Guía de estilo

Contenidos

1. Escritura
2. Imágenes
3. Traducción
4. Distribución del texto
5. Columnnes

 

1

Escritura

Contenido

  • Escribe los títulos en minúscula. La minúscula se discrimina mejor, es más fácil de leer.
  • No repitas las cosas. Si está escrito, enlaza no vuelves a escribir el mismo.

Estilos

  • Utiliza los estilos y respeta la jerarquía de las cabeceras.

Enlaces

  • Cuando enlazas, si el enlace queda fuera del blog, bastante que el apertura de una nueva pestaña.

Clasificación

  • Clasifica el contenido mediante categorías y hashtags .
  • Categorías
    • Son descriptores generales
    • Solo una palabra
    • En mayúscula la primero letra
  • Hashtags
    • Descriptores particulares, especificadores de la categoría
    • Solo una palabra a ser posible, evitar escribir grupos de palabras para un mismo hashtag
    • Podemos escribir más de una palabra, en este caso separar con comas

2

Imágenes

  • Si están en la web, enlázalas para enseñarlas, no las subes.

3

Traduce la página al castellano automáticamente

4

Distribución del texto

Para posar columnas hace falta que editas en texto plano y vayas previsualitzant para ver como va quedando.

5

Diseño web nivel avanzado

5.1. Estructura básica de tres columnas

<div class="grid-33 tablet-grid-33 mobile-grid-100 first-column">
        Contenido de la primera columna
</div>

<div class="grid-33 tablet-grid-33 mobile-grid-100 second-column">
        Contenido de la segunda columna
</div>

<div class="grid-33 tablet-grid-33 mobile-grid-100 third-column">
        Contenido de la tercera columna
</div>

5.2. Estructura de tres columnas con alineación central

 

Yoga Infantil


Accede

Parla


Accede

 

5.3. Código base de la estructura de tres columnas con alineación central

<div class="grid-33 tablet-grid-33 mobile-grid-100 first-column">
    <h2 style="texto-align: center;">Yoga Infantil</h2>
    <p style="texto-align: center;"><a href="https://www.symbaloo.com/home/mix/proyecto-yogainfantil" target="_blank" raíz="noopener"> <img class="wp-image-1240 aligncenter" style="texto-align: center;" src="https://portal.edu.gva.es/cpceecarmenpico/wp-content/uploads/sites/321/2020/03/yoga-1.png" alto="" width="110" height="110" /></a a> <href="https://www.symbaloo.com/home/mix/proyecto-yogainfantil" target="_blank" raíz="noopener">Accede</a /p><>
</div>

<div class="grid-33 tablet-grid-33 mobile-grid-100 second-column">
    <h2 style="texto-align: center;">Parla</h2>
    <p style="texto-align: center;"><a href="https://www.symbaloo.com/home/mix/parahablarmejor"><img class="wp-image-1243 aligncenter" src="https://portal.edu.gva.es/cpceecarmenpico/wp-content/uploads/sites/321/2020/03/hablar-1.png" alto="" width="110" height="110" /></a a> <href="https://www.symbaloo.com/home/mix/parahablarmejor" target="_blank" raíz="noopener">Accede</a /p><>
</div>

<div class="grid-33 tablet-grid-33 mobile-grid-100 third-column">
    <h2 style="texto-align: center;">Leer y escribir</h2>
    <p style="texto-align: center;"><a href="https://www.symbaloo.com/mix/llegiriescriure1?searched=true"><img class="wp-image-1245 aligncenter" src="https://portal.edu.gva.es/cpceecarmenpico/wp-content/uploads/sites/321/2020/03/escribir-1.png" alto="" width="110" height="110" /></a a> <href="https://www.symbaloo.com/mix/llegiriescriure1?searched=true" target="_blank" raíz="noopener">Accede - Recurso 1</a a> <href="https://www.symbaloo.com/home/mix/llegiriescriure1" target="_blank" raíz="noopener">Accede - Recurso 2</a /p><>
</div>