{"id":2176,"date":"2024-01-17T09:52:23","date_gmt":"2024-01-17T14:52:23","guid":{"rendered":"https:\/\/educacioncontinua.uniremington.edu.co\/?product=diseno-basico-de-paginas-web"},"modified":"2024-01-30T14:58:39","modified_gmt":"2024-01-30T19:58:39","slug":"diseno-basico-de-paginas-web","status":"publish","type":"product","link":"https:\/\/educacioncontinua.uniremington.edu.co\/?product=diseno-basico-de-paginas-web","title":{"rendered":"Dise\u00f1o b\u00e1sico de p\u00e1ginas web"},"content":{"rendered":"<\/p>\n<table style=\"width:100%;\" border=\"1\">\n<thead>\n<tr style=\"color:rgb(255,255,255);\">\n<th style=\"background-color:rgb(0,68,123);\">Descripci\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Con este curso podr\u00e1s adquirir conocimientos b\u00e1sicos sobre dise\u00f1o de p\u00e1ginas web, utilizando hipertexto, a\u00f1adiendo los enlaces, gr\u00e1ficos, tablas, formularios.\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<table style=\"width:100%;\" border=\"1\">\n<thead>\n<tr style=\"color:rgb(255,255,255);\">\n<th style=\"background-color:rgb(0,68,123);\">Principales caracter\u00edsticas<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Adquirir los conocimientos necesarios para maquetar textos y as\u00ed poder optimizar el tiempo empleado en la elaboraci\u00f3n de los mismos. Conocer las principales prestaciones del dise\u00f1o de p\u00e1ginas web y las ventajas que \u00e9stas pueden aportar al trabajo diario.<br \/>\naprender en el \u00e1rea de dise\u00f1o, maquetaci\u00f3n y publicaci\u00f3n de p\u00e1ginas web a nivel aplicativo, haciendo uso de las herramientas m\u00e1s potentes del mercado, siendo capaz de generar p\u00e1ginas atractivas gracias a la inclusi\u00f3n de elementos gr\u00e1ficos, animaciones y efectos impactantes.\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<table style=\"width:100%;\" border=\"1\">\n<thead>\n<tr style=\"color:rgb(255,255,255);\">\n<th style=\"background-color:rgb(0,68,123);\">P\u00fablico objetivo<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>P\u00fablico general que desee aprender el lenguaje de programaci\u00f3n de HTML, para poder realizar p\u00e1ginas web sencillas y est\u00e1ticas, conocer los conceptos b\u00e1sicos sobre la red internet y los sistemas para la publicaci\u00f3n web y crear p\u00e1ginas de impacto.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<table style=\"width:100%;\" border=\"1\">\n<thead>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 1<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight:normal;\"><br \/>\n                    <\/span><\/p>\n<p>1. INTRODUCCI\u00d3N AL DISE\u00d1O DE P\u00c1GINAS WEB.<br \/>\n1.1. Conceptos previos.<br \/>\n1.2. La organizaci\u00f3n de una presentaci\u00f3n Web.<br \/>\n1.3. Introducci\u00f3n al lenguaje HTML.<br \/>\n1.4. Primeros pasos.<br \/>\n1.5. La sintaxis del lenguaje HTML.<br \/>\n1.6. Editores y convertidores.<\/p>\n<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 2<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>2. EL TEXTO.<br \/>\n2.1. Introducci\u00f3n.<br \/>\n2.2. Dar formato al texto.<br \/>\n2.3. Introducci\u00f3n a los atributos.<br \/>\n2.4. La etiqueta.<br \/>\n2.5. El color en HTML.<br \/>\n2.6. M\u00e1rgenes.<br \/>\n2.7. Caracteres especiales.<br \/>\n2.8. Listas.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 3<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>3. LOS ENLACES.<br \/>\n3.1. Estructura de los Enlaces.<br \/>\n3.2. Enlaces dentro de una misma p\u00e1gina.<br \/>\n3.3. Enlaces con otra p\u00e1gina dentro del mismo sitio Web.<br \/>\n3.4. Enlaces con otro sitio Web.<br \/>\n3.5. Enlaces con una direcci\u00f3n de E-mail.<br \/>\n3.6. Enlaces con un archivo para descargar.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 4<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>4. LAS IM\u00c1GENES.<br \/>\n4.1. Formato de las im\u00e1genes.<br \/>\n4.2. Insertar una imagen. Etiqueta y atributos.<br \/>\n4.3. Alineaci\u00f3n y tama\u00f1o de im\u00e1genes.<br \/>\n4.4. Crear un enlace en una imagen.<br \/>\n4.5. Mapas de im\u00e1genes.<br \/>\n4.6. Fondos de pantalla o Backgrounds.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 5<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>5. LAS TABLAS.<br \/>\n5.1. Descripci\u00f3n de etiquetas para la creaci\u00f3n de tablas.<br \/>\n5.2. Atributos para las tablas.<br \/>\n5.3. Titular de la tabla.<br \/>\n5.4. Atributos de las celdas.<br \/>\n5.5. Celdas de cabecera.<br \/>\n5.6. Contenido de las celdas.<br \/>\n5.7. Tablas anidadas.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 6<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>6. FORMULARIOS.<br \/>\n6.1. Descripci\u00f3n del concepto de formulario.<br \/>\n6.2. Distintos elementos de un formulario.<br \/>\n6.3. Dise\u00f1o de un formulario.<br \/>\n6.4. M\u00e9todos de acceso.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 7<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>7. LOS FRAMES.<br \/>\n7.1. Descripci\u00f3n del concepto de Frame.<br \/>\n7.2. Etiquetas para crear Frames.<br \/>\n7.2. Navegadores que no soportan Frames.<br \/>\n7.3. Navegaci\u00f3n entre distintos Frames.<br \/>\n7.4. Anidaci\u00f3n de Frames.<br \/>\n7.5. Cosas a evitar en el uso de Frames.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 8<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>8. INTRODUCCI\u00d3N A LAS HOJAS DE ESTILO (CSS).<br \/>\n8.1. \u00bfQu\u00e9 son las Hojas de Estilo?<br \/>\n8.2. \u00bfC\u00f3mo se aplican las Hojas de Estilo?<br \/>\n8.3. Sintaxis de las hojas de estilo.<br \/>\n8.4. Estilo para etiquetas concretas o un grupo de ellas.<br \/>\n8.5. Estilo para un documento HTML.<br \/>\n8.6. Enlazando distintos documentos a una hoja de estilo.<br \/>\n8.7. Templates.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"color:rgb(255,255,255);\">\n<td style=\"background-color:rgb(0,68,123);\"><span style=\"font-weight:bold;\">Tem\u00e1tica 9<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p>9. C\u00d3MO PUBLICAR UNA P\u00c1GINA WEB.<br \/>\n9.1. Alojamiento de las p\u00e1ginas.<br \/>\n9.2. C\u00f3mo subir los archivos de nuestra p\u00e1gina.<br \/>\n9.3. Actualizar las p\u00e1ginas.  <\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<table border=\"1\">\n<thead>\n<tr>\n<th style=\"text-align:center;background-color:rgb(0,68,123);color:rgb(255,255,255);\">Duraci\u00f3n<\/th>\n<th style=\"text-align:center;background-color:rgb(0,68,123);color:rgb(255,255,255);\">V\u00eddeos<\/th>\n<\/tr>\n<tr>\n<th style=\"text-align:center;\"><span style=\"font-weight:normal;\">25 horas<\/span><\/th>\n<th style=\"text-align:center;\"><span style=\"font-weight:normal;\">10<span><\/span><\/span><\/th>\n<\/tr>\n<tr>\n<th style=\"text-align:center;background-color:rgb(0,68,123);color:rgb(255,255,255);\">Nivel<\/th>\n<th style=\"text-align:center;background-color:rgb(0,68,123);color:rgb(255,255,255);\">Inversi\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align:center;\"><span>B\u00e1sico<\/span><\/td>\n<td style=\"text-align:center;\"><span>$255.000<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n Con este curso podr\u00e1s adquirir conocimientos b\u00e1sicos sobre dise\u00f1o de p\u00e1ginas web, utilizando hipertexto, a\u00f1adiendo los enlaces, gr\u00e1ficos, tablas, formularios. Principales caracter\u00edsticas Adquirir los conocimientos necesarios para maquetar textos y as\u00ed poder optimizar el tiempo empleado en la elaboraci\u00f3n de los mismos. Conocer las principales prestaciones del dise\u00f1o de p\u00e1ginas web y las ventajas [&hellip;]<\/p>\n","protected":false},"featured_media":2177,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[70],"product_tag":[],"class_list":{"0":"post-2176","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-diseno","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple"},"_links":{"self":[{"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=\/wp\/v2\/product\/2176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=\/wp\/v2\/media\/2177"}],"wp:attachment":[{"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2176"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=2176"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=2176"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/educacioncontinua.uniremington.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=2176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}