1. EL PROCESO DE UN DISEO WEB QUE ES UN PROYECTO WEBPodras pensar que cuando realizas una cotizacin para un proyecto webya sea diseo o programacin tienes todas las tareas definidas y casi todo contemplado, pero muchas veces no es as. Definir bien un proyecto web antes de comenzarlo es el primer paso para asegurar un proyecto exitosoy clientes felices. Y para conseguir esto ser necesario una reunin conel cliente, estar preparado para hacer las preguntas correctas, obtenerinformacin, los requerimientos funcionales y verdaderamente entender loque el cliente necesita y cules son sus expectativas.Se debe dejar claro que el rediseo web, conlleva un proceso que muchasveces esta divido en muchas fases, cada una de las cuales tiene tareas,metas y entregables. Estas fases o etapas puedes ser diferentes para cada persona que se dedique a realizar proyectos web.

2. EL PROCESO DE UN DISEO WEBCONSISTE EN 6 PASOS IMPORTANTES :1.- NEGOCIACIN2.- ORGANIZACIN DE LAINFORMACIN3.- INTERFAZ GRFICA4.- INSERCIN DEL CONTENIDO5.- REVISIN Y AJUSTES6.- PUBLICACIN 3. EL PROCESO DE UN DISEO WEBEl proceso de desarrollo de un sitio web va desde el conceptopara el Diseo hasta la ejecucin final. Nosotros tenemos lacapacidad de reproducir exactamente el sitio web que nuestrocliente esta buscando. 4. EL PROCESO DE UN DISEO WEB 1.- NEGOCIACIONEs un proceso entre dos partes en donde existen dos posicionesdiferentes sobre un mismo asunto, las dos partes quieren llegar a un acuerdo y para esto se comunican intercambiando propuestas yconcesiones.Deben cumplirse las tres condiciones mencionadas anteriormente paraque el proceso de Negociacin ocurra: 5. EL PROCESO DE UN DISEO WEBExisten dos posiciones diferentes sobre un mismo asunto": si las posiciones fueran coincidentes no hara falta negociar.Las dos partes quieren llegar a un acuerdo": si una de las partes no quisiera llegar a un acuerdo, no se sentara a negociar.Para esto se comunican intercambiando propuestas y concesiones": si nohubiera comunicacin entre las partes, no se podra formular propuestas,aceptarlas, rechazarlas, o efectuar concesiones. 6. EL PROCESO DE UN DISEO WEBTECNOLOGIAQu tecnologia hay que usar?a) CostoLa tecnologa seleccionada depende de ellob) Infraestructura o poltica de la empresac) Propuesta del proveedor seleccionado, Puede hacer una recomendacin de ecnologa que va en funcin a su propuesta econmicaMETOLOGIASon las reglas, polticas, tcnicas y procedimientos para el seguimiento delDesarrollo de un proyectoRECURSOSEl ultimo factor del cual depende el xito de nuestro proyecto, las personas ySus respectivos perfiles de conocimiento y experiencia en el tipo de proyecto 7. EL PROCESO DE UN DISEO WEB2.- ORGANIZACIN DE LA INFORMACIONEs importante que quien vaya a realizar el proyecto realice unainvestigacin inicial con el fin de saber haca donde dirigirse, en estepunto cabe toda la bsqueda de informacin tanto a nivel de latemtica del proyecto en s como el uso de herramientas que puedenfacilita el trabajo o que sern necesarias. 8. EL PROCESO DE UN DISEO WEBRecabacin de la informacin y obtencin de la informacin queel cliente va a publicar en su espacio web: textos, bases de datos,fotografas,video,audio,etc.Cuando ya se ha hecho la investigacin respectiva y se tienela informacin necesaria, es hora de hacer un esquema generaldel sitio para saber qu secciones llevar, cules sern losmdulos a crear para obtener un mapa del sitio que servir dereferencia durante el proyecto. 9. EL PROCESO DE UN DISEO WEBEl esquema de estructura de una pgina webLaestructuradeunapginawebeselesquemadecomposicin(omaquetacin)delainformacinqueapareceenunapgina.Nodebeconfundirseconlaestructuradeunawebqueesuntrminomsamplioyquehacereferenciaacomoseorganizalainformacinentodoelsitioweb.Setrataendefinitivaderealizarunesquemaparasituarelttulo,losenlacesquellevanaotraspginas,elcontenido,etc.Esteesquemavendraserunaplantillaqueseguiremosparaconstruirelrestodepginas.ConellologramosunaaparienciaunificadaparatodoelsitioaltiempoqueservirparaelpropsitodeaplicarestiloCSSconmscomodidad. 10. EL PROCESO DE UN DISEO WEBEJEMPLO DE MAQUETACabeza:Setratadeunabarrahorizontaldondepondremosellogotipoynombreelsitio,principalmente.Botonera:Otrabarraquecontieneenlacesaotraspginas.Lateral izquierdo:Dondesuelentambinalbergarseenlaces,publicidad,noticias,etc. 11. EL PROCESO DE UN DISEO WEBEJEMPLO DE MAQUETAMigas:Estenombrehacereferenciaaunacadenadeenlacesqueindicaralusuariodondeseencuentra,detalformaqueamedidaquenavegaseaadeunnuevoenlacealacadena.Contenido: Mayorreadestinadaalverdaderocontenidodelapgina.Lateral derecho: Otrazonaparamsinformacin.Pie:Dondesuelenponerseloscrditos,ayudas,validadores,legislacin,etc. 12. EL PROCESO DE UN DISEO WEB3.- INTERFAZ GRAFICADespusdetenerelesquemageneraldelsitio,sedebehacerunesquemagrficogeneraldecmoydndeirntodosloselementosdelmismo.Esimportantequeenstapartesedeunaretroalimentacineficazparaevitardemorasinnecesariasenelproyecto. 13. EL PROCESO DE UN DISEO WEBINTERFAZ GRAFICAAnlisisdelmercadoPotencialidaddelmercado/sector/actividad.Seapuntaaunmercadolocal,nacionaloregional?Quienessonlospotencialesusuarios/compradoresdelnegocio?Describaelperfildevisitantesdesusite.(sexo,edad,niveldeingresos,frecuenciadeuso,razndelusonegocios,placer)Culseralamotivacinquetendranparaelegirelproducto/servicioqueelproyectoprevgenerar?Podraestimarlacantidaddeconsumidores/usuariostotalesqueposeeelmercadoalqueUd.apunta?Esemercadopotencialcuntosingresosrepresentaranparasuproyecto? 14. EL PROCESO DE UN DISEO WEBINTERFAZ GRAFICA4 pasos para fijar precios de manera efectiva de un diseo web.DeterminatusalarioporhoraEsimportantedeterminarunsalarioporhora,paraestoexisteestasimplefrmula.(Costos+Salario)Horastrabajadasporao=SalarioporhoraFijatuspreciosbaseparadeterminadostiposdeproyectoPorejemplo:DiseodeLogotipo,Diseodesitioweb,Diseodeblog 15. EL PROCESO DE UN DISEO WEBINTERFAZ GRAFICA4 pasos para fijar precios de manera efectiva de un diseo web.FijarpreciosparacaractersticasadicionalesNuncafaltaelclientequealamitaddelproyectoseleocurrepedirunacaractersticaadicionalFijarpreciosparaeltrabajoexterno,Algoquedebemosteneren 16. EL PROCESO DE UN DISEO WEBINTERFAZ GRAFICA7 consejos a la hora de cobrar un diseo web1. Tenerunavisinprincipaldeloqueelclientequierehacerensusitio,saberdequemaneraelclientequiereusarsupginaweb;porejemplosiesquesupaginaserinformativa,unatiendaenlnea,ounblog,etc.2.Saberquelenguajedeprogramacinusars.conformealaideaqueteformesdeloquenecesitaelcliente;saberconqueprogramacinarmarssusitioweb. 17. EL PROCESO DE UN DISEO WEB INTERFAZ GRAFICA7 consejos a la hora de cobrar un diseo web3. Que es lo que ofrecers en el paquete. En el paquete que le propongas al cliente hay muchas cosas de las cuales debers de pagar externamente por ellas o se las cobrars a tu cliente aparte.4. Conforme al proyecto saber si usars plantillas. Hay muchos diseadores web que les gusta usar plantillas, las compradas son mucho mejores que las gratis, ya que ests dando un servicio completo y eso incluye un diseo personalizado. 18. EL PROCESO DE UN DISEO WEBINTERFAZ GRAFICA FREELANCE Un freelance es una persona que trabaja de manera independiente y que cobra por el trabajo realizado, es decir que no es empleado de alguna empresa y que tampoco es propietario de alguna empresa. Tambin conocidos cmo autnomos, el principal campo laboral de los freelances son servicios profesionales, creativos, informtica, consultora, diseo grfico, periodismo, etc. 19. EL PROCESO DE UN DISEO WEB4.- INSERCIN DEL CONTENIDO Datos de la empresa: Nombre, direccin, nmero de telfono y de fax,direccin de correo electrnico y qu tipo de estructura legal tiene.Datos de la/s persona/s de contacto: Nombre, direccin, nmero detelfono y de fax, direccin de correo electrnico. 20. EL PROCESO DE UN DISEO WEB INSERCIN DEL CONTENIDOBreve descripcin del proyecto: Este punto es muy importante y,aunque va al principio, se debe redactar al final. Es decir, cuando yaha terminado el plan de negocios y esta preparado para resumir endos o tres pginas a lo sumo la totalidad de la idea. 21. EL PROCESO DE UN DISEO WEB5.- REVISION Y AJUSTESTodos los ajustes del proyecto se aplican a este en sutotalidad y, la mayora de ellos, no se pueden cambiar unavez creado un proyecto.Una vez que haya comenzado a trabajar en un proyecto,podr revisar sus ajustes, pero solo podr cambiar algunos. 22. EL PROCESO DE UN DISEO WEB5.- PUBLICACION EL INTERNET Podemos definir a Internet como una "red de redes", es decir, unared que no slo interconecta computadoras, sino que interconectaredes de computadoras entre s.Una red de computadoras es un conjunto de mquinas que secomunican a travs de algn medio (cable coaxial, fibra ptica, radiofrecuencia, lneas telefnicas, etc.) con el objeto de compartir recursos. De esta manera, Internet sirve de enlace entre redes ms pequeasy permite ampliar su cobertura al hacerlas parte de una "red global". 23. EL PROCESO DE UN DISEO WEB5.- PUBLICACION Qu es un web hosting? Es el servicio que provee a los usuarios de internet un sistema para poder almacenar informacin, imgenes, videos o cualquier contenido accesible va internet.Clasificacin de los web hosting1. Alojamiento gratuito2. Alojamiento compartido3. Alojamiento de imgenes4. Alojamiento revendedor5. Servidores virtuales6. Servidores dedicados7. Colocacin 24. EL PROCESO DE UN DISEO WEB5.- PUBLICACION ALOJAMIENTO GRATUITO Es extremadamente limitado, generalmente agregan publicidad en los sitios como medio de financiamiento. No se puede usar como almacn de datos o de contenido adulto no permitido. 25. EL PROCESO DE UN DISEO WEB5.- PUBLICACION ALOJAMIENTO COMPARTIDO Alojamiento compartido En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor web. Resulta una alternativa muy buena para pequeos y medianos clientes, es un servidor econmico y tiene buen rendimiento. 26. EL PROCESO DE UN DISEO WEB5.- PUBLICACION ALOJAMIENTO DE IMAGENESEste tipo de hospedaje se ofrece para guardar tus imgenes eninternet, la mayora de estos servicios son gratuitos y las pginas sevalen de la publicidad colocada al subir la imagen. 27. EL PROCESO DE UN DISEO WEB5.- PUBLICACION SERVICIOS VIRTUALES Mediante el uso de una mquina virtual la empresa ofrece el control de un ordenador aparentemente no compartido. As se puede administrar varios dominios de forma fcil y econmica, adems de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado para empresas de diseo y programacin web. 28. EL PROCESO DE UN DISEO WEB5.- PUBLICACIONSERVIDORES DEDICADOS Se refiere a una forma avanzada de alojamiento web, en la cual el cliente alquila o compra un ordenador completo y la Responsabilidad de administrarlo. 29. EL PROCESO DE UN DISEO WEB5.- PUBLICACIONCOLOCACION O HOUSING Este servicio consiste bsicamente en vender o alquilar un espacio fsico de un centro de datos para que el cliente coloque ah su propio ordenador. La empresa le da la corriente y la conexin a internet, pero el ordenador servidor lo elije completamente el usuario. 30. EL PROCESO DE UN DISEO WEB