{"id":764,"date":"2023-07-26T03:49:45","date_gmt":"2023-07-26T03:49:45","guid":{"rendered":"https:\/\/cursos.misblogs.site\/?p=764"},"modified":"2023-07-26T03:49:46","modified_gmt":"2023-07-26T03:49:46","slug":"diseno-desarrollo-y-publicacion-de-una-pagina-web","status":"publish","type":"post","link":"https:\/\/cursos.misblogs.site\/index.php\/diseno-desarrollo-y-publicacion-de-una-pagina-web\/","title":{"rendered":"Dise\u00f1o, desarrollo y publicaci\u00f3n de una p\u00e1gina web"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Haz un recorrido completo por el proceso de creaci\u00f3n y publicaci\u00f3n de una web usando HTML, CSS y JavaScript<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/Qybdja\" target=\"_blank\" rel=\"noreferrer noopener\">Ir al curso<\/a><\/div>\n<\/div>\n\n\n\n<p>En el dise\u00f1o web, una buena interfaz busca complacer y responder a c\u00f3mo el cerebro humano act\u00faa. Eso significa que tenemos en todos nosotros un dise\u00f1ador, a veces inconsciente o dormido, que es capaz de ver algo que funciona, que es arm\u00f3nico, aunque no entienda por qu\u00e9. Si quieres aprender los principios de dise\u00f1o de una web y despertar a ese dise\u00f1ador que llevas dentro, est\u00e1s en el lugar indicado.<\/p>\n\n\n\n<p>En este curso ver\u00e1s las dos caras de la creaci\u00f3n de una web: por un lado ver\u00e1s las t\u00e9cnicas b\u00e1sicas para planificar una web, organizar la informaci\u00f3n en wireframes, y crear una gram\u00e1tica visual con tipograf\u00eda, paletas de colores, espaciados, composici\u00f3n, ilustraci\u00f3n. Despu\u00e9s te adentrar\u00e1s en la construcci\u00f3n de esa p\u00e1gina usando HTML, CSS, y JavaScript, hasta el momento de publicar la p\u00e1gina en internet.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class='embed-container'><iframe loading=\"lazy\" title=\"Dise\u00f1o, desarrollo y publicaci\u00f3n de una p\u00e1gina web \u2013 Un curso de Javier Usobiaga\" src=\"https:\/\/player.vimeo.com\/video\/429332248?dnt=1&amp;app_id=122963\" width=\"1920\" height=\"1080\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/Qybdja\" target=\"_blank\" rel=\"noreferrer noopener\">Ir al curso<\/a><\/div>\n<\/div>\n\n\n\n<p>Tu gu\u00eda durante este proceso ser\u00e1 Javier Usobiaga, dise\u00f1ador web, fundador del estudio Swwweet y profesor de otros cursos en Domestika como<br>Gr\u00e1ficos vectoriales SVG: ilustrar y animar con c\u00f3digo,\u00a0Layout web con CSS Grid, Flexbox y otras t\u00e9cnicas modernas,\u00a0Introducci\u00f3n a la programaci\u00f3n en JavaScript\u00a0e<br>Introducci\u00f3n al Desarrollo Web Responsive con HTML y CSS, que pueden servirte como complemento a lo expuesto en este curso.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets8.domestika.org\/course-images\/000\/011\/418\/11418-big.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 aprender\u00e1s en este curso online?<\/h3>\n\n\n\n<p>Empezar\u00e1s el curso conociendo a Javier y a algunos dise\u00f1adores y desarrolladores que escriben art\u00edculos y hacen diversos experimentos sobre las tecnolog\u00edas web a los que merece la pena seguirles la pista. Descubrir\u00e1s tambi\u00e9n los contenidos del curso.<\/p>\n\n\n\n<p>Aprender\u00e1s sobre los principios del dise\u00f1o visual y los elementos que lo componen, y trabajar\u00e1s principalmente los m\u00e1s fundamentales, como la tipograf\u00eda, el color, la ret\u00edcula y la ilustraci\u00f3n.<\/p>\n\n\n\n<p>Obtendr\u00e1s tu primer acercamiento a un generador de HTML est\u00e1tico y su sistema de plantillas, as\u00ed como a la organizaci\u00f3n de archivos y la creaci\u00f3n de p\u00e1ginas maestras.<\/p>\n\n\n\n<p>En la siguiente unidad, empezar\u00e1s a pasar el sistema de dise\u00f1o planteado al c\u00f3digo&nbsp;<em>front-end<\/em>: la tipograf\u00eda, el color, la ret\u00edcula y otros componentes.<\/p>\n\n\n\n<p>A\u00f1adir\u00e1s m\u00e1s elementos de interacci\u00f3n al proyecto a trav\u00e9s de diferentes librer\u00edas y funciones de JavaScript.<\/p>\n\n\n\n<p>Ver\u00e1s c\u00f3mo funcionan los gestores de versiones de c\u00f3digo y, finalmente, usar\u00e1s un servicio de publicaci\u00f3n para dar a conocer tu web al mundo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1l es el proyecto del curso?<\/h3>\n\n\n\n<p>Crear\u00e1s, desarrollar\u00e1s y publicar\u00e1s una p\u00e1gina web con tu porfolio de trabajo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets3.domestika.org\/course-images\/000\/011\/413\/11413-big.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfA qui\u00e9n est\u00e1 dirigido este curso online?<\/h3>\n\n\n\n<p>A todas las personas que tengan inter\u00e9s en aprender los principios del dise\u00f1o de una web y que quieran publicar su propia p\u00e1gina web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requisitos y materiales<\/h3>\n\n\n\n<p>Ser\u00eda recomendable tener unos conocimientos b\u00e1sicos de HTML y CSS. Si no dispones de ellos, se recomienda completar el primer curso de Javier en Domestika:\u00a0Introducci\u00f3n al desarrollo web responsive con HTML y CSS.<\/p>\n\n\n\n<p>Necesitar\u00e1s un ordenador y un editor de c\u00f3digo (Javier te propondr\u00e1 algunos gratuitos). Tambi\u00e9n puede ser interesante contar con un programa de dise\u00f1o visual como Sketch, Figma o Adobe XD, aunque no son imprescindibles.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets1.domestika.org\/course-images\/000\/011\/411\/11411-big.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Haz un recorrido completo por el proceso de creaci\u00f3n y publicaci\u00f3n de una web usando HTML, CSS y JavaScript<\/p>\n","protected":false},"author":1,"featured_media":765,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[95,96,109,4,113],"tags":[],"class_list":["post-764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cursos_en_espanol","category-domestika","category-javascript","category-programacion","category-web"],"_links":{"self":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/comments?post=764"}],"version-history":[{"count":1,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/764\/revisions"}],"predecessor-version":[{"id":766,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/764\/revisions\/766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media\/765"}],"wp:attachment":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media?parent=764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/categories?post=764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/tags?post=764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}