Curso de Diseño Web, Capitulo 0 - Introducción Para Principiantes

Dostin Hurtado
2 Oct 201504:34

Summary

TLDREn este curso de diseño web, el instructor Dos Sin Hurtado les da la bienvenida a los principiantes y a aquellos sin conocimientos previos, ofreciendo una introducción a la creación de páginas web. Explica que todo lo visualizado en Internet es una página web, y que HTML es el lenguaje fundamental para su diseño. A través de un ejemplo práctico, muestra cómo crear una página web básica llamada 'inicio.htm', usando un editor de texto y sin necesidad de etiquetas HTML. El objetivo es que los estudiantes aprendan a complementar sus páginas con CSS, JavaScript y otros elementos, disfrutando del proceso y aprendiendo de manera efectiva.

Takeaways

  • 🌐 El curso es para principiantes y personas sin conocimientos previos sobre diseño web.
  • 📚 Se presenta como una introducción a lo que es una página web y cómo funciona.
  • 💻 Todo lo que se visualiza en internet, como YouTube, Google, Taringa, Gmail, es una página web.
  • 🔠 El lenguaje más famoso para crear páginas web es HTML.
  • 🖼️ HTML se encarga del diseño y la estructura de la página, como insertar imágenes y centrar texto.
  • 📝 HTML complementa con otros códigos, aunque en este curso no se mencionan específicamente.
  • 👨‍🏫 El objetivo del instructor es enseñar de una manera sencilla y que el aprendizaje sea placentero.
  • 📝 Se muestra cómo crear una página web básica a través de un ejemplo simple, como 'Hola Mundo'.
  • 💻 Se puede guardar un documento de texto con una extensión .html para crear una página web simple.
  • 🌍 Una vez creada, la página web puede ser vista en un navegador y publicada a nivel mundial.
  • 🛠️ A lo largo del curso, se van a ir complementando las páginas web con HTML, CSS, JavaScript y posiblemente un gestor de contenido como Joomla.

Q & A

  • ¿Qué es el curso de diseño web que se presenta en el guion?

    -El curso de diseño web es una introducción para principiantes o personas sin conocimientos previos sobre páginas web, con el objetivo de enseñar cómo crear páginas web desde cero.

  • ¿Qué es una página web según el guion?

    -Una página web es todo lo que se visualiza a través de Internet, como YouTube, Google, Taringa, Gmail, etc., y se construye utilizando lenguajes de programación específicos.

  • ¿Cuál es el lenguaje más famoso para crear páginas web según el guion?

    -El lenguaje más famoso para crear páginas web es HTML (HyperText Markup Language), que se utiliza para la estructura y el diseño de las páginas.

  • ¿Qué es HTML y qué función cumple?

    -HTML es un lenguaje de marcado que se encarga de la estructura y el diseño de las páginas web, permitiendo la inserción de imágenes, texto y otros elementos.

  • ¿Cómo se puede personalizar un celular según el ejemplo dado en el guion?

    -Según el guion, se puede personalizar un celular buscando enlaces o recursos en páginas web como Taringa, donde se pueden encontrar wallpapers y otros elementos de personalización.

  • ¿Cómo se guarda un documento de texto simple que se quiere convertir en una página web?

    -Se guarda el documento de texto con una extensión .htm o .html, lo cual indica que es un archivo de página web, aunque en este caso no contiene etiquetas HTML.

  • ¿Cómo se puede abrir un archivo HTML en un navegador web?

    -Se puede abrir un archivo HTML haciendo clic derecho y seleccionando 'Abrir con' un navegador web, arrastrándolo al navegador, o haciendo doble clic en el archivo si el sistema lo reconoce como un archivo de página web.

  • ¿Qué se muestra al abrir el archivo 'inicio.htm' en el navegador según el guion?

    -Al abrir 'inicio.htm', se muestra el mensaje 'Hola mundo', que es un saludo simple y común en los ejemplos de programación y diseño de páginas web.

  • ¿Qué se entiende por 'etiquetas HTML' y por qué no se usaron en 'inicio.htm'?

    -Las etiquetas HTML son códigos que definen la estructura y el contenido de una página web. En 'inicio.htm' no se usaron etiquetas HTML porque el archivo solo contiene un saludo simple y no tiene una estructura definida por estas etiquetas.

  • ¿Cuáles son los pasos que se sugieren para aprender a crear páginas web según el guion?

    -Según el guion, los pasos sugeridos para aprender a crear páginas web incluyen seguir un curso de diseño web, entender el concepto de página web, aprender HTML, y luego ir complementando con CSS, JavaScript y posiblemente sistemas de gestión de contenidos como Joomla.

  • ¿Qué se espera que los estudiantes hagan mientras siguen el curso de diseño web?

    -Se espera que los estudiantes se sientan cómodos, disfruten del proceso de aprendizaje, y se animen a aprender y aplicar los conocimientos adquiridos en el curso para crear sus propias páginas web.

Outlines

00:00

🌐 Introducción al Diseño Web

El video comienza con una introducción al curso de diseño web por dos sin Hurtado, enfocado en principiantes y personas sin conocimientos previos. Se presenta como una guía básica para entender qué es una página web, y cómo todo lo que se visualiza en Internet es a través de páginas web. Se menciona que el lenguaje más famoso para crear páginas web es HTML, y se da un ejemplo práctico de cómo crear una página web simple llamada 'inicio.htm' usando un editor de texto, sin utilizar etiquetas HTML, pero indicando el potencial de publicar en todo el mundo.

Mindmap

Keywords

💡Diseño web

El diseño web se refiere a la creación de páginas web que son atractivas y funcionales. Es el proceso de planificar, estructurar y crear el contenido, el diseño gráfico y el código para sitios web. En el video, el tema principal es enseñar cómo crear páginas web, empezando desde lo básico y avanzando hacia la creación de sistemas más complejos.

💡Principiantes

El término 'principiantes' se utiliza para describir a aquellos que están comenzando su aprendizaje en un tema específico, en este caso, el diseño web. El video está dirigido a personas sin conocimiento previo, brindándoles una introducción al mundo de la programación web.

💡Página web

Una 'página web' es un documento informático accesible a través de Internet y que forma parte de un sitio web. Es el punto de partida para el contenido que se enseña en el video, y se utiliza como ejemplo para explicar qué es y cómo funciona la web a través de diferentes plataformas como YouTube, Google, etc.

💡HTML

HTML, o lenguaje de marcado de hipertexto, es el código básico utilizado para estructurar una página web. Es fundamental para el diseño web y se menciona en el video como el lenguaje más famoso para crear páginas web, ejemplificado con la creación de una página simple.

💡Estructura

La 'estructura' en el contexto del diseño web se refiere a cómo se organizan los elementos de una página web, como texto, imágenes y enlaces. HTML es responsable de esta estructura, como se muestra en el video al crear una página básica con el contenido 'Hola Mundo'.

💡Editor de texto

Un 'editor de texto' es una aplicación que permite la creación y edición de documentos de texto sin formato. En el video, se sugiere que se puede utilizar cualquier editor de texto para escribir el código HTML de una página web, como se hace con el ejemplo 'Hola Mundo'.

💡Archivo HTML

Un 'archivo HTML' es un documento que contiene el código fuente de una página web escrito en HTML. En el script, se menciona que se guarda el contenido 'Hola Mundo' como un archivo HTML, que es el primer paso para crear una página web.

💡Navegador

Un 'navegador' es un software que permite la visualización de páginas web. En el video, se indica cómo abrir un archivo HTML con un navegador para visualizar la página 'Hola Mundo' que se acaba de crear.

💡CSS

CSS, o hoja de estilo en cascada, es un lenguaje utilizado para describir la presentación de un documento escrito en un lenguaje de marcado, como HTML. Aunque no se menciona directamente en el script, se sugiere que se complementará con HTML para mejorar la apariencia de las páginas web en futuras lecciones.

💡JavaScript

JavaScript es un lenguaje de programación utilizado para hacer que las páginas web sean interactivas. Aunque no se discute en detalle en el script, se insinúa que será parte de las lecciones futuras para agregar funcionalidad a las páginas web.

💡Gestor de contenido

Un 'gestor de contenido' es un sistema que permite a los usuarios crear y administrar contenido en un sitio web sin necesidad de conocimientos de programación. Se menciona en el video como Joomla como un ejemplo de un gestor de contenido que se puede aprender y utilizar para el diseño web.

Highlights

Bienvenida al curso de diseño web por dos sin Hurtado.

El capítulo cero es una introducción para principiantes y personas sin conocimientos previos.

La definición de una página web y su importancia en el internet.

Todas las visualizaciones en internet son páginas web, como YouTube, Google, Taringa, Gmail, etc.

Introducción al lenguaje HTML, famoso por su uso en la creación de páginas web.

Ejemplo práctico de cómo abrir y ver una página web utilizando Taringa.

HTML es el lenguaje de diseño y estructura de las páginas web.

HTML se encarga de insertar imágenes y texto en la página web.

HTML complementa con otros códigos, aunque no se mencionan específicamente en este momento.

El objetivo del curso es enseñar a crear páginas web de manera sencilla.

Proceso de creación de una página web básica utilizando un editor de texto.

Cómo guardar un documento de texto como 'inicio.htm' para crear una página web.

Visualización de la página web 'Hola Mundo' sin etiquetas HTML, solo como un documento de texto.

La posibilidad de publicar una página web creada en todo el mundo.

El curso se complementará con CSS, JavaScript y gestor de contenidos como Joomla.

Invita a los estudiantes a relajarse y disfrutar del aprendizaje de diseño web.

El deseo del instructor de que los estudiantes aprendan rápido y con placer.

Despedida del instructor, Dustin Hurtado, y anticipación al próximo capítulo y cursos futuros.

Transcripts

play00:00

hola muchachos Espero que tengan un

play00:01

excelente día Les habla dos sin Hurtado

play00:04

Bienvenidos a este maravilloso curso

play00:05

este nuevo curso de diseño web Ese es el

play00:08

capítulo cero es un capítulo para

play00:09

principiantes pero más que para

play00:11

principiantes o personas que no tengan

play00:13

conocimientos es como introducción

play00:15

quisiera darles como una introducción a

play00:17

lo que es página web usted me dirá

play00:19

página web página web pues como que me

play00:21

suena quisiera como saber más sobre eso

play00:23

quisiera hacerle una página we a mi

play00:25

empresa quisiera bueno hacer un sistema

play00:27

para mi empresa que es el Pues el

play00:28

siguiente curso que vamos a hacer ya

play00:30

sistemas como php y bases de datos pero

play00:33

bueno en fin a lo que voy Es que qué es

play00:35

esto O sea qué estoy viendo yo en este

play00:37

momento básicamente lo que usted está

play00:39

sentado en un computador en un celular

play00:40

Sí bueno no sentado en el celular en fin

play00:43

qué es esto entonces todo lo que usted

play00:45

ve en internet son páginas web todo todo

play00:47

todo o sea usted desde que esté en la

play00:49

internet básicamente es página web Sí

play00:51

porque pues todo lo que visualiza es a

play00:54

través de una página web desde YouTube

play00:56

Google eh Taringa Gmail todo está

play00:59

constituido

play01:00

página web Sí y el lenguaje más famoso

play01:02

de todos es el html sí se llama así

play01:06

vamos a mirar un ejemplo vamos a abrir

play01:08

Taringa por ejemplo sí y en Taringa

play01:11

usted puede encontrar pues muchos posts

play01:12

el que no conoce esta página fresco no

play01:14

hay problema el que lo conoce Bueno ya

play01:15

sabe sí Bueno quieres personalizar tu

play01:17

celular bla bla bla aquí podemos ver

play01:19

digamos el nombre quieres personalizar

play01:21

tu celular véalo aquí quieres

play01:22

personalizar tu celular te dejo unos

play01:24

wallpapers

play01:27

html Entonces qué es esta joda Qué es

play01:29

hml Bueno pues html es un lenguaje sí

play01:33

por decirlo así que se encarga

play01:35

básicamente del diseño es como más

play01:38

estructura o sea quiero insertar una

play01:40

imagen el html se encarga de insertar la

play01:43

imagen quiero hacer No sé que se Centre

play01:45

un texto el html se encarga que pueda

play01:48

entrar un texto Sí él se complementa con

play01:50

otros códigos que no quiero nombrar en

play01:51

este momento porque no quiero

play01:52

confundirlos simplemente vamos a nombrar

play01:54

vamos a decir que html es el lenguaje

play01:56

para crear páginas web pared de contar

play01:59

listo listo La idea es hacer algo así de

play02:01

sencillo y usted lo va a aprender quiera

play02:03

o no quiera si usted Sigue estos videos

play02:05

va a aprender Así que fresco Relájese

play02:06

por eso no se preocupe que si va a

play02:08

aprender o no usted sí va a aprender

play02:09

Solo quiero que aprenda más rápido Sí es

play02:12

mi misión quiero que que le dé gusto

play02:14

aprenderlo no que si está en una

play02:16

universidad o en un colegio y está

play02:17

cansado como Explica el profesor bueno

play02:19

Simplemente no andando en sus estudios

play02:21

obviamente no lo haga simplemente refuel

play02:24

los con este conocimiento Pues de que yo

play02:25

quiero compartirles vale bien entonces

play02:28

básicamente este video les voy a mostrar

play02:30

un ejemplo de una página web algo muy

play02:32

simple por ejemplo inicio un blog de

play02:34

notas puedo hacerlo en Word puedo

play02:36

hacerlo en cualquier editor de texto yo

play02:38

voy a escribir aquí un hola mundo que es

play02:41

el más famoso le voy a dar archivo y

play02:43

guardar Cómo si lo guardo como un bloc

play02:46

de notas como un documento de texto

play02:47

obviamente no he hecho ninguna página

play02:49

web pero lo voy a decir digamos que mi

play02:51

página web se va a llamar inicio.htm L y

play02:55

le voy a dar en documento de texto no le

play02:57

voy a dar todos los archivos o sea

play03:00

html estoy estoy creando mi página web

play03:03

en este

play03:04

momento voy a abrir la carpeta

play03:07

escritorio diseño web y vean inicio html

play03:11

Ya tengo la página web Le puedo dar clic

play03:14

derecho abrir con y puedo usar un

play03:16

navegador Puedo arrastrarla hasta el

play03:18

navegador o simplemente le doy doble

play03:20

clic en este caso porque ya me

play03:21

identificó que es una página web y ahí

play03:24

está Hola mundo veo s no he usado

play03:27

ninguna etiqueta ningún código de httm

play03:30

simplemente le estoy indicando que voy a

play03:31

hacer mi página web vea inicio html ya

play03:35

en este momento ya tenemos una página

play03:36

usted puede publicar esto a nivel

play03:38

mundial ya puede hacerlo Ya solo Que

play03:40

obviamente se va a ver horrible pues no

play03:42

tiene nada Solo tiene dos dos palabras

play03:44

Sí pero vamos a irlas complementando a

play03:46

partir de este curso vamos a ir

play03:48

complementando hasta que al final

play03:50

podamos tener una página por ejemplo

play03:52

como esta Sí desde html vamos a ir

play03:55

complementando con css javascript a lo

play03:57

último Hasta un gestor de contenido como

play03:58

lo que es jumla todo lo que acabo de

play04:00

decir creo que palabras más palabras

play04:02

menos eh lo que vamos a hacer es una

play04:04

página web listo Así que Relájese traiga

play04:07

sus palomitas traig chitos traiga de

play04:09

oritos lo que quieras siéntese y

play04:10

disfrute de estos videos y este

play04:12

conocimiento que es para todos listo

play04:14

muchachos Así que anímense y aprender

play04:17

les hablo dustin Hurtado los espero en

play04:19

el próximo capítulo y en los próximos

play04:21

capítulos y ojalá en los diferentes

play04:22

cursos que diseñado listo acá

play04:25

están listo muchachos que estés muy bien

play04:27

Hasta

play04:28

luego

play04:33

y

Rate This

5.0 / 5 (0 votes)

Related Tags
Diseño WebPrincipiantesHTMLPáginas WebCurso OnlineTécnicas BásicasEditor de TextoPágina WebCSSJavaScriptJoomla
Do you need a summary in English?