Curso de Creación de Sitios Web con Tienda OnLine en Barcelona en CEPI-BASE

Dirigido a:

Se requieren conocimientos de Windows a nivel usuario.

Comentarios:

Objetivos del programa:

Se pretende que el alumno pueda adaptar su sitio web a todos los dispositivos de manera responsiva. Aprender a instalar blog, de la Web 2.0. Administrarlos, mejorarlos y gestionarlos con éxito. Incluyendo la creación de una tienda Online en pleno rendimiento. Leer más

Orientación profesional:

Personas interesadas en el diseño gráfico,departamentos publicitarios de marketing, diseñadores de páginas web, ilustradores, publicistas, estudiantes de diseño y multimedia, maquetación, artes gráficas, etc...

Metodología:

Todos nuestros cursos emplean una metodología activa y práctica desde el primer día. Clases personalizadas, con profesor, presenciales en Barcelona y adaptados a cada alumno, con horarios totalmente flexibles.

Duración: La duración del curso es de 145 horas. Estas horas son estimadas a modo de referencia, no todos los alumnos necesitan las mismas horas, todo depende de la capacidad de cada uno en asimilar el temario.


Lugar de impartición:

en Barcelona

Horarios: Totalmente flexibles, modificándolos según sus necesidades.

Leer menos

CONTENIDO: WORDPRESS Y WOOCOMERCE
1 – INTRODUCCIÓN WORDPRESS
¿QUÉ ES UN BLOG?
¿QUÉ ES UN SGC?
WORDPRESS
CONVENCIONES USADAS EN DOSSIER

2 – ADMINISTRAR WORDPRESS
PRIMEROS PASOS
LA PÁGINA DE INICIO
MOVER MÓDULOS
ACTUALIZAR WORDPRESS
EJERCICIOS

3 – CREAR ENTRADAS
LAS CATEGORÍAS
LAS ETIQUETAS
LAS ENTRADAS
ADMINISTRAR ENTRADAS
VISUALIZAR EL SITIO
EJERCICIOS

4 – CREAR PÁGINAS Y MENÚS
CREAR PÁGINAS
ADMINISTRAR PÁGINAS
CREAR MENÚS
EJERCICIOS

5 - TRABAJAR CON MULTIMEDIA
AJUSTES DE LAS IMÁGENES
IMPORTAR MEDIOS
EDITAR ARCHIVOS MULTIMEDIA
INSERTAR ENLACES
INSERTAR EMOTICONOS
INSERTAR IMÁGENES
INSERTAR VIDEOS
EJERCICIOS

6 – LOS COMENTARIOS
AJUSTES DE LOS COMENTARIOS
ESCRIBIR COMENTARIOS
ADMINISTRAR COMENTARIOS
EJERCICIOS

7 – GESTIÓN DE USUARIOS
PERFILES Y DATOS PERSONALES
CREAR NUEVOS USUARIOS
MODIFICAR USUARIOS
REGISTRAR USUARIOS
PERFILES DE USUARIO
EJERCICIOS

8 – LOS TEMAS
BUSCAR TEMAS
ELEGIR UN TEMA
PERSONALIZAR UN TEMA
LOS WIDGETS
EJERCICIOS

9 – GESTIÓN DE EXTENSIONES
EL MENÚ PLUGINS
INSTALAR PLUGINS
PLUGINS RECOMENDADOS
EJERCICIOS

10 – SEO, POSICIONAMIENTO EN
BUSCADORES
¿QUÉ ES SEM?
¿QUÉ PUEDO HACER PARA MEJORAR MI
POSICIONAMIENTO?
MEJORAR LA ESTRUCTURA DE LA URL

11 – INSTALAR WORDPRESS EN LOCAL
DESCARGAR E INSTALAR EL SERVIDOR WEB
CREAR LA BASE DE DATOS
DESCARGAR E INSTALAR WORDPRESS EN LOCAL

12 – COMERCIO EN INTERNET
PRESENCIA EN LA RED
HÁBITOS Y DEMANDAS DE LOS CONSUMIDORES
EN INTERNET
CREAR UNA MARCA
VALOR DE LA MARCA

13 – PRIMEROS PASOS CON
WOOCOMMERCE
INSTALAR WOOCOMMERCE
INSTALAR UN TEMA COMPATIBLE CON
WOOCOMMERCE

14 – CONFIGURACIÓN DE WOOCOMMERCE
AJUSTES GENERALES
PRODUCTOS
IMPUESTO
ENVÍO
FINALIZAR COMPRA
CUENTAS
CORREOS ELECTRÓNICOS
API

15 – GESTIÓN DE LA TIENDA ONLINE
ESTADO
GESTIÓN DE LOS PRODUCTOS
CREAR PRODUCTOS NUEVOS
PRODUCTOS INTANGIBLES
EJERCICIOS

16 - GESTIÓN DE PEDIDOS E INFORMES
GESTIÓN DE PEDIDOS
CUPONES
INFORMES

17 – PLUGINS Y EXTENSIONES PARA WOOCOMMERCE

CONTENIDO: Leer más HTML 5
1 - INTRODUCCIÓN A HTML
DISEÑO DE PÁGINAS DE WEB
EL LENGUAJE HTML
NOVEDADES DE HTML 5
CONVENCIONES UTILIZADAS EN EL DOSSIER
EL EDITOR NETBEANS IDE
EJERCICIOS

2 - EL LENGUAJE HTML
DOCUMENTO HTML
ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
ELEMENTO HEAD
ELEMENTO BODY
EJERCICIOS

3 - TEXTOS Y ENLACES
ELEMENTOS PARA TEXTO
LISTAS Y SANGRÍAS
FORMATOS DE TEXTO
CODIFICACIÓN DE CARACTERES
LOS ENLACES
EJERCICIOS
EJERCICIO DE EVALUACIÓN 1

4 - DISEÑO DE TABLAS, AÑADIR IMÁGENES
LAS TABLAS EN HTML
CREACIÓN DE TABLAS
ELEMENTOS DE LA TABLA
LAS IMÁGENES
EJERCICIOS

5 - INTRODUCIÓN A ESTILOS CSS Y CAPAS
HTML Y CSS
ESTILOS INCRUSTADOS O EXTERNOS
ATRIBUTOS “ID” Y “CLASS”
UNIDADES DE MEDIDA
LAS CAPAS
EJERCICIOS

6 - LA ESTRUCTURA EN HTML 5
CREACIÓN DE LA ESTRUCTURA
PRIORIDADES EN LOS ESTILOS
PREPARACIÓN Y ESTRUCTURACIÓN
LOS COMENTARIOS
VALIDACIÓN DE CÓDIGO HTML5 Y CSS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 2

7 - IMÁGENES Y MULTIMEDIA
ELEMENTOS PARA IMÁGENES
ARCHIVOS MULTIMEDIA
ARCHIVOS DE DESCARGA
EJERCICIOS

8 - LOS FORMULARIOS
DEFINICIÓN DE LOS FORMULARIOS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 3

9 - MAPAS SENSITIVOS
DEFINICIÓN DE UN MAPA
ZONAS SENSITIVAS CON PHOTOSHOP
EJERCICIOS

10 - HTML Y JAVASCRIPT
CREACIÓN DE PÁGINAS JAVASCRIPT
COMBINAR JAVASCRIPT CON HTML
LAS VARIABLES
LOS COMENTARIOS
EJERCICIOS

11 - PREPARAR Y PUBLICAR UNA WEB
ESTRUCTURAR EL SITIO WEB EN EL
ORDENADOR LOCAL
ELEMENTOS DE LA ESTRUCTURA
PUBLICAR UNA PÁGINA EN INTERNET
ETIQUETA
EJERCICIOS
EJERCICIO DE EVALUACIÓN 4

CONTENIDO: CSS 3
1 - INTRODUCCIÓN
HISTORIA DE HTML 5
SOBRE HTML 5
CONVENCIONES UTILIZADAS EN CURSO
ENTORNO NETBEANS IDE
DOCUMENTO HTML
INTRODUCCIÓN A CSS

2 - ESTILOS CSS
DENTRO DE LAS HOJAS DE ESTILO
LAS CLASES
SELECTORES ID
LAS CAPAS
CSS3 Y HTML5
EJERCICIOS

3 - MEDIDAS, COLORES E INSPECTOR DE ELEMENTOS
UNIDADES DE MEDIDA
USO DE COLOR
EL INSPECTOR DE ELEMENTOS DE LOS NAVEGADORES
EJERCICIOS

4 - ESTILOS PARA TEXTOS (I)
LA TIPOGRAFÍA
LA REGLA @FONT-FACE
IMPORTAR FUENTES: @IMPORT Y
EJERCICIOS
EJERCICIO DE EVALUACIÓN 1

5 - ESTILOS PARA TEXTOS (II)
LOS TEXTOS
EJERCICIOS

6 - ESTILOS PARA LISTAS Y CURSOR
LAS LISTAS
CURSOR
EJERCICIOS

7 - ESTILOS PARA TABLAS
LAS TABLAS
EJERCICIOS

8 - ESTILOS PARA FONDOS E IMÁGENES
FONDO
DEGRADADOS
VISIBILIDAD
OPACIDAD
EJERCICIOS
EJERCICIO DE EVALUACIÓN 2

9 - PROPIEDADES DE CAJA
MODELO DE CAJA
DIMENSIONES
MÁRGENES
BORDES
EJERCICIOS

10 - TRABAJAR CON EL MODELO CAJA
POSICIONAMIENTO
FLOTAR Y DESPEJAR
SUPERPOSICIÓN
DESBORDAMIENTO
RECORTE
SOMBREADO
EJERCICIOS

11 - VISUALIZACIONES
PROPIEDAD DISPLAY
VISUALIZACIÓN COMO TABLA
VISUALIZACIÓN COMO CAJA FLEXIBLE
VISUALIZACIÓN EN REJILLA
REGIONES Y EXCLUSIONES
COLUMNAS
EXCLUSIONES
OTRAS EXCLUSIONES: FORMAS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 3

12 - CSS AVANZADO
LA HERENCIA
SELECTORES
TRANSFORMACIONES
TRANSICIONES
ANIMACIONES
EJERCICIOS

13 - CSS Y CANVAS
INTRODUCCIÓN
EL LIENZO DE CANVAS
DIBUJAR RECTÁNGULOS
ESTILOS PARA RELLENO, CONTORNO Y TRANSPARENCIAS
LOS TRAZADOS EN CANVAS
ESTILOS DE LÍNEA, DEGRADADOS Y SOMBRAS
MARCOS Y CIRCUNFERENCIAS EN CANVAS
TEXTOS CON CANVAS
TRABAJO CON IMÁGENES
EJERCICIOS

14 - DISEÑO WEB RESPONSIVE
TIPOS DE DISEÑOS WEB RESPONSIVE
HERRAMIENTAS DE DISEÑO WEB RESPONSIVE
ETIQUETAS Y ELEMENTOS BÁSICOS
RESPONSIVE
PRÁCTICAS DE DISEÑO WEB RESPONSIVE
GRIDS Y FRAMEWORKS RESPONSIVE
EJERCICIOS
EJERCICIO DE EVALUACIÓN Nº 4

CONTENIDO: BOOTSTRAP 4
1 – INTRODUCCIÓN
¿QUÉ ES BOOTSTRAP?
DIFERENCIAS FRONT-END Y BACK-END
VENTAJAS DE UTILIZAR BOOTSTRAP
NOVEDADES CON BOOTSTRAP 4
NAVEGADORES COMPATIBLES
LICENCIA DE BOOTSTRAP
DISEÑAR EN MODO MOBILE FIRST
MOBILE FRIENDLY
CONVENCIONES USADAS EN EL CURSO

2 – DISEÑO RESPONSIVE Y FLEXBOX CSS
DISEÑO WEB RESPONSIVE
ENTORNO NETBEANS IDE
VIEWPORT
MEDIA QUERIES
FLEXBOX
EJERCICIOS
EJERCICIO DE EVALUACIÓN 1

3 – INTEGRANDO BOOTSTRAP
OBTENER BOOTSTRAP
PROYECTO DEL CURSO
CONTENEDORES
SISTEMA DE CUADRÍCULAS (GRIDS)
MEDIA QUERIES
ELEMENTOS FLOTANTES
TIPOGRAFIA
IMÁGENES
MEDIA OBJECTS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 2

4 – COMPONENTES BOOTSTRAP
ETIQUETAS SEMÁNTICAS
COLORES
CREANDO NUESTRO ESTILO
COMPONENTES
JUMBOTRON
ICONOS EN BOOTSTRAP
BARRAS DE NAVEGACIÓN
COMPONENTE TARJETAS
CARRUSEL DE IMÁGENES
EJERCICIOS

5 – ELEMENTOS Y COMPONENTES II
TABLAS
INSIGNIA O BADGES
NAVEGACIÓN CON PESTAÑAS
LISTAS DE ELEMENTOS
COMPONENTE COLLAPSE
MARGIN Y PADDING
EJERCICIOS
EJERCICIO DE EVALUACIÓN 3

6 – FORMULARIOS
FORMULARIO BÁSICO
BOTONES
TOOLTIPS DE BOOTSTRAP
FORMULARIOS EN LÍNEA
FORMULARIO HORIZONTAL
ATRIBUTO READONLY
ELEMENTOS DE FORMULARIO
INPUTS
GRUPOS DE CAMPOS DE FORMULARIO
TEXTAREA
LISTA DESPLEGABLE
ELEMENTOS PERSONALIZADOS
TEXTO DE AYUDA
VALIDACIONES EN FORMULARIOS
EJERCICIOS

7 – UTILIDADES
SCROLLSPY
ALERTAS
BREADCRUMBS
PAGINACIÓN
BARRAS DE PROGRESOLeer menos