APLICACIONES WEB
ÍNDICE
PROGRAMACIÓN PÁGINAS WEB................................................................................................44
Propiedades de fuente....................................................................................................................44
Propiedades de texto......................................................................................................................44
Color y propiedades de fondo........................................................................................................44
Propiedades de clasificación..........................................................................................................44
Propiedades del texto.....................................................................................................................45
PÁGINAS WEB.................................................................................................................................46
Wordpress......................................................................................................................................46
Seguridad..................................................................................................................................47
Apariencia.................................................................................................................................47
Páginas......................................................................................................................................47
Posicionar web..........................................................................................................................47
Ajustes.......................................................................................................................................48
Herramientas.............................................................................................................................48
Usuarios....................................................................................................................................48
WooCommerce..........................................................................................................................49
Productos...................................................................................................................................49
Prestashop......................................................................................................................................50
Configurar.................................................................................................................................50
Personalizar...............................................................................................................................51
Vender.......................................................................................................................................51
TRUCO.....................................................................................................................................51
Página 43 de un total de 51 páginas
APLICACIONES WEB
PROGRAMACIÓN PÁGINAS WEB
PROPIEDADES DE FUENTE
➢ {
▪ font-family: tipo de fuente, debe estar instalada, tahoma;
▪ font-style: formato cursiva, italic;
▪ font-weight: negrita, bold;
▪ font-size: tamaño letra, 10px;
▪ font: varias propiedades, italic bold 10px tahoma;
➢ }
PROPIEDADES DE TEXTO
➢ {
▪ word-spacing: espacio entre palabras, 1px;
▪ letter-spacing: espacio entre letras, 1px;
▪ text-decoration: subrayados, underline line-through overline;
▪ text-transform: mayus/minus, capitalize uppercase lowercase;
▪ text-align: alineado, center justify left right;
▪ line-height: interlineado, 25%;
➢ }
COLOR Y PROPIEDADES DE FONDO
➢ {
▪ color: color de un elemento, pink #ff3300;
▪ background-color: color fondo, black #BBBBBB;
▪ background-image: imagen de fondo, url(img/[Link]);
▪ background-repeat: repetición de imagen, no-repeat;
▪ background-attachment: imagen fondo fija o movimiento, fixed scroll;
▪ background-position: donde empieza un fondo, top center;
➢ }
PROPIEDADES DE CLASIFICACIÓN
➢ {
▪ list-style-type: tipo de numeración, circle disc square decimal lower/upper-roman/latin;
▪ list-style-image: imagen para numeración, url([Link]);
➢ }
Página 44 de un total de 51 páginas
APLICACIONES WEB
PROPIEDADES DEL TEXTO
➢ {
▪ margin: margenes, 10px;
▪ margin-top: margen arriba, 10px;
▪ margin-right: margen derecha, 5px;
▪ margin-left: margen izquierda, 3px;
▪ margin-bottom: margen abajo, 10px;
▪ padding: tamaño margenes, 10px;
▪ padding-top: tamaño margen arriba, 5px;
▪ padding-right: tamaño margen derecha, 5px;
▪ padding-left: tamaño margen izquierda, 5px;
▪ padding-bottom: tamaño margen abajo, 5px;
▪ border: propiedades del borde, 1px pink solid;
▪ border-top: anchura color y estilo arriba 1px pink solid;
▪ border-right: anchura color y estilo derecha 1px pink solid;
▪ border-left: anchura color y estilo izquierda 1px pink solid;
▪ border-bottom: anchura color y estilo abajo 1px pink solid;
▪ border-style: estilo, solid;
▪ width: ancho;
▪ height: alto;
▪ float: hacia donde flota, left right;
▪ clear: nada alrededor;
▪ top: arriba;
▪ left: izquierda;
➢ }
Página 45 de un total de 51 páginas
APLICACIONES WEB
PÁGINAS WEB
WORDPRESS
➢ Encender Apache y Mysql
▪ En cmd ir a c\xampp\htdocs\dashboard
Para saber la ruta abrir localhost en el navegador
▪ Crear nuevo archivo html y probarlo en navegador
➢ Instalar wordpress
▪ Descargar wordpress→ extraer→ coger carpeta y meterla en dashboard
➢ Entrar en localhost/phpmyadmin
▪ Crear nueva base de datos
▪ Seleccionar base de datos y dar todos los privilegios
▪ Agregar cuenta de usuario
• Nombre→ userwordpress1
• Host→ local
• Contraseña→
• Dar todos los privilegios
➢ Abrir en el navegador localhost/dashboard/wordpress
▪ En el instalador de wordpress
• Configurar los siguientes datos
Nombre→ dbwordpress
Nombre usuario→ userwordpress1
Prefijo tabla→ no dejar el que viene por defecto
Marcar check disuadir los motores de busqueda
Entrar a wordpress
Página 46 de un total de 51 páginas
APLICACIONES WEB
SEGURIDAD
➢ Evitar problemas con pluggins
▪ Disable comments (mirar compatibilidad)
• Instalar y activar
• Ajustes→ en todos los sitios (quita comentarios) guardar
▪ Akismet→ activar y pedir clave API
▪ Better security→ ithemes security (escudo amarillo), activar
• Global settings→ allow (permitir)
Umbral de la lista negra→ número de veces que bloquea antes de bannear
Periodo retroactivo lista negra→ cuantos días
Periodo de bloqueo→ lo que dura el bloqueo
• 404 detection→ activar
• Banners users→ siempre activado + primer check activado
• Database backup→ por correo, habilitar check y poner días
• Local brute protection→ activado
• Strong password→ colaborador
▪ Maintenance mode→ instalar, activar y habilitar
▪ Contact form→ instalar y activar
APARIENCIA
➢ Menú→ crear nuevo y activar check menu superior
➢ Temas→ descargar y aplicar
➢ Personalizar→ permite editar el tema a nuestro gusto
➢ Widget→ permite editar donde lo quieres
PÁGINAS
➢ Permite ver, añadir y editar las páginas
➢ Visibilidad→ permite protegerlo por contraseña
Poner estado en borrador
POSICIONAR WEB
➢ Yoast→ plugin,instalar y activar
▪ Ajustes→ comprobar
Al ir construyendo la web irá dando avisos de lo que está mal
Página 47 de un total de 51 páginas
APLICACIONES WEB
AJUSTES
➢ Generales→ puedo cambiar nombre…
▪ Quitar la descripción corta que viene por defecto
➢ Escritura→ no tocar nada
➢ Lectura→ check de disuadir… marcado hasta que el semáforo del yoast esté en verde
➢ Medios→ tamaños por defecto de las imágenes
➢ Enlaces permanentes→ poner nombre de la entrada
➢ Desactivar comentarios→ disable comments
HERRAMIENTAS
➢ Exportar→ todo (para guardar copia de seguridad)
➢ Importar→ wordpress (para restaurar algo)
➢ Eliminar comentarios→ borra todo
USUARIOS
➢ Seo editor→ hace menos que el manager
➢ Seo manager→ jefe
➢ Suscriptor→ se subscribe y puede ver cosas que los demás no ven
➢ Colaborador→ solo toca lo suyo y lo de los autores
➢ Autor→ puede escribir entradas
➢ Editor→ puede publicar, editar, borrar...
➢ Administrador→dueño de todo, puede hacer todo
Página 48 de un total de 51 páginas
APLICACIONES WEB
WOOCOMMERCE
➢ Ajustes
▪ Generales
• Dirección, ciudad, país, ubicación de venta, ubicación de envío, activar impuestos,
moneda, ubicación moneda, separadores de miles y decimales, números decimales
▪ Productos
• Unidad, peso, dimensiones, valoraciones
▪ Impuestos
• Precios con impuestos, calcular impuestos
• Clase de impuesto por envío
• Mostrar precios con IVA incluido
• Visualización del total de impuestos
• Tarifas estándar, reducidas y cero
▪ Envío
• Zonas de envío
• Opciones de envío y clases de envío
▪ Finalizar compra
• Forzar pago seguro
• Transferencia bancaria
• Paypal
➢ Estado (Comprobar que todo está ok)
➢ Extensiones
PRODUCTOS
➢ Añadir productos
▪ Nombre, descripción, precio, categoría…
➢ Categorías→ familia a la que pertenece
➢ Etiquetas→ lo que ven los buscadores
➢ Atributos→ especificaciones (color…)
En los productos poner lo importante en negrita
Texto alternativo en fotos para invidentes
Los productos vinculados/ventas dirigidas, son las recomendaciones
➢ Producto variable
▪ En atributos→ añadirlos y marcar los 2 checks
▪ En variaciones→ crear variaciones para todos…
▪ Expandir
Página 49 de un total de 51 páginas
APLICACIONES WEB
PRESTASHOP
➢ Encender Apache y Mysql
➢ Para saber la ruta abrir localhost en el navegador
➢ Instalar prestashop
▪ Descargar prestashop→ extraer→ coger carpeta y meterla en dashboard
➢ Entrar en localhost/phpmyadmin
▪ Crear nueva base de datos
▪ Seleccionar base de datos y dar todos los privilegios
▪ Agregar cuenta de usuario
• Nombre→ userprestahop1
• Host→ local
• Contraseña→
• Dar todos los privilegios
➢ Abrir en el navegador localhost/dashboard/prestashop
➢ Administración→ no tocar las notificaciones, cuotas de subida
➢ Empleados, perfil y permisos (engancharlos)
➢ Acceso rápido→ nuevo producto
CONFIGURAR
➢ Configuración
▪ Activar SSL
▪ Incrementar seguridad front office
▪ Activar multitienda
▪ Mantenimiento
➢ Pedidos→ configuración
➢ Productos
▪ Modo catalogo
▪ URL amigable
▪ Cantidades disponibles
▪ Precios con descuenta y ventas fuera de stock
Página 50 de un total de 51 páginas
APLICACIONES WEB
PERSONALIZAR
➢ Módulos y servicios
▪ Posiciones de los módulos
▪ Pluggins
➢ Diseño
▪ Temas→ posibilidad de configurarlo
▪ Páginas
➢ Internacional
▪ Localización
VENDER
➢ Catálogo
▪ Productos
▪ Categorías
▪ Atributos
• Productos combinaciones
➢ Estadísticas→ cantidades disponibles
TRUCO
➢ Módulos y servicios
▪ Posiciones de los módulos (Editar en vivo)
▪ En monitoring te dice lo que está mal
Página 51 de un total de 51 páginas
