Página Web Profesional con HTML5 y CSS3. Estilos CSS3

Aprende a Crear una Página Web completamente desde cero, utilizando HTML5 y CSS3. empezaremos creando la estructura HTML, luego agregaremos los estilos CSS3. y finalmente lo subiremos a un hosting privado más un dominio .com
HOSTING Y DOMINIO
affiliate.namecheap.com/?affI...
INSTALAR ATOM
• La Mejor Herramienta P...
CÓDIGO DEL CURSO
github.com/FaztWeb/website-si...
MI SITIO WEB
faztweb.com
BLOG
blog.faztweb.com
Twitter:
/ fazttech

[@lanc2991]

Fazt sube el siguiente vídeo por favor, esta muy interesante tu explicación.. Te felicito!!!!

[@joseramirez4387]

Muchas gracias por compartir tus conocimientos!!!!!!!

[@jhonyg.7011]

Super Excelente he aprendido un monton en estos dos videos! gracias crack!

[@The_Caesar6186]

Gracias por tu aportacion, pronto esperamos que subas nueva version de como crear web con html y css tambien aprender a subirlo a un hosting

[@gattex1114]

Increíble, ¡muchas gracias! he aprendido mucho me ha costado esfuerzo pero ha pero ha sido un gran aprendizaje👏👏👏👏

[@aldomauro8279]

Muchas gracias! Excelente video.

[@lcfawkes447]

no se si ves los posts,pero te sigo y aprendiendo contifo bastante,quiero aprender bien a hacer paginas,aunque no sea muy rapido d mente,jejej

[@sthartutorias4506]

Me han servido muchísimo tus videos

[@JosttMe]

exelentes vídeos😁 gracias por la encenanza 👍 👍 donde esta el vídeo siguiente de como subir a un hosting 😶 ☹️ ☹️ ☹️ saludos!

[@cdcedron]

Buenas. EL video siguiente del Hosting ? Muy buena la explicación y todo lo que enseñas. Saludos

[@xavicode3436]

Gracias hermano cordiales saludos desde Argelia.

[@danielfernandez6322]

Sube más videos así!! :D

[@FaztTech]

Claro. Muy pronto habrá más ejemplos. !Saludos¡

[@darkarlax]

Excelente aportacion, mil gracias Fazt! Una pregunta donde esta el video que contiene como comprar el dominio, hosting y subir la pagina creada. Lo he buscado pero no lo encontre.

[@outofcontrol1342]

Te ganaste tu like !!!

[@parmesanogood4393]

Excelente contenido

[@cesaresqueda3108]

Excelente...

[@losplayerssintontos3465]

gracias !

[@manuelvegamontesinos1246]

Hola fazt y cual es el video donde creas el dominio y montas la pagina al hosting; gracias

[@CharlyJumS]

Amigo, podrías comprar el dominio y subir la página?, yo ya había aprendido hacer algo de desarrollo web pero nunca aprendí a subir la página a un host.

[@nathan0965]

para los que no les funciona el aumento de los iconos (icon-grap i {}) ponganlo dentro de la clase one-third en css, asi: .one-third i ¨{ text-align:center; color:#fff; padding:20%; }

[@lcfawkes447]

yo me atasque en los iconos del footer y el copy right del segundo footer,no me lo centra y los iconos q son 5 no pasan del centro y me apila 2 abajo,ya mire el video varias vecs y cambie cosas y nada ,estresao.Tambien el tio no contesta nada

[@pechraonline177]

@@lcfawkes447 aun sigues?

[@lcfawkes447]

@@pechraonline177 no stopped ,now its fishing season after work,lol

[@jcsoftdev]

Aún estamos esperando el tercer video

[@lcfawkes447]

necesito ayuda.Ahora q esta terminada y queremos cambiar los textos en el como se hace para q el resto del espacio quede vacio sin mover todos los campos de la pagina,intente spaciado y ____ pensando q saldria pero no,ayuda please.

[@danielmarquez7811]

felicitaciones muy bueno el video .cuanto tiempo te llevo arquirir el conocimiento para realizar lo que muestras en el video ,. saludos

[@oniakuma1999]

disculpa tendrás algún vídeo en el que expliques solo como subir este tipo de paginas web a el host??

[@riloco22]

Buen video Fazt, pero el video del hosting y el dominio no lo tienes en la lista, donde lo puedo encontrar?

[@lcfawkes447]

hola el @media screen and (max-width:768px) vale para pantallas mas pequeñas pero no para celulares,ahi esta todo de pies a cabeza.Se q hay q investigar pero podias haberlo tocado,thankas

[@oscarchirinos1974]

Hola! Muy buenos los videos. La unica duda, es al final cuando el nav pasa "dentro" del icono de las barras, y se visualiza el menú, si uno quisera hacer click en alguna opcion estas no funcionan. ¿Como podria solucionarse?

[@gianzk7781]

hey amigo se que han pasados 3 años desde que hiciste video pero me gusto tengo una duda como puedo hacer para que las imagenes se cambien por si solas sin hacer clic

[@Etnetika]

thanks

[@WilmarCuesta]

Tengo una duda con los item del menú en footer no se organizan en bloque, hice el código igual, y luego fui y revise linea a linea tu código y sigo con el problema

[@valentinatoboncorrea5898]

Quisiera Saber donde conseguir imagenes con el tamaño del slider

[@matias-electrecmrs2077]

eres genial, aprendí bastante, pero si quiero poner una imagen de fondo en el header no me toma la imagen, pero si el color, y lo mismo en el body, porque no se podrá

[@franklinbravoastrona1074]

como se sube al hosting y el video

[@claudiohernandez3435]

Por favor quisiera saber si me podrían ayudar con lo siguiente resulta que tengo textos en mi pagina pero, cuando voy cambiando el tamaño de la ventana de la pagina, los textos quedan inmobles no quedan en los mismos lugares, lo que da un efecto de desorden quisiera saber por que ocurre esto si alguien sabe

[@jesusdelrazo2898]

Donde quedo el vídeo de la subida del proyecto ??

[@lcfawkes447]

encontre mi error en class="icon-text era 2 veces text lol.pero el copyright no he conseguido q se centre no se por que?

[@JV_Blue]

Disculpen creo que me perdí, ¿En que parte nos enseñas lo del comprar el dominio y lo del correo más profesional?

[@os3d832]

hola Fazt oye como puedo crear un cotizador de productos.

[@alexisbustamante7950]

Como puedo hacer que el Slider cambie cada siertos segundos ?

[@oduber.vasquez]

Hola excelente vídeos!! ojalá puedas mostrar un vídeo como este pero utilizando: Flexbox o CSS Grid Layout. Saludos y muchas gracias

[@FaztTech]

Claro que sí, de hecho ya los estoy preparando, Tratare subirlos lo antes posibles. ¡Saludos!

[@aaronlazarte2207]

@@FaztTech El siguiente video crak? Subiendo tu página web

[@raulmontiel2814]

Pude avanzar hasta el minuto 37 mañana o mas tarde continuo voy a descansar un poco

[@ortiz416]

Sube algo como conectar fórmula de contacto PHP a base de datos

[@Malvinas_siempre_argentinas]

Hola grupo.espero que esten todos muy bien ..les quiero preguntar si a alguno les paso de no poder realizar los ejercicios de css porque no se enlaza el html con css en su pc estoy usando una laptop, visual estudio code y utilizo crome..a mi me pasa eso entonces sigo clavado en el tema de la etiqueta ().eh probado las 4 formas y mi pagina de< go live >me sigue saliendo solo html..alguien podria orientarme que es lo que estoy haciendo mal..muchas gracias desde ya...

[@antonioangeles2558]

28:36 en la parte del footer, yo agregué un border-radius. Y se ve chingon jajaja

[@fabianmanchego874]

tengo un problema con el slider por el tamaño no me deja modificarlor

[@jasonpaz5031]

brother en la parte del fooder me sale las letras al otro lado y no centra los social ??

[@kiryemell7410]

que hago si la fuente de mi windows no me deja ver los iconos?

[@ronnyrosales8333]

hola, he estado siguiendo el tutorial paso a paso, incluso ayudándome de los códigos que pusiste en la descripción, pero llegué al punto de la etiqueta ".one-third" para darle todos los valores, pero no hace ningún cambio. Ya me pasó anteriormente con otros tutoriales, llega un momento en que ya no se hacen los cambios. Creees que se deba a que tengo que registrar el programa o ponerle algun plugin,? Estoy usando ATOM. Espero puedas ayudarme. Gracias. Ah estoy en la parte del CSS.

[@carloslmarin5987]

El salta procesos y te habla de una cosa, luego hace otra porque lo olvidó y así sucesivamente por eso uno se bloquea en el proceso

[@ahorasabes]

Buen video! Una pregunta Fazt, que video le sigue?

[@estebansc9351]

Ya no hay siguiente video??? ☹

[@krikimy8883]

Deberías explicar que hace cada cosa

[@julin6950]

se totea con el float en navigation

[@cristianarmandorangelserna861]

El menú del móvil (las tres barras ) se activa cuando el touch esta desactivado, con la herramienta de desarrollador de firefox es más fácil desactivarlo.

[@cristianarmandorangelserna861]

@Bry Morales claro cuéntame e intento ayudarte

[@jimeneznavasamantha6506]

Bry Morales me pasa lo mismo :c

[@miguelangeltrujillloaguirr6710]

¿Es mejor usar los px o el % ?... gracias por la respuesta.

[@estebansc9351]

Creo que son bastante diferentes y por lo tanto no pueden ser comparados, cambia dependiendo si el margen es hacía afuera, con respecto al total del espacio, etc, ojalá me haya dado a entender

[@peterp2520]

el siguiente video ?? :C

[@luisdavidbarrerarodrigues9901]

hola quiero prender mas tienes algun contacto

[@ivankovalyk7946]

Hola, todo guay hasta el mint 21:11 , pero a partir de allí no me funciona nada, no se el porque, no me genera la seccion porfolio. Aun así seguí hasta el final arrastrando el error, y el contacto no se me mueven y modifica nada, tampoco se por qué cuando en el inicio le pulso a portfolio o cualquier cosa menos incio y servicio, no me redirige a ninguna parte... podrías ayudarme?

[@alfredmanuelfernandezmoran7081]

igual a mi

Hola, saludos desde colombia. estoy siguiendo cada uno de tus pasos, pero al parecer estoy haciendo algo mal, las imágenes no me aparecen en la pagina. ayudame.

[@xavicode3436]

Me paso lo mismo bro es por el editor aunque uso el mismo que él Atom pero en el mío le tengo que cerrar añadiendo la barra de cierre: /img>

[@alexisbustamante7950]

Hola, tengo una duda, como puedo hacer que el Fondo o BackGround del bx-wrapper quede en negro en vez de blanco ? , intente modificar el CSS,así .bx-wrapper{ background-color: black; border: 0; box-shadow: 0; } pero no me funciona. ayuda!

[@alexisbustamante7950]

Ya pude hacer cambio con JQUERY

[@farruko4882]

tm puedo sublime y dreamviwer con eso mismo procedimiento

[@FaztTech]

Si claro, puedes usar cualquier editor que gustes.

[@diegomorales6249]

Hola, primeramente gracias por tu tiempo y tus conocimientos compartidos, un amigo seguía tu video y me pidio ayuda con su código, haces código de más, tantos id, tantas clases, estar pasando de CSS a HTML modificando en uno y otros es abrumador, muy enredoso, necesitas gestionar mejor tu proyecto para optimizar el código, las personas que ven tu video tienen nociones sobre programar y van siguiendo todo como borreguitos, pero no saben que modifica cada cosa en tanto enredadero, si te das cuenta todas las dudas que tienen las personas son de detaliitos en los que se toran y ya no saben que hacer porque te siguen como receta de cocina, realmente no van analizando el conocimiento, saludos ACTUALIZACIÓN He optimizado el código, quien guste tenerlo, puede escribirme a mi correo [e-mail]

[@p4xs_594]

Todavía tienes el archivo ?

[@julin6950]

me lo envias

[@MontejOo1]

pues esta en cada quien, al menos yo hiba poniendo codigo por codigo y ver que era lo que afectaba no todos vemos una receta de cocina amigo

[@GGGamesXDlol]

Copie y pegue el código de la página y aún haci no me sale

[@elperi]

Minuto 17:53. A alguien le pasa que "NUESTROS SERVICIOS UNO" le queda al lado de la parte de "DESARROLLO WEB"

[@juanpedr789]

cual es el video siguiente que sigue donde subirias los archivos??

[@estebansc9351]

Nadie sabe ☹

[@geniillichannel8760]

No me toma el css, alguien le pasa lo mismo?

[@thestroke6406]

Y el siguiente video???

[@eliotzuckerberg9507]

Ami me sale todo separado

[@fershowfershow3164]

yo tengo una pagina ya avanzada y no puede colocar ya esto :"V alguien que me pueda ayudar soy principiante en esto y lo que estoy haciendo es una tarea de mi colegio 17:08 hasta 17:28

[@johanhernandez364]

Nunca montaste el 3er video

[@davidaro4117]

en el minuto 47:49 se corta y no se que hace

[@GamesPCAnthonyGames]

Que paso con el otro video :v

[@FaztTech]

se borro accidentalemte :'v. pero lo re grabare y lo subiré pronto. :)

[@GamesPCAnthonyGames]

Ahh :n que mal :'v Lo esperaré con ansias :3

[@yuryapaza3077]

Ya esta disponible el siguiente video?

[@pultor]

Fazt genial tu explcación queda todo claro, nos falta el tercer video muchas gracias

[@sergionegrete7600]

Hola fazt..... sería genial ver el vídeo en donde subes el sitio web a un servidor!!! Saludos !!!

[@GGGamesXDlol]

Y esta igual

[@mariabarreiro7035]

Copié y pegué todo el estilo css desde la página web donde lo cargaste a mi visual studio code y quedan mal las barras de navegación, no queda el mismo estilo del texto. Si se supone que estos vídeos son para las personas que estamos aprendiendo no los podes hacer a esa velocidad sin explicar los términos y que es lo que modifica cada cosa. El video del armado en HTML estuvo muy genial aunque si coincido que son demaciadas clases y se hace entrevero. Gracias por tu tiempo.

[@GGGamesXDlol]

43:37 a mí no me sale

[@ezequielpei6405]

fazt como instalo html5

[@j.g.1810]

No se instala nada... solo se refiere es al nivel del lenguaje de programación

[@filipcipagauta2799]

Floats, ya casi no

[@zstormwolf]

bien solo me falta hacer el login y el carrito de compras xd

[@lcfawkes447]

decepcionado q no contestes a las preguntas de tu curso,sin comunicacion como vamos ha aprender?

[@xavicode3436]

Pagando

[@killersake2334]

El slider no me funciono, Por otro lado el video es extremadamente bueno!!!

[@MrAvalero]

Propongo un cambio para el slider en el styles.css $(document).ready(function(){ $('.slider').bxSlider({ mode: 'fade', auto: true, }); // $('.slider2').bxSlider({ // mode: 'fade', // auto: true, // }); // $('.slider3').bxSlider({ // mode: 'fade', // auto: true, // }); }); luego en el html sds

[@lcfawkes447]

@@MrAvalero a mi me va bien problemas en el footer y second footer

[@alfredmanuelfernandezmoran7081]

haces las cosas alocadamente es por eso que estoy fallando aparte lo haces demasiado rapido, en el minuto 28:07 hice exactamente lo que hiciste y no funciona no se me pone en serie

[@gattex1114]

Creeme se puede hacer todo lo que pasa que la programación es demasiado minimalista.

[@GGGamesXDlol]

Html ha cambiado