Viene también de C.07. Edición de folletos digitales mediante Scribus. El lenguaje de la web: diseño y código mediante BlueGriffon.

P07.2.1. Código fuente de la página web

• Opción en el navegador Ver código fuente: metadatos (head) y datos (body).
• En el navegador, menú contectual Inspeccionar.
• Aprendiendo código HTML y CSS con W3Schools
  • html basic: documents, headings, paragraphs, links, images
  • css
  • clases

P07.2.2. Diseño web adaptativo de una página web

• En el navegador del ordenador, comprobar diseño web adaptativo encogiendo la ventana.
• En el navegador, menú contextual Inspeccionar esta misma página.
  • Examinar elementos HTML y CSS.
  • Modificar valores de etiquetas h3 y clases.
  • Comprobar botón.
    
• En el navegador del móvil visitar esta misma página y observar el diferente margen izquierdo en las listas (2.5em y para @media (max-width: 1024px) el valor de 1.5em

07.2.3. Modificación de una página web con BlueGriffon, editor web abierto.

• Descargas de BlueGriffon (3.1).
• >>> Abrir en el navegador la página de intranet del sitio Publica.
• Copiar la URL en el portapapeles. 
• En BlueGriffon Abrir archivo (URL) pegar dirección http de esta página.
• Cambiar entre Diseño y Código fuente.
• Activar panel de Hojas de estilo.
• Modificar y guardar copia en local y renombrar. Abrir con el navegador.

P07.2.4. Almacenaje de una página web con FileZilla.

• Descargas de FileZilla, The Free FTP Solution - Filezilla Client 3.56.
• Los ficheros de la carpeta local se suben a una carpeta remota en el servidor web, mediante FTP
  
  
  
• Dos paneles: local y remoto, se arrastra de uno a otro.

Última actualización: 2021.