{"id":3436,"date":"2015-01-15T12:02:06","date_gmt":"2015-01-15T18:02:06","guid":{"rendered":"http:\/\/gm3s.com.mx\/blog\/?p=3436"},"modified":"2015-01-15T12:02:06","modified_gmt":"2015-01-15T18:02:06","slug":"introduccion-al-desarrollo-de-web","status":"publish","type":"post","link":"https:\/\/gm3s.mx\/gm3s\/blog\/introduccion-al-desarrollo-de-web\/","title":{"rendered":"Introducci\u00f3n al desarrollo de WEB.-"},"content":{"rendered":"<p style=\"text-align: justify;\"><a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBU.jpg\" target=\"_blank\" rel=\"noopener\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-3438 aligncenter\" alt=\"WEBU\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBU.jpg\" width=\"259\" height=\"194\" \/><\/a>Desde los inicios de la World Wide Web, tanto el dise\u00f1o de las p\u00e1ginas como de la propia estructura de los hiperdocumentos, ha variado enormemente. Si al principio, los hipertextos en la Web se limitaban a plasmar, sobre este nuevo medio, un texto impreso segment\u00e1ndolo en peque\u00f1os bloques y colocando aqu\u00ed y all\u00e1 algunos enlaces, en la actualidad, las p\u00e1ginas web se han convertido en verdaderas obras de dise\u00f1o gr\u00e1fico, multimedia e ingenier\u00eda inform\u00e1tica. Integraci\u00f3n de bases de datos, servicios online, inclusi\u00f3n de sofisticadas herramientas de b\u00fasqueda y recuperaci\u00f3n de informaci\u00f3n, dinamismo, usabilidad e interactividad, \u00e9stas son las claves de las p\u00e1ginas web actuales. Ya no importa s\u00f3lo el contenido presentado, sino su dise\u00f1o y, sobre todo, su funcionalidad.<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Desarrollo web es un t\u00e9rmino amplio que define la creaci\u00f3n de sitios web para Internet. Para conseguirlo se hace uso de tecnolog\u00edas de software del lado del servidor y del cliente que involucran una combinaci\u00f3n de procesos de base de datos con el uso de un navegador en Internet a fin de realizar determinadas tareas o mostrar informaci<\/span><span style=\"color: #000000;\">\u00f3n.<\/span><strong><span style=\"color: #000000;\"><br \/>\n<\/span><\/strong><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBC.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"size-full wp-image-3441 alignleft\" alt=\"WEBC\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBC.jpg\" width=\"259\" height=\"194\" \/><\/a>El lenguaje b\u00e1sico que se debe conocer para la creaci\u00f3n de p\u00e1ginas web es el HTML, aunque las herramientas gr\u00e1ficas para el dise\u00f1o web ayudan mucho en esta tarea. Las dos aplicaciones m\u00e1s difundidas son Dreamweaver y FrontPage (Ver Editores Web). Luego, existen otros lenguajes de programaci\u00f3n que aumentan el poder de las p\u00e1ginas web, algunos destacables son: PHP, ASP y JavaScript (DHTML). Para aumentar las funcionalidades de un sitio web, tambi\u00e9n pueden incorporarse: Flash, Shockwave, Java applet, CGI, SVG, ActiveX, cookies, etc. Finalmente, la incorporaci\u00f3n de una base de datos puede simplificar muchas tareas a la hora de desarrollar ciertos sitios web.<\/p>\n<p style=\"text-align: justify;\">El proceso de &#8220;poner en l\u00ednea&#8221; un sitio web, comienza con la b\u00fasqueda de un servidor web. En general, se suele contratar un servicio de internet que aloje el contenido del sitio web y lo mantenga online las 24 horas del d\u00eda, o sea, un servicio de hosting. (Tambi\u00e9n se puede instalar un servidor web propio en la computadora, con una conexi\u00f3n a internet permanente, pero no es lo usual).<\/p>\n<p style=\"text-align: justify;\">Con la adquisici\u00f3n de un hosting (gratuito o pago) y un dominio de internet, se puede proceder a &#8220;apuntar&#8221; el dominio al hosting, para esto se asignan los DNS correspondientes. Luego, la forma t\u00edpica de &#8220;subir&#8221; los archivos al hosting suele ser empleando un cliente FTP. Un programa que se encarga de transferir los archivos al servidor web (empleando el protocolo FTP). Algunos programas FTP son Filezilla, CuteFTP y WS_FTP.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBT.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"size-medium wp-image-3440 aligncenter\" alt=\"WEBT\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBT-300x128.jpg\" width=\"300\" height=\"128\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">ETAPAS PARA LA CREACI\u00d3N DE UNA P\u00c1GINA WEB.-<\/p>\n<p style=\"text-align: justify;\">Delimitaci\u00f3n del tema: de qu\u00e9 va a tratar el sitio web. Delimitaci\u00f3n de contenidos.<\/p>\n<p style=\"text-align: justify;\">Recolecci\u00f3n de la informaci\u00f3n: recopilar y seleccionar la informaci\u00f3n que se va a incluir.<\/p>\n<p style=\"text-align: justify;\">Agregaci\u00f3n: hacer un balance equilibrado entre linealidad y jerarquizaci\u00f3n. Creaci\u00f3n de p\u00e1ginas, nodos, secciones y subsecciones.<\/p>\n<p style=\"text-align: justify;\">Estructuraci\u00f3n de los contenidos: uni\u00f3n de los diferentes nodos y p\u00e1ginas teniendo en cuenta la jerarquizaci\u00f3n y ordenaci\u00f3n de los contenidos. Creaci\u00f3n de nodos de metainformaci\u00f3n sobre otros nodos y enlaces que permitan la estructuraci\u00f3n horizontal y vertical. Creaci\u00f3n de la p\u00e1gina inicial y de las p\u00e1ginas principales. En esta etapa se definen tanto las estructuras jer\u00e1rquicas y horizontales, como las taxonom\u00edas y esquemas de clasificaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">\u00a0Creaci\u00f3n de los sistemas de navegaci\u00f3n y b\u00fasqueda: creaci\u00f3n de p\u00e1ginas gu\u00eda, ayudas a la navegaci\u00f3n, tablas de contenido, \u00edndices, sumarios, mapas de navegaci\u00f3n, glosarios, p\u00e1ginas de b\u00fasqueda, uso de iconos y barras de navegaci\u00f3n, utilizaci\u00f3n de met\u00e1foras, etc. accesibles desde cualquier otra p\u00e1gina del sitio web.<\/p>\n<p style=\"text-align: justify;\">\u00a0Dise\u00f1o y estilo gr\u00e1fico: estilos y formatos textuales, coherencia gr\u00e1fica, dise\u00f1o de fondos y distribuci\u00f3n de los elementos dentro de<a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEB5.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-3443 alignleft\" alt=\"WEB5\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEB5-300x140.jpg\" width=\"300\" height=\"140\" \/><\/a> la p\u00e1gina, inclusi\u00f3n de material multimedia, cantidad y tama\u00f1o de las im\u00e1genes, etc. Dar homogeneidad y coherencia a todo el sitio web. Utilizar met\u00e1foras org\u00e1nicas, funcionales y visuales.<\/p>\n<p style=\"text-align: justify;\">\u00a0Ensamblaje final: \u00faltimos enlaces, dise\u00f1o de portadas y estilos gr\u00e1ficos, logotipos, enlaces sobre autor\u00eda, contacto, fechas de creaci\u00f3n o de actualizaciones, etc.<\/p>\n<p style=\"text-align: justify;\">Evaluaci\u00f3n y test de uso: comprobaci\u00f3n del funcionamiento, v\u00ednculos y p\u00e1ginas rotas, usabilidad, accesibilidad, \u00faltimos ajustes, etc.<\/p>\n<p style=\"text-align: justify;\">ALGUNOS COMPLEMENTOS DE UNA P\u00c1GINA WEB SON:<\/p>\n<p style=\"text-align: justify;\">* Contadores: permiten contabilizar las visitas de un sitio web.<\/p>\n<p style=\"text-align: justify;\">* Mapa del sitio. Algunos conceptos que se deben manejar relacionados al sitio web y su promoci\u00f3n:<\/p>\n<p style=\"text-align: justify;\">* Buscadores de internet: permiten que miles de personas encuentran el sitio web.<\/p>\n<p style=\"text-align: justify;\">* Resultados de busquedas: lista de p\u00e1ginas web que aparecen luego de realizar una b\u00fasqueda en un buscador de internet. Para aparecer en la lista, la p\u00e1gina web debe estar indexada. Aparecer en las primeras posiciones, permite incrementar la cantidad de visitantes al sitio (ver t\u00e9cnicas SEO).<\/p>\n<p style=\"text-align: justify;\">* Publicidad online.<\/p>\n<p style=\"text-align: justify;\">En 1997, David Siegel en\u00a0<strong>T\u00e9cnicas avanzadas para el dise\u00f1o de p\u00e1ginas web\u00a0<\/strong>distingu\u00eda 3 generaciones en el desarrollo de las interfaces de la WWW:<\/p>\n<ul>\n<li><b>\u00a0Webs de primera generaci\u00f3n:<\/b>\n<ul>\n<li>estructura lineal<\/li>\n<li>eventual inserci\u00f3n de fotograf\u00edas y l\u00edneas de separaci\u00f3n<\/li>\n<li>baja definici\u00f3n (proyectados para terminales ASCII en blanco y negro)<a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBD.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-3439\" alt=\"WEBD\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2015\/01\/WEBD.jpg\" width=\"284\" height=\"177\" \/><\/a><\/li>\n<li><\/li>\n<\/ul>\n<\/li>\n<li><strong>\u00a0Webs de segunda generaci\u00f3n:<\/strong>\n<ul>\n<li>iconos en vez de palabras subrayadas con azul<\/li>\n<li>men\u00fa de opciones<\/li>\n<li>fondos coloreados o con im\u00e1genes<\/li>\n<li>bordes azules alrededor de las figuras interactivas<\/li>\n<li><\/li>\n<\/ul>\n<\/li>\n<li><b>\u00a0Webs de tercera generaci\u00f3n:<\/b>\n<ul>\n<li>hegemon\u00eda del dise\u00f1o sobre la tecnolog\u00eda<\/li>\n<li>utilizaci\u00f3n de met\u00e1foras<\/li>\n<li>uso de un\u00a0<i>layout<\/i>\u00a0tipogr\u00e1fico y visual para la descripci\u00f3n de una p\u00e1gina bidimensional<\/li>\n<li>estructura entrada -\u00e1rea central- salida<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">La necesidad del acceso a internet para la sociedad hoy en d\u00eda es imperativa, por tanto posicionar a tu empresa en este medio usando dise\u00f1os atractivos mejorar\u00e1 las ventas y arrojar\u00e1 resultados positivos.<\/p>\n<p style=\"text-align: center;\">\n<p style=\"text-align: center;\">\n<p style=\"text-align: center;\">\n<p style=\"text-align: center;\"><a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2011\/11\/GM3s6.jpg\" target=\"_blank\" rel=\"noopener\"><a href=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2011\/11\/Logo-Gm3s-Pagina21.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1944 aligncenter\" alt=\"Logo-Gm3s-Pagina21.jpg\" src=\"http:\/\/gm3s.com.mx\/blog\/wp-content\/uploads\/2011\/11\/Logo-Gm3s-Pagina21.jpg\" width=\"116\" height=\"83\" \/><\/a><\/a><\/p>\n<p style=\"text-align: center;\">\n<p align=\"center\"><span style=\"color: #333399;\"><em>Ofrecemos sistemas inform\u00e1ticos en la gesti\u00f3n empresarial, producimos un software para PYMES en M\u00e9xico. Con m\u00e1s de\u00a025 a\u00f1os de experiencia como proveedores de ERP, hemos logrado crear un sistema eficiente para el control de inventarios, operaciones de compra-venta, puntos de venta, servicios y producci\u00f3n, al alcance de tu mano.<\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desde los inicios de la World Wide Web, tanto el dise\u00f1o de las p\u00e1ginas como de la propia estructura de los hiperdocumentos, ha variado enormemente. Si al principio, los hipertextos en la Web se limitaban a plasmar, sobre este nuevo medio, un texto impreso segment\u00e1ndolo en peque\u00f1os bloques y colocando aqu\u00ed y all\u00e1 algunos enlaces, [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-3436","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web"],"_links":{"self":[{"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/posts\/3436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/comments?post=3436"}],"version-history":[{"count":0,"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/posts\/3436\/revisions"}],"wp:attachment":[{"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/media?parent=3436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/categories?post=3436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gm3s.mx\/gm3s\/wp-json\/wp\/v2\/tags?post=3436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}