Cómo Programar para Emprendedores - HTML y CSS

Ahorra dinero y dolores de cabeza aprendiendo lo básico de programación con nuestros cursos para emprendedores.
4.3 (1,499 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.
17,081 students enrolled
Free
Start Learning Now
  • Lectures 28
  • Length 2 hours
  • Skill Level Beginner 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 9/2013 Spanish

Course Description

¿Eres un emprendedor y sufres de alguno de los siguientes síntomas?

  • Gastas demasiado en desarrollo y ni siquiera entiendes lo que el desarrollador dice.
  • Cada vez que quieres arreglar algo sencillo en tu sitio web (como cambiar un enlace o una imagen) debes pagar de más y esperar semanas a que se concrete.
  • No puedes avanzar con tu idea de negocio porque no sabes programar ni siquiera un prototipo.

Si es así déjame decirte que no estás sólo. Trabajo con muchos emprendedores y los problemas mencionados los escucho cada semana. Las razones son las siguientes:

  • Todas las PYMES y emprendedores necesitan desarrollo en algún grado. Esto puede ir desde una simple página web con una descripción de la empresa, hasta cosas más avanzadas aplicaciones móviles y sistemas informáticos.
  • Los desarrolladores son caros y escasos, y por ende representan un alto costo para el emprendedor.
  • Dice el dicho "Programming is the new Math", la programación es clave en el mundo actual y lamentablemente no te lo enseñaron en el colegio.

Para hacernos cargo de este problema en ZENVA hemos creado los cursos de la serie Cómo Programar para Emprendedores, donde queremos dotar a emprendedores como nosotros los conocimientos y herramientas básicas de desarrollo web para que puedan tener mayores probabilidades de éxito con sus proyectos.

En Cómo Programar para Emprendedores - HTML y CSS veremos lo básico de desarrollo web, cómo crear la estructura de un sitio web y su contenido con HTML, y cómo darle una buena apariencia con CSS.

En el curso desarrollaremos un proyecto desde cero, sin asumir ningún conocimiento previo. El proyecto se trata de una página de inicio estilo "Metro" que se adapta al tamaño de la pantalla. Esta página podría fácilmente tratarse de un APP móvil también.

Algunas cosas que aprenderás en este curso:

  • Creación de documentos en HTML con las etiquetas más usadas: títulos, párrafos, links, listas y muchas otras.
  • Insertando imágenes en nuestras páginas web.
  • Listas ordenadas y no ordenadas.
  • Tablas con formato.
  • Formularios, incluyendo elementos de HTML5 como selectores de colores.
  • CSS desde cero, para qué sirve y cómo incluirlo.
  • Seleccionando elementos con CSS
  • Contenedores y el box model.
  • Formateando tipos de letra.
  • Usar imágenes como fondo de un contenedor.

Recuerda mirar también los otros cursos de ZENVA en español:

  • Wordpress Desde Cero - Nivel Básico e Intermedio (no requiere saber programar!)
  • Excel Desde Cero - Nivel Básico e Intermedio (no requiere saber programar!)
  • Apps de iOS y Android con HTML5 para Principiantes
  • Desarrollo de Videojuegos para iOS, Android y BlackBerry 10 con HTML5
  • Apps de BlackBerry 10 con HTML5
  • Desarrollo de Plugins de Wordpress para Principiantes

What are the requirements?

  • No se requieren conocimientos previos!
  • Los programas que usaremos son gratis (Google Chrome y Adobe Brackets)
  • Se requiere de tiempo y dedicación, y sobre todo ganas de aprender.

What am I going to get from this course?

  • Al completar este curso tendrás nociones básicas de desarrollo web, sabrás cómo crear y modificar documentos HTML y CSS

What is the target audience?

  • Emprendedores y gente motivada que quiere aprender desarrollo web desde cero

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: Introducción
09:37

Introducción al curso. Qué aprenderemos y por qué es importante para un emprendedor saber programar.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

08:26

Antes de comenzar con HTML, creo que es necesario cubrir algunos conceptos básicos relacionados con desarrollo web y poner todo lo que veremos en el curso en un contexto más amplio.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

8 questions

Evaluación de los Conceptos Básicos de Desarrollo Web

Article

Código fuente con los ejempos del curso.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

Otros Cursos en Español de Zenva
06:59
Section 2: HTML
04:24

En esta lección veremos las primeras etiquetas de HTML. Cómo crear títulos con distintas jerarquías, y cómo crear párrafos de texto.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:09

En esta lección veremos la etiqueta "a" que nos permite crear links a otras páginas.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:23

En esta lección aprenderás cómo insertar imágenes en tus páginas web.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:30

En esta lección veremos cómo trabajar con listas, incluyendo listas numeradas y no numeradas.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

04:08

En esta lección veremos cómo crear tablas en HTML.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:51

En esta lección veremos cómo crear formularios en HTML, incluyendo campos de texto y botones.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

04:14

Además de campos de texto, existe una gran cantidad de otros tipos de campo. En esta lección exploraremos algunos de los más nuevos que vienen con HTML5.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

01:05

En esta lección veremos el elemento "textarea" que permite crear áreas de texto en nuestros formularios.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:11

En esta lección veremos cómo crear listas de selección en nuestros formularios.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

03:30

Un documento HTML se compone de cabeza y cuerpo. En esta lección veremos qué función cumple cada parte.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

06:52

Felicitaciones! hemos visto ya las principales etiquetas y conceptos de HTML. Si has seguido hasta acá se puede decir que sabes lo básico de HTML. Ahora te queda practicar que es lo más importante. En esta lección armaremos el esqueleto de nuestro proyecto.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

7 questions

Vamos a evaluar ahora algunos conceptos de HTML

Section 3: CSS
05:29

En esta lección veremos distintas formas de incluir el CSS en una página web.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

04:02

En CSS se pueden seleccionar elementos de varias formas y en esta lección veremos cómo seleccionar elementos por etiqueta, por clase y por identificador.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:12

Muchas veces queremos el estilo que el navegador impone nos afecta al trabajar con CSS. En esta lección veremos cómo utilizar reset.css para librarnos de estos estilos.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

04:50

El modelo caja o "box model" es uno de los conceptos más importantes en CSS y en esta lección veremos de qué se trata.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

01:52

En esta lección veremos cómo utilizar elementos flotantes para crear layouts que se adapten al tamaño de la pantalla.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

01:18

En esta lección exploraremos más a fondo la propiedad "width" y veremos cómo definir anchos máximos y mínimos.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

01:08

En esta lección veremos cómo centrar un elemento de manera horizontal.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

02:32

En esta lección agregaremos algunas clases adicionales y veremos también cómo asignar una imagen de fondo a un contenedor.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

05:27

En esta lección veremos cómo darle formato a las fuentes en CSS, incluyendo tipos de letra, tamaño y estilo.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

05:28

En esta lección veremos cómo decorar los listados de elementos.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

04:40

En esta lección veremos cómo darle formato a una tabla con CSS. Con esto concluiremos nuestro proyecto.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

5 questions

Evaluación de los contenidos de CSS

Section 4: Resumen y Despedida
05:15

Felicitaciones si has llegado hasta este punto! ahora sabes lo básico de HTML y CSS, no te imaginas lo útil que es tener este conocimiento. En esta última lección haremos un recuento de los temas vistos en el curso.

Y más que un final yo diría que esto es un comienzo para algo nuevo. Cuando termines no olvides llenar la encuesta al final de curso!

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

Article

Encuesta de satisfacción del curso.

Nos interesa saber qué más quieres aprender y qué te pareció este curso.

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web.

Otros cursos de ZENVA:

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Ready to start learning?
Start Learning Now