<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5163134072088459554</id><updated>2024-11-01T03:37:31.733-07:00</updated><category term="tutorial"/><category term="css"/><category term="diseño"/><category term="diseño web"/><category term="etapas web"/><category term="html"/><category term="planificacion y organizacion"/><category term="png"/><category term="psd"/><category term="web"/><title type='text'>Diseño Web Fácil</title><subtitle type='html'>PNG, PSD, HTML Y CSS fácil y rápido</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://novatosweb.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://novatosweb.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Solo para principiantes</name><uri>http://www.blogger.com/profile/10423232959421745013</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>3</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5163134072088459554.post-81000287574428039</id><published>2010-12-05T11:57:00.000-08:00</published><updated>2010-12-05T12:01:28.468-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="diseño web"/><category scheme="http://www.blogger.com/atom/ns#" term="etapas web"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><title type='text'>Etapas que debe formar tu proyecto web</title><content type='html'>&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;A continuación les mostraré las seis etapas que deberíamos realizar para el cliente, recuerden que el tutorial paso a paso del cual se va a tratar esta web lleva el objetivo de que al finalizar tu&amp;nbsp;estés&amp;nbsp;capacitado para poder realizar&amp;nbsp;proyectos&amp;nbsp;a terceras personas, de una manera muy profesional.&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;Negociación he inicio formal del proyecto&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwgNOee0J66-FGSJHO3bqk-hdVXUJcYxtLgSaWhZGfAn8Y338tZxUFI1W03i-qgfl4mbRhNYVEvJm_GAHZgMKmR-nBNlsEUv-okcVos2SBTY4uNz56ZTm78HkmdFqGpomCPGQkLfqFTBU6/s1600/dinero.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwgNOee0J66-FGSJHO3bqk-hdVXUJcYxtLgSaWhZGfAn8Y338tZxUFI1W03i-qgfl4mbRhNYVEvJm_GAHZgMKmR-nBNlsEUv-okcVos2SBTY4uNz56ZTm78HkmdFqGpomCPGQkLfqFTBU6/s1600/dinero.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;En esta etapa me refiero a la parte del dinero del proyecto. &amp;nbsp; Es muy importante tener en cuenta que no debemos iniciar un proyecto de terceras personas sin antes contar con un depósito de anticipo del 50% o por lo menos un 30%. &amp;nbsp; Se de muchos casos en que muchos diseñadores de paginas web&#39;s no han completado sus proyectos por la&amp;nbsp;razón&amp;nbsp;del dinero.&amp;nbsp;&lt;/div&gt;&lt;/blockquote&gt;&lt;blockquote&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Siempre debemos de hacer nuestro trabajo lo más formal que se pueda, por lo que debemos de realizar contratos con nuestros clientes y emitir facturas por los mismos.&lt;/div&gt;&lt;/blockquote&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;Debemos de establecer a una sola persona encargada dentro de la empresa, ella será nuestro contacto y con quien tendremos la coordinación sobre nuestro proyecto.&lt;/blockquote&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;b&gt;Organizar la información con un mapa de sitio&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3pEPzwFhZpyXyqQ_sVsa79VY9vzkt-OMuNZ3eqdGeZwez9R-VMuMR9yoiOt1lOBZGZPyvYhtUfbBWdGPXWUtCzRzHBVpSzgFRmkeQXruKd32myAZJUNq-pmXw1u9o-i0Qn7U4AyrqD7Y/s1600/ms.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3pEPzwFhZpyXyqQ_sVsa79VY9vzkt-OMuNZ3eqdGeZwez9R-VMuMR9yoiOt1lOBZGZPyvYhtUfbBWdGPXWUtCzRzHBVpSzgFRmkeQXruKd32myAZJUNq-pmXw1u9o-i0Qn7U4AyrqD7Y/s1600/ms.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Acá me refiero a que nosotros le solicitamos al cliente información de todo tipo relacionada a su empresa, quien nos la entrega de una forma desordenada, para lo cual nosotros tendremos que organizarla por categorías. &amp;nbsp; Más adelante mostraré lo que significa y como se hace un mapa de sitio.&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;b&gt;Presentar la propuesta gráfica del proyecto&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOh27-ycK6GyaI0061SZg5b1eAaUPzEJgjGQ-TMxbanmYChUeZwol0Yt5f6A2jZOsuWd4IBD8y09hV_9laOVwhI7M07cUdAv8gtOl5JBGslybkgI77L1osOrBE8_EI3ExKqo31wp9r1Rvd/s1600/paginas.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOh27-ycK6GyaI0061SZg5b1eAaUPzEJgjGQ-TMxbanmYChUeZwol0Yt5f6A2jZOsuWd4IBD8y09hV_9laOVwhI7M07cUdAv8gtOl5JBGslybkgI77L1osOrBE8_EI3ExKqo31wp9r1Rvd/s1600/paginas.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Le presentamos al cliente la propuesta gráfica de como quedará su web, en este caso es aconsejable no presentar más de dos propuestas al cliente de la imagen de su proyecto web en el cual aún nada es funcional. &amp;nbsp; &amp;nbsp;&amp;nbsp;Siempre habrá que preguntar al cliente de otras web&#39;s que nos&amp;nbsp;sirvan&amp;nbsp;de referencia, no para hacer una copia de ellos sino para formarnos una idea de lo que al cliente le gusta. &amp;nbsp;&lt;/div&gt;&lt;/blockquote&gt;&lt;blockquote&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Algo muy importante en este paso es que el cliente te firme algo por escrito de la aceptación de tu diseño, esto es porque puede ser que a futuro se soliciten cambios a tu propuesta y eso implicaría ya un costo adicional.&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;b&gt;Inserción del contenido con Dreamweaver CS4&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5iqYbI__YJhcqe2bkytzT0uXrkVxuNob1BG8sFDWTJKujZlVAjSoKq5DgArYfl96kd6jlfb0_ZsuAGzZ3hBMPrpuUNQbA9bCYhp5uX4OdJbpMLmaYmV_CMM_zeTuPldVboo_lgBRXFcWk/s1600/dw.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5iqYbI__YJhcqe2bkytzT0uXrkVxuNob1BG8sFDWTJKujZlVAjSoKq5DgArYfl96kd6jlfb0_ZsuAGzZ3hBMPrpuUNQbA9bCYhp5uX4OdJbpMLmaYmV_CMM_zeTuPldVboo_lgBRXFcWk/s1600/dw.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;En esta face es donde en realidad utilizarás la mayor parte de tiempo, es donde emplearás todo tu esfuerzo técnico, donde emplearas dreamweaver para trabajar con las tablas, imagenes, css, etc. &amp;nbsp;Esta es la etapa más larga y dura del proyecto por lo que debes solicitar al cliente que toda la información te la de en digital, revisada y completa. &amp;nbsp;&lt;/blockquote&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;OJO, les se decir que muchos proyectos se detienen por falta de contenido por parte del cliente y es que en realidad hay muchas empresas que no tienen bien claro lo que es su visión y su misión.&lt;/blockquote&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;b&gt;Revisión y ajustes&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;Luego de haber insertado la web y está lista para que sea subida, el cliente revisa y aprueba el proyecto y si necesitara de ajustes pequeños es el momento para&amp;nbsp;hacérselos. &amp;nbsp; Hay que tener mucho cuidado en las&amp;nbsp;decisiones&amp;nbsp;tomadas a ultima hora por el cliente, digo esto porque puede que tu hayas trabajado durante un tiempo en el proyecto venga al final a solicitarte un cambio al mismo de una manera significativa por ejemplo, que el cliente te solicitara el cambio del encabezado, tendrías que rechazar su solicitud de una forma educada y con mucha delicadeza,&amp;nbsp;haciéndole&amp;nbsp;ver que existe un diseño&amp;nbsp;aprobado&amp;nbsp;con anterioridad y que cualquier cambio al mismo implicaría un costo extra.&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;b&gt;Publicar el proyecto&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;Este será nuestro paso final, subir el proyecto a&amp;nbsp;Internet, pero para ello hay que tener en cuenta lo siguiente: &amp;nbsp;&lt;/blockquote&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;1. Nunca &amp;nbsp;publique el sitio hasta que el cliente haya realizado el ultimo pago por tus servicios, &lt;/blockquote&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;2. Asegura el contrato del hosting para tu proyecto, ya que es alli donde esta la clave para ganar dinero con el desarrollo web; &amp;nbsp;&lt;/blockquote&gt;&lt;blockquote style=&quot;text-align: justify;&quot;&gt;3.&amp;nbsp;Después&amp;nbsp;de haber publicado el sitio, no&amp;nbsp;abandones&amp;nbsp;a tu cliente, dale seguimiento a su web, porque un cliente satisfecho es tu mejor publicidad para tu trabajo como desarrollador web.&lt;/blockquote&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Recuerda que para todas estas etapas tienes que tener un tiempo apropiado, digo esto porque si tu haces todas las etapas muy rápido, tiendes a perder&amp;nbsp;credibilidad&amp;nbsp;ante tu cliente, por lo que en base a los conocimientos adquiridos te recomiendo el tiempo para cada etapa de la siguiente manera:&lt;/div&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;Negociación he inicio formal del proyecto, &amp;nbsp; (4 días laborales);&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;Organizar la información con un mapa de sitio, (1 semana);&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;Presentar la propuesta gráfica del proyecto, (2 semanas);&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;Inserción del contenido con Dreamweaver CS4, (1 semana);&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;Revisión y ajustes, (2 semanas);&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;Publicar el proyecto&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;Toda esta información sobre el tiempo que te tomarás en realizar cada etapa, es bueno que el cliente tenga conocimiento ya que al tardarte en una etapa el ya esta enterado del tiempo aproximado que te tomarás para el desarrollo de la misma.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bien en la próxima publicación veremos lo que es la organización física y digital de nuestro proyecto.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://novatosweb.blogspot.com/feeds/81000287574428039/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://novatosweb.blogspot.com/2010/12/etapas-que-debe-formar-tu-proyecto-web.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/81000287574428039'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/81000287574428039'/><link rel='alternate' type='text/html' href='http://novatosweb.blogspot.com/2010/12/etapas-que-debe-formar-tu-proyecto-web.html' title='Etapas que debe formar tu proyecto web'/><author><name>Solo para principiantes</name><uri>http://www.blogger.com/profile/10423232959421745013</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwgNOee0J66-FGSJHO3bqk-hdVXUJcYxtLgSaWhZGfAn8Y338tZxUFI1W03i-qgfl4mbRhNYVEvJm_GAHZgMKmR-nBNlsEUv-okcVos2SBTY4uNz56ZTm78HkmdFqGpomCPGQkLfqFTBU6/s72-c/dinero.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5163134072088459554.post-1775703009238427097</id><published>2010-12-04T15:44:00.000-08:00</published><updated>2010-12-05T11:58:26.444-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="planificacion y organizacion"/><title type='text'>Planificación y organización de tu sitio web</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZXmIrEsPW24yXx9u39aDZnXbGyt19b3vyXuMdFDIUyzAiS-uJPIXRgOWw_JSZdj4u13wzEIvctwV8l8wy4ayEFKE5uGSqXynEM8iiiiKm_WdBoDeYGUuSzO1eB4XHOoYsyVU0-Mt3t1c/s1600/desarrollo-web.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;149&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZXmIrEsPW24yXx9u39aDZnXbGyt19b3vyXuMdFDIUyzAiS-uJPIXRgOWw_JSZdj4u13wzEIvctwV8l8wy4ayEFKE5uGSqXynEM8iiiiKm_WdBoDeYGUuSzO1eB4XHOoYsyVU0-Mt3t1c/s200/desarrollo-web.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Iniciamos nuestro primer módulo&amp;nbsp;de diseño web, en realidad la &amp;nbsp;palabra diseño web es solo una parte del desarrollo de nuestro sitio web;&amp;nbsp;&amp;nbsp;lo más importante para nuestro trabajo es la planificación y la organización de nuestro sitio web, ya que con una buena planificación podrías llegar a superar a muchos desarrolladores de sitios web.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Si realizamos una mala planificación, tendremos malos resultados en nuestro trabajo, este termino es aplicable para nuestra vida. &amp;nbsp;Recuerda que entre mas tiempo nos pasemos planificando, menos tiempo nos tomara para desarrollar nuestro sitio web.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Debemos entender que un proyecto web esta formado por etapas y procesos, el diseño del sitio web es solo la capa de decoración de toda una estructura interior conformada por&amp;nbsp;códigos.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;En las próximas publicaciones daré a conocer todas las cosas que necesitemos para poder crear las estructuras para nuestro sitio web, las cuales las iré publicando de la siguiente manera:&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;u&gt;&lt;i&gt;&lt;b&gt;PRIMERA PARTE:&lt;/b&gt;&lt;/i&gt;&lt;/u&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;&lt;a href=&quot;http://novatosweb.blogspot.com/2010/12/etapas-que-debe-formar-tu-proyecto-web.html&quot;&gt;Etapas de un sitio web&lt;/a&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;Organización física y digital,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;Tipos de sitios web,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;El mapa de sitio,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #b45f06;&quot;&gt;Los bocetos.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://novatosweb.blogspot.com/feeds/1775703009238427097/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://novatosweb.blogspot.com/2010/12/planificacion-y-organizacion-de-tu.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/1775703009238427097'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/1775703009238427097'/><link rel='alternate' type='text/html' href='http://novatosweb.blogspot.com/2010/12/planificacion-y-organizacion-de-tu.html' title='Planificación y organización de tu sitio web'/><author><name>Solo para principiantes</name><uri>http://www.blogger.com/profile/10423232959421745013</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZXmIrEsPW24yXx9u39aDZnXbGyt19b3vyXuMdFDIUyzAiS-uJPIXRgOWw_JSZdj4u13wzEIvctwV8l8wy4ayEFKE5uGSqXynEM8iiiiKm_WdBoDeYGUuSzO1eB4XHOoYsyVU0-Mt3t1c/s72-c/desarrollo-web.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5163134072088459554.post-4294196217781302603</id><published>2010-12-03T09:07:00.000-08:00</published><updated>2010-12-03T10:07:16.231-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="diseño"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="png"/><category scheme="http://www.blogger.com/atom/ns#" term="psd"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="web"/><title type='text'>Bienvenidos compañeros</title><content type='html'>&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;div style=&quot;line-height: normal; text-align: left;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; line-height: normal; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;line-height: normal; text-align: left;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9NJ_T5X55MR8dOLtOSF-k2Gd_nN2NgyS445QnIcIC39vSj41_gOuF5z6t55Hl9SSqeMKGJnxNOVd4vgqoD_Sv-92l6XK8S6Cr6AM5AYGALOHhyngeiHwg-iHXxDYdjUEqCHFPxSfETfu/s1600/rafa1.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9NJ_T5X55MR8dOLtOSF-k2Gd_nN2NgyS445QnIcIC39vSj41_gOuF5z6t55Hl9SSqeMKGJnxNOVd4vgqoD_Sv-92l6XK8S6Cr6AM5AYGALOHhyngeiHwg-iHXxDYdjUEqCHFPxSfETfu/s200/rafa1.png&quot; width=&quot;160&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; color: black; font-family: Arial, sans-serif; font-size: 10pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;A lo largo de muchos años he venido practicando y comprendiendo varios programas para el desarrollo de paginas web&#39;s, es precisamente el día de hoy que he decidido compartir lo poco que he aprendido con todas aquellas personas que estén interesadas en poder realizar su propia pagina web o la de terceras personas.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; color: black; font-family: Arial, sans-serif; font-size: 10pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; color: black; font-family: Arial, sans-serif; font-size: 10pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;El objetivo general es que cualquier persona que no tenga los recursos tanto económicos como el de otra índole, puedan tener acceso a este tipo de conocimientos.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; color: black; font-family: Arial, sans-serif; font-size: 10pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;A lo largo de mis futuras publicaciones, les iré brindando tutoriales de como realizar su plantilla en Adobe Fireworks Cs4 como&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;también&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;&amp;nbsp;en Adobe Photoshop Cs4; &amp;nbsp;como realizar el traslado correspondiente de su imagen en PNG o PSD a codigo HTML y CSS; y como publicar su sitio web en internet.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;También&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;&amp;nbsp;les mostraré como convertir su pagina html a una plantilla para usarla en JOOMLA y en WORDPRESS. &amp;nbsp;Todos estos tutoriales lo publicaré con una frecuencia de 30 días, esto con el fin de poder discutir el tema publicado y aclarar todas las dudas con las que se topen los interesados.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;border-bottom-color: windowtext; border-bottom-style: none; border-bottom-width: 1pt; border-left-color: windowtext; border-left-style: none; border-left-width: 1pt; border-right-color: windowtext; border-right-style: none; border-right-width: 1pt; border-top-color: windowtext; border-top-style: none; border-top-width: 1pt; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; padding-top: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;Por favor&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;déjame&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: medium;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10pt;&quot;&gt;&amp;nbsp;tu comentario para formar una idea de cuantas personas se interesan por este tema.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://novatosweb.blogspot.com/feeds/4294196217781302603/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://novatosweb.blogspot.com/2010/12/bienvenidos-companeros.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/4294196217781302603'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5163134072088459554/posts/default/4294196217781302603'/><link rel='alternate' type='text/html' href='http://novatosweb.blogspot.com/2010/12/bienvenidos-companeros.html' title='Bienvenidos compañeros'/><author><name>Solo para principiantes</name><uri>http://www.blogger.com/profile/10423232959421745013</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9NJ_T5X55MR8dOLtOSF-k2Gd_nN2NgyS445QnIcIC39vSj41_gOuF5z6t55Hl9SSqeMKGJnxNOVd4vgqoD_Sv-92l6XK8S6Cr6AM5AYGALOHhyngeiHwg-iHXxDYdjUEqCHFPxSfETfu/s72-c/rafa1.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>