Diseño y edición de página web

Get Started. It's Free
or sign up with your email address
Diseño y edición de página web by Mind Map: Diseño y edición de página web

1. Estructura de un documento HTML

1.1. Etiquetas

1.1.1. Etiquetas básicas

1.2. Atributos

1.3. Estructura básica

1.4. Tipos de elementos

1.5. Listas

1.6. Encabezados

1.7. Tablas

1.7.1. Usar el código<table>

1.7.1.1. Las filas son <tr>

1.7.1.2. El atributo de bordes es border

1.7.1.3. Las columnas son<td>

1.7.1.4. Se unen celdas con colspan, y rowspan

1.8. Imágenes

1.9. Enlaces

2. Gestión de usuarios

2.1. Crear usuarios

2.1.1. Datos requeridos

2.1.1.1. Nombre de usuario

2.1.1.2. Correo electrónico

2.1.2. Roles

2.1.2.1. Subscriptores

2.1.2.1.1. Leer y añadir comentarios

2.1.2.2. Colaboradores

2.1.2.2.1. Crear y gestionar sus propias entredas pero no pueden publicarlas directamente

2.1.2.3. Autores

2.1.2.3.1. A diferencia del colaborador , este rol permite publicar entradas en el blog

2.1.2.4. Editores

2.1.2.4.1. Posibilidad de gestionar y pueblo

2.1.2.5. Administradores

2.1.2.5.1. Pueden acceder a las funciones de control

2.2. Modificar perfil

2.2.1. Desactivar el editor visual

2.2.1.1. Permite editar en HTML

2.2.2. Esquema de color

2.2.2.1. Modificar la paleta de colores

2.2.3. Atajos de teclado

2.2.3.1. J+K

2.2.3.1.1. Seleccionar el comentario anterior o siguiente

2.2.3.2. A

2.2.3.2.1. Aprobar un comentario

2.2.3.3. S

2.2.3.3.1. Marcar un comentario como SPAM

2.2.3.4. D

2.2.3.4.1. Eliminación

2.2.3.5. Q

2.2.3.5.1. Activar la edición rápida de un comentario

2.2.4. Barra de herramientas

2.2.4.1. Muestra la guerra de herramientas

2.2.5. Foto de perfil

2.2.5.1. Muestra la fotografía de perfil en los comentarios realizados por el usuario.

3. Creación de paginas web estáticas

3.1. Creación de página de inicio

3.1.1. Ajustes

3.1.1.1. Se modifican la pagina frontal y sus secciones

3.2. Gestión de páginas estáticas

3.2.1. Páginas

3.2.1.1. Gestionar las distintas páginas de contenido estático

3.2.1.2. Posible filtrar entradas y páginas

3.2.1.3. Acciones

3.2.1.3.1. Editar

3.2.1.3.2. Mover a la papelera

3.2.1.3.3. Ver

3.2.1.3.4. Edición

3.2.1.4. Superior

3.2.1.4.1. Estable la relación entre páginas, es decir, si una es o no subsección de otras

3.3. Creación de contenido estático

3.3.1. Blog

3.3.1.1. En la sección Páginas, mediante la opción Añadir nueva.

3.3.1.2. Se puede configurar desde el menú Publicar

4. Instalación de un sistema de gestión de contenidos

4.1. Preparación del entorno

4.2. Instalación de XAMPP

4.2.1. En WINDOWS

4.2.2. En Linux

4.2.3. Arranque de XAMPP en Linux

4.2.3.1. Después e la instalación se puede arrancar y detener el programa facilmente con los servicios Apache y MySQL

4.2.4. Instalación de Wordpress en XAMP

4.2.4.1. Pasos

4.2.4.1.1. Se descarga el instalador de wordpress

4.2.4.1.2. Se especifica el directorio en el que estará el archivo

4.2.4.1.3. Se especifica el administrador y contraseña para regular el programa

4.2.4.1.4. Se añade el nombre del blog. sabiendo que también se puede editar el estilo, diseño... del blog.

4.2.4.1.5. Se pide una cuenta existente de correo para poder enviar notificaciones y una cuenta de wordpress si la hubiese.

4.2.4.1.6. Tipo de instalación

5. Primeros pasos

5.1. Pantalla de inicio

5.1.1. Resumen de actividad reciente

5.1.2. Estadísticas del sitio

5.1.3. Panel de control

5.1.3.1. Similar aunque más compleja a la versión web

5.1.3.2. Settings

5.1.3.2.1. Cambiar idioma

5.1.3.2.2. Cambiar nombre del sitio

5.1.3.2.3. Cambiar dirección

5.1.3.2.4. Cambiar descripción

5.1.3.3. Apariencia

5.1.3.3.1. Tema

6. Personalización de CSS

6.1. Colocación de código

6.2. Selectores básicos

6.3. Colores

6.4. Texto

6.5. Tamaño

6.6. Bordes

6.7. Márgenes

6.8. Posicionamiento

6.9. Imagen de fondo

6.10. CSS personalizado en Wordpress

7. Estándares de publicación y editores web

7.1. Lenguajes

7.1.1. En el lado del servidor

7.1.1.1. Permiten programar el comportamiento del servidor web en el momento de atender las peticiones de los usuarios y de generar contenidos HTML correspondiente.

7.1.1.1.1. PHP

7.1.1.1.2. Java

7.1.1.1.3. .NET

7.1.1.1.4. Ruby

7.1.1.1.5. Python

7.1.2. En el lado del cliente

7.1.2.1. HTML

7.1.2.1.1. Lenguaje de marcado compuesto por etiquetas que describen y estructuran el contenido de una página web

7.1.2.2. CSS

7.1.2.2.1. Utilizado para definir el estilo con el que se presenta la estructura HTML

7.1.2.3. JavaScript

7.1.2.3.1. Lenguaje de programación interpretado por el navegador  o  cliente web y que añade dinamismo a las páginas ya que permite modificar su estructura y estilo

7.2. Accesibilidad

7.2.1. Existen una variedad de limitaciones visuales, motrices, motrices, auditivas y cognitivas que requieren la utilización de herramientas y programas especiales

7.2.2. Se crearon, impulsados por W3C, los estándares de accesibilidad

7.3. Editores

7.3.1. Editores de texto plano

7.3.1.1. Normalmente, hay que empezar a crear el documento desde cero

7.3.1.1.1. Notepad+++

7.3.2. Editores de texto avanzados

7.3.2.1. Se engloban en ambientes de IDE

7.3.2.1.1. Gestión de plantillas

7.3.2.1.2. Generación de código automática

7.3.2.1.3. Autocompletar texto

7.3.2.1.4. Eclipse

7.3.3. Editores visuales

7.3.3.1. Se caracterizan por ofrecer creación de contenido web de forma gráfica y visual, sin necesdad de escribir código.

7.3.3.2. Se crean como si fuesen documentos de texto

7.3.3.3. Permiten observar el diseño de la página a medida que es creada

7.3.3.4. Kompozer

8. Tipos de páginas web

8.1. Según el nivel de interacción con el usuario

8.1.1. Página estática

8.1.1.1. El contenido solo puede ser modificada por el administrador  de la misma

8.1.2. Página dinámico

8.1.2.1. Permite al usuario interactuar con el sito web, ya sea para crear contenidos o para realizar otras acciones.

8.2. Según la temática

8.2.1. Blog, foro o red social

8.2.1.1. Paginas destinadas a que los usuarios interaccionen entre sí

8.2.2. Presentación o corporativo

8.2.2.1. Sitio web destinado a publicitar un producto, una empresa, etc

8.2.3. Comercio electrónico

8.2.3.1. Página destinada a la realización de transacciones.

8.2.4. Aplicaciones web

8.2.4.1. Destinados a ofrecer una funcionalidad tradicionalmente propia de aplicaciones de escritorio

9. Temas, widgets y plugins

9.1. Añadir temas

9.1.1. Desde la sección apariencia se puede cambiar, o personalzar añadiendo temas o instalando otros.

9.1.1.1. Añadir nuevo

9.1.1.1.1. instalar un tema entre los disponibles

9.1.1.1.2. Buscar temas por sus nombres en un buscador, o mediante filtros

9.1.1.2. Se puede usar vista previa o instalarlo

9.2. Gestionar widgets

9.2.1. Son secciones independientes de contenido

9.2.1.1. Se situan normalmente en barras laterales

9.2.1.2. Desde apariencia se pueden gestionar cuales serán visibles.

9.2.1.3. Se pueden reorganizarse y personalizarse, cada uno de un modo distinto según su función

9.3. Añadir plugins

9.3.1. Akismet

9.3.1.1. Detecta spam filtrando listas de comentarios para sugerir cuales tienen o podrían tenerlo

9.3.2. Jetpack

9.3.2.1. Añade las características de la página web a la versión de escritorio

9.3.3. Google Analytics

9.3.3.1. Agrega el seguimiento de Analytics a las visitas que recibe el sitio web

9.3.4. NextGEN Gallery

9.3.4.1. Incluye más opciones de personalización de imágenes

10. Publicación de páginas web

10.1. Contratación

10.2. Subir contenido a alojamiento

10.3. Instalación de contenido

11. Gestión de contenidos

11.1. Escritorio

11.1.1. Muestra

11.1.1.1. Actividad reciente

11.1.1.2. Pblicaciones

11.1.1.3. Comentarios

11.1.1.4. Noticias

11.1.2. Ayuda

11.1.2.1. Obtener información sobre las funcionalidades

11.1.3. Actualizaciones

11.1.3.1. Actualizar pluggins y los temas

11.1.3.2. Actualizar gestor de contenidos

11.2. Herramientas

11.2.1. Publicar esto

11.2.1.1. Publicar de manera instantánea una publicación de página externa

11.2.2. Exportar

11.2.2.1. Descargar copias de seguridad del sitio

11.2.2.2. Descargar configuracíon del sitio

11.2.3. Importar

11.2.3.1. Importar archivos o entradas

11.2.4. Conversor de etiquetas y categorías

11.2.4.1. Transforma etiquetas en categorías y viceversa

11.3. Bibloteca multimedia

11.3.1. Almacenar archivos de de forma local para evitar pérdida

11.3.2. Medios

11.3.2.1. Cargar archivos adjuntables al contenido creado

11.3.2.2. Enlazar el contenido almacenado a la página para su descarga

11.3.2.3. Barra de herramientas

11.3.2.3.1. Filtros para búsqueda de contenidos

11.3.2.3.2. Selección multiple para borrar elementos