DISEÑO Y EDICIÓN DE PÁGINAS WEB

Começar. É Gratuito
ou inscrever-se com seu endereço de e-mail
DISEÑO Y EDICIÓN DE PÁGINAS WEB por Mind Map: DISEÑO Y EDICIÓN DE PÁGINAS WEB

1. 9.Personalización de CSS

1.1. Colocación de código

1.1.1. Se puede vincular a una estructura HTML

1.2. Selectores básicos

1.2.1. Determinan qué elementos HTML se verán afectados por el código CSS

1.3. Colores

1.4. Texto

1.5. Tamaño

1.5.1. Podemos modificar el tamaño de la mayoría de elementos

1.6. Bordes

1.7. Márgenes

1.7.1. Modificar márgenes externos

1.8. Posicionamiento

2. 8.Estructura de un documento HTML

2.1. Etiquetas

2.1.1. Etiquetas básicas

2.2. Atributos

2.3. Estructura básica

2.4. Tipos de elementos

2.5. Listas

2.6. Encabezados

2.7. Tablas

2.7.1. Usar el código<table>

2.7.1.1. Las filas son <tr>

2.7.1.2. El atributo de bordes es border

2.7.1.3. Las columnas son<td>

2.7.1.4. Se unen celdas con colspan, y rowspan

2.8. Imágenes

2.9. Enlaces

3. 7.Temas, widgets y plugins

3.1. Añadir temas

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

3.1.1.1. Añadir nuevo

3.1.1.1.1. Instalar un tema entre los disponibles

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

3.1.1.2. Se puede usar vista previa o instalarlo

3.2. Gestionar widgets

3.2.1. Son secciones independientes de contenido

3.2.1.1. Se situan normalmente en barras laterales

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

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

3.3. Añadir plugins

3.3.1. Akismet

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

3.3.2. Jetpack

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

3.3.3. Google Analytics

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

3.3.4. NextGEN Gallery

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

4. 6.Gestión de usuarios

4.1. Crear usuarios

4.1.1. Datos requeridos

4.1.1.1. Nombre de usuario

4.1.1.2. Correo electrónico

4.1.2. Roles

4.1.2.1. Subscriptores

4.1.2.1.1. Leer y añadir comentarios

4.1.2.2. Colaboradores

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

4.1.2.3. Autores

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

4.1.2.4. Editores

4.1.2.4.1. Posibilidad de gestionar y pueblo

4.1.2.5. Administradores

4.1.2.5.1. Pueden acceder a las funciones de control

4.2. Modificar perfil

4.2.1. Desactivar el editor visual

4.2.1.1. Permite editar en HTML

4.2.2. Esquema de color

4.2.2.1. Modificar la paleta de colores

4.2.3. Atajos de teclado

4.2.3.1. J+K

4.2.3.1.1. Seleccionar el comentario anterior o siguiente

4.2.3.2. A

4.2.3.2.1. Aprobar un comentario

4.2.3.3. S

4.2.3.3.1. Marcar un comentario como SPAM

4.2.3.4. D

4.2.3.4.1. Eliminación

4.2.3.5. Q

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

4.2.4. Barra de herramientas

4.2.4.1. Muestra la guerra de herramientas

4.2.5. Foto de perfil

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

5. 5.Creación de paginas web estáticas

5.1. Creación de página de inicio

5.1.1. Ajustes

5.1.1.1. Se modifican la pagina frontal y sus secciones

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

5.2.1. Páginas

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

5.2.1.2. Posible filtrar entradas y páginas

5.2.1.3. Acciones

5.2.1.3.1. Editar

5.2.1.3.2. Mover a la papelera

5.2.1.3.3. Ver

5.2.1.3.4. Edición

5.2.1.4. Superior

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

5.3. Creación de contenido estático

5.3.1. Blog

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

5.3.1.2. Se puede configurar desde el menú Publicar

6. 10. Publicación de páginas web

6.1. Hostinger.es

6.1.1. Permite crear sitios web con nuestras páginas

6.1.2. Permite crear un blog con Wordpress

6.1.3. Permite crear un sitio web desde la propia página de Hostinger.es

7. 1.Tipos de páginas web

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

7.1.1. Página estática

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

7.1.2. Página dinámico

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

7.2. Según la temática

7.2.1. Blog, foro o red social

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

7.2.2. Presentación o corporativo

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

7.2.3. Comercio electrónico

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

7.2.4. Aplicaciones web

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

8. 2.Estándares de publicación y editores web

8.1. Lenguajes

8.1.1. En el lado del servidor

8.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.

8.1.1.1.1. PHP

8.1.1.1.2. Java

8.1.1.1.3. .NET

8.1.1.1.4. Ruby

8.1.1.1.5. Python

8.1.2. En el lado del cliente

8.1.2.1. HTML

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

8.1.2.2. CSS

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

8.1.2.3. JavaScript

8.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

8.2. Accesibilidad

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

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

8.3. Editores

8.3.1. Editores de texto plano

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

8.3.1.1.1. Notepad+++

8.3.2. Editores de texto avanzados

8.3.2.1. Se engloban en ambientes de IDE

8.3.2.1.1. Gestión de plantillas

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

8.3.2.1.3. Autocompletar texto

8.3.2.1.4. Eclipse

8.3.3. Editores visuales

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

8.3.3.2. Se crean como si fuesen documentos de texto

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

8.3.3.4. Kompozer

9. 3. Instalación de un sistema de gestión de contenidos

9.1. Preparación del entorno

9.2. Instalación de XAMPP

9.2.1. En WINDOWS

9.2.2. En Linux

9.2.3. Arranque de XAMPP en Linux

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

9.2.4. Instalación de Wordpress en XAMP

9.2.4.1. Pasos

9.2.4.1.1. Se descarga el instalador de wordpress

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

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

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

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

9.2.4.1.6. Tipo de instalación

10. 4. Gestión de contenidos

10.1. Primeros pasos

10.1.1. Pantalla de inicio

10.1.1.1. Resumen de actividad reciente

10.1.1.2. Estadísticas del sitio

10.1.1.3. Panel de control

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

10.1.1.3.2. Settings

10.1.1.3.3. Apariencia

10.2. Escritorio

10.2.1. Muestra

10.2.1.1. Actividad reciente

10.2.1.2. Publicaciones

10.2.1.3. Comentarios

10.2.1.4. Noticias

10.2.2. Ayuda

10.2.2.1. Obtener información sobre las funcionalidades

10.2.3. Actualizaciones

10.2.3.1. Actualizar pluggins y los temas

10.2.3.2. Actualizar gestor de contenidos

10.3. Herramientas

10.3.1. Publicar esto

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

10.3.2. Exportar

10.3.2.1. Descargar copias de seguridad del sitio

10.3.2.2. Descargar configuracíon del sitio

10.3.3. Importar

10.3.3.1. Importar archivos o entradas

10.3.4. Conversor de etiquetas y categorías

10.3.4.1. Transforma etiquetas en categorías y viceversa

10.4. Bibloteca multimedia

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

10.4.2. Medios

10.4.2.1. Cargar archivos adjuntables al contenido creado

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

10.4.2.3. Barra de herramientas

10.4.2.3.1. Filtros para búsqueda de contenidos

10.4.2.3.2. Selección multiple para borrar elementos