Mejora y completa las funciones de tu página web

Aprende las claves para crear una página web con éxito a través de ejemplos prácticos
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
0 students enrolled
$20
Take This Course
  • Lectures 58
  • Length 9.5 hours
  • Skill Level Intermediate Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2014 Spanish

Course Description

En este curso vamos a ver cómo mejorar aspectos de nuestras páginas web mediante varios ejemplos prácticos.

  • Veremos como introducir en una página web datos procedentes de un documento XML, mediante la herramienta de Dreamweaver "Conjunto de datos de Spry".
  • Aprendemos a diseñar los elementos de un formulario mediante CSS y cómo maquetarlo sin usar tablas, solo mediante órdenes CSS.
  • También vamos a ver cómo utilizar cualquier tipo de fuente en nuestra web mediante la regla CSS3 @fontface.
  • Otra opción que vamos a explorar es como subir un video a los servidores de Youtube e incrustar en nuestras páginas web el código necesario para visualizar el video, así cómo también hacer que aparezcan nuestras redes sociales Facebook y Twitter dentro de nuestras páginas web.
  • Otra opción que vamos a ver es cómo incorporar dentro de un documento HTML información desde otro documento HTML, mediante iframes y mediante Server Side Includes (shtml).
  • También veremos cómo instalar XAMPP, que nos va a instalar todo lo necesario para montar un servidor Apache con PHP y una base de datos mySql, y cómo configurar Adobe Dreamweaver para poder utilizarlo.
  • También configuraremos Dreamweaver para trabajar con páginas dinámicas en PHP, gestionar bases de datos mySql, establecer la conexión, y mostrar, insertar, actualizar o eliminar los datos. Otros elementos que aprenderemos a insertar en nuestras páginas web son audio HTML5 (ogg y mp3) y vídeo HTML5 (ogv, mp4 y webm).
  • También aprenderemos a realizar el diseño y la funcionalidad de un menú con CSS y como realizar menús desplegables con CSS, o cómo hacer una plantilla en Dreamweaver y a partir de ella ir generando el conjunto de páginas web de un sitio.
  • Otro ejercicio que realizaremos sera montar rápidamente la maqueta de un diseño web mediante dos métodos: por diseño fijo mediante 960 grid system y por diseño fluido mediante Unsemantic.
  • También exploraremos las opciones que harán que nuestra web sea relevante para los motores de búsqueda de internet; como controlar que los datos introducidos en un formulario son correctos antes de enviarlo; a detectar el tipo y ancho de dispositivo mediante CSS y hacer que nuestra página se adapte perfectamente a todos los formatos
  • Veremos como crear animaciones en elementos de una web y a realizar transiciones entre ellos.
  • También nos iniciaremos en la librería JQuery, perteneciente a Javascript, y en concreto en los tipos de selectores que ofrece, así como en la creación de una web con dos supuestos de scroll, uno horizontal y otro vertical, con un movimiento suave.
  • Otro aspecto que veremos sera la modificación de propiedades CSS en función del tipo de navegador mediante 3 métodos: Hacks CSS, Conditionals comments de Internet Explorer y CSS Browser Selector.

Este curso es impartido por Javier Mateo, programador y diseñador web con una amplia experiencia en D4 Imagen y Comunicación, Dinamic Multimedia, Ibersaf Multimedia, etc. También cuenta con una extensa trayectoria profesional en diferentes instituciones formativas y escuelas. También incluye una sección impartida por Eduardo Fierro.

What are the requirements?

  • Dreamweaver
  • Dreamweaver u otro editor de código.
  • CODA

What am I going to get from this course?

  • Aprender a introducir datos procedentes de documentos XML en una página web mediante "Conjunto de datos de Spry"
  • Diseñar los elementos del formulario mediante CSS y cómo maquetarlo solo mediante órdenes CSS
  • El objetivo de este curso es aprendr la regla CSS3 @fontface para poder utilizar cualquier tipo de fuente
  • Conocer cómo se suben videos a youtube e incrustar su código de visualización en webs.
  • Aprender a incluir redes sociales en una web a través de Dreamweaver
  • Aprender a incorporar mediante iframes y Server Side Includes (shtml) info de un documento HTML en otro HTML
  • Aprender a instalar todo lo necesario para montar un servidor Apache con PHP y una base de datos mySql. Y cómo configurar Adobe Dreamweaver para poder utilizarlo mediante la instalación de XAMPP
  • Aprender a configurar Dreamweaver para mostrar, insertar y actualiar registros
  • Aprender a insertar audio y video HTML 5 en webs.
  • Cómo hacer el diseño y la funcionalidad de un menú con CSS; y también como realizar menús desplegables con CSS
  • Aprender a crear una plantilla en Dreamweaveer y generar contenido a partir de ella
  • Cómo realizar rápidamente la maqueta de un diseño web mediante dos métodos: por diseño fijo mediante 960 grid system; y por diseño fluido mediante Unsemantic.
  • Aprender a optimizar nuestra página web para que sea relevante en los motores de búsqueda
  • Aprenderemos a controlar los datos que un usuario introduce en un formulario y a comprobar que su formato es válido.
  • Aprenderemos 3 métodos diferentes para modificar las propiedades CSS en función del tipo de navegador.
  • Aprender las diferencias entre diseño fluido y responsive design para diseñar y programar tu página web para que se adapte a cualquier dispositivo, sea tablet, smartphone u ordenador.
  • Realización de consultas CSS3
  • Detección de dispositivos
  • Reglas CSS3
  • Crear distintos scrolls usando jQuery
  • Crea animaciones en imágenes y elementos de una página web
  • Realizar transiciones entre dos imágenes. #Realizar transición entre texto e imagen
  • Iniciación a los selectores

What is the target audience?

  • Todas aquellas personas interesadas en crear una página web que necesiten conocer cuáles son los aspectos más importantes para hacerlo con éxito

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Spry XML
00:24

Introduce datos de documentos XML en una página web.

Obtener datos de un XML
Preview
06:10
Inserción de datos
Preview
12:11
Inserción de datos
12:11
Creación de diseño “Maestro detalle”
10:39
Section 2: Crea formularios con CSS
00:34

Aprende a diseñar los elementos de un formulario mediante CSS y como maquetarlo sin tablas.

Crear un formulario CSS
27:32
Section 3: FontFace
00:23

Utiliza cualquier tipo de fuente gracias a la regla CSS3 @fontface.

Fontface
23:08
Section 4: Integra Youtube en Dreamweaver
00:30

Aprende a subir vídeos en Youtube e incrustar en nuestra web el código de visualización correctamente.

Subir video a Youtube
18:04
Section 5: Incluye tus redes sociales en tu web
00:26

Incluye tus redes sociales (Fb y Twitter) en tu página web.

Incluir red social
16:50
Section 6: Incluye info HTML en otro HTML
00:32

Incorpora dentro de un documento HTML info de otro documento HTML.

Cargar HTML
20:37
Section 7: Instala PHP y mySQL
00:28

Instalaremos XAMPP para poder instalar todo lo necesario para montar un servidor Apache con PHP y una base de datos mySql. Aprende también cómo configurar Adobe Dreamweaver para poder utilizarlo.

Instalando Xampp
29:03
Section 8: Trabaja con páginas dinámicas PHP
00:29

Configurar Dreamweaver para trabajar con páginas dinámicas PHP, gestionar bases de datos mySql, establecer la conexión, y mostrar, insertar, actualizar o eliminar los datos.

Preparación del proyecto
08:50
Actualizar registros
08:08
Section 9: Inserta audio y vídeo HTML 5
00:28

Aprende a insertar audio y video HTML5 en páginas web.

Cómo insertar audio y video HTML5
27:01
Section 10: Realiza un menú desplegable con CSS
00:27

Cómo hacer el diseño y la funcionalidad de un menú con CSS; y también como realizar menús desplegables con CSS.

Creando un menú CSS
27:26
Section 11: Trabajando con plantillas en Dreamweaver
00:30

Cómo hacer una plantilla en Dreamweaver, y a partir de ella ir generando el conjunto de páginas web de un sitio.

Trabajando con plantillas Dreamweaver
29:53
Section 12: Monta rápidamente la estructura de un diseño web
00:31

Cómo realizar rápidamente la maqueta de un diseño web mediante dos métodos: por diseño fijo mediante 960 grid system; y por diseño fluido mediante Unsemantic.

Maquetación mediante 960 grid system.
15:43
Maquetación mediante Unsemantic
10:36
Section 13: Optimiza el posicionamiento en web | SEO
00:35

Cómo optimizar nuestras páginas web para que sean relevantes para los motores de búsqueda. Posicionamiento SEO.

Posicionamiento en buscadores
11:29
Reglas para el posicionamiento
10:28
Posicionamiento en buscadores II
13:24
Section 14: Valida elementos en formulario con spry
Introducción
00:27
Validar formularios I
14:15
Validar formularios II
15:32
Section 15: Adapta CSS a Multinavegador
00:53

Cómo modificar propiedades CSS en función del tipo de navegador mediante 3 métodos: Hacks CSS, Conditionals comments de Internet Explorer y CSS Browser Selector.

Adaptando propiedades
11:24
Terminando de adaptar CSS
11:24
Section 16: Adaptación a pantallas de retina
00:25

Diseñar y programar tu página web para que se adapte a cualquier dispositivo, sea tablet, smartphone u ordenador.

Adaptación a pantalla de retina
05:58
Section 17: Realiza consultas Media queries con CSS3
00:29

Realiza consultas Media queries con CSS3 para detectar dispositivos y orientación de los mismos.

Mediaqueries I
17:35
Mediaqueries II
10:57
Section 18: Crea webs con scroll usando jquery
00:28

Crea scrolls en tus web con movimientos suaves usando jQuery.

Ejemplos de scroll horizontal
16:39
Ejemplos de scroll vertical
10:39
Section 19: Crea animaciones con CSS3
00:19

Crea animaciones en elementos de una web mediante CSS3.

Animación con CSS3 I
15:51
Animación con CSS3 II
14:41
Section 20: Transition CSS3
00:19

Aprende a realizar transiciones en los elementos de una web mediante CSS3.

Ejemplos de transiciones I
15:12
Ejemplos de transiciones II
11:49
Section 21: Detectar dispositivo con PHP
00:32

Aprende a usar PHP para detectar tipos de dispositivo.

Detección con PHP I
14:36
Detección con PHP II
14:49
Section 22: Iniciación JQuery - Selectores
00:24

Conocelos tipos de selectores que brinda la librería Jquery de Javascript.

Selectores
23:28

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Plataforma de videoformación online especializada en diseño digital.

Trazos_TV forma parte del grupo Trazos, que con más de 20 años dedicados a la educación cuenta con grandes profesionales implicados activamente para ofrecer la mejor formación.

Trazos es una escuela de formación superior especializada en las nuevas tecnologías cuyo proyecto educativo ha sido cuidadosamente planificado con un único fin: preparar y formar a futuros profesionales para los nuevos entornos digitales.

Nos avalan más de veinte años de experiencia como una de las escuelas de nuevas tecnologías más punteras de nuestro país. En Trazos nos sentimos orgullos de ser una cantera activa en la creación de nuevos talentos del sector digital.

Nuestro objetivo primordial es ofrecer una educación de calidad que permita al alumno desarrollarse en su carrera profesional.

Ready to start learning?
Take This Course