SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Pasos para crear un sitio web




  Paso 2


Diseño
Profesionales que pueden intervenir en un proyecto web

                        Elaboraci€n de la imagen
   Diseñador gráfico    corporativa, iconos, colores …
                        Elaboraci€n de fotografias
   Fotógrafo            personalizadas
                        Elaboraci€n de textos con aspecto
   Periodista           profesional
                        Bases de datos, estructura, c€digo
   Programador
                        fuente, pasarela de pagos,
   (webmaster)          publicaci€n, mantenimiento
                        Adecuaci€n de la web en materia de
   Abogado              comercio electr€nico y protecci€n de
                        datos
                        Estrategia de posicionamiento en
   Seo                  buscadores
   Especialista en e-   Campa‚as de marketing en la red,
   marketing            seguimientos etc.
¿Cómo puedo crear mi sitio web?

0 Contratando a un diseñador web
1 Contratando a una empresa especializada
2 Adquiriendo un software WYSIWYG
3 Adquiriendo un CMS
  Utilizando plantillas pre-instaladas en el
4
  servido
0    Contratar a un diseñador web autónomo



No es una opción válida para
proyectos de cierta
envergadura ya que es
imposible que una sola persona
sepa bien de todo por lo que la
calidad de los resultados estará
limitada a sus conocimientos.

           Solo serviría para proyectos simples que no requieren
        mantenimiento y que no necesitan recursos técnicos especiales
                    (paginas estáticas de presentación)
1     Contratar a una empresa especializada



Es la opción más adecuada por
que aporta integridad al
proyecto . Este tipo de
empresas coordina las acciones
de cada profesional de una
manera eficiente por lo que se
garantiza la consecución del
proyecto.

Por lo general este tipo de empresas solamente tiene un diseñador o
programador en plantilla y se relaciona con el resto de profesionales en
regimen de colaboración ( FREELANCE)
3          Adquirir un software WYSIWYG



WYSIWYG es el acrónimo de
What You See Is What
You Get (en inglés, "lo que ves
es lo que obtienes"). Se aplica a
los procesadores de texto y otros
editores de texto con formato
(como los editores de HTML) que
permiten escribir un documento
viendo directamente el resultado
final

Ejemplos de editores HTML tipo WYSIWYG son: Dreamweaver, NVU/Kompozer,
las versiones de Composer de Netscape y Mozilla, Amaya, Writer (de
OpenOffice.org), Adobe Golive, Frontpage.
4               Adquirir un software CMS
                              Content Management System




Un Sistema de gestión de
contenidos Content
Management System,
(CMS) permite la creación y
administración de
contenidos sin
preocuparnos por el diseño
ni por el código fuente


El sistema permite manejar de manera independiente el contenido y el
diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño
distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir
la fácil y controlada publicación en el sitio a varios editores.
CMS - webtodate
Distintos tipos de CMS
La multitud de diferentes CMS existentes se pueden agrupar en las
siguientes categorías:
     Foros             Sitio que permite la discusión en línea donde los
                       usuarios pueden reunirse y discutir temas en los
                       que están interesados
     Blogs             Publicación de noticias o artículos en orden
                       cronológico con espacio para comentarios y
                       discusión.
     Wikis             Sitio web dónde todos los usuarios pueden
                       colaborar en los artículos.
     E-                Sitio web para comercio electrónico
     commerce
     Sitios web        Sitio web con contenido y funcionalidad diversa
                       que sirve como fuente de información o como
                       soporte a una comunidad.
     Galeria           Permite administrar y generar automáticamente
                       un portal o sitio web que muestra contenido
                       audiovisual, normalmente imágenes.
CMS Open Source
  Software Libre
CMS/Open Source
Solución comercio electrónico
5     Utilizar plantillas Pre-instaladas en el servidor



 Se trata de software de
 gestión de contenidos
 (CMS) que ya se
 encuentra instalado en el
 servidor por lo que
 solamente tenemos que
 añadirle contenido.


Esta es una opción que suelen ofrecer todos los ISP (proveedores de servicios de
Internet) como valor añadido al servicio de Hosting (alojamiento), facilitando a sus
clientes la posibilidad de crear desde una web personal hasta una tienda virtual sin tener
que comprar software y sin que sea necesario tener conocimientos de programación.
www.1and1.es

Más contenido relacionado

La actualidad más candente

Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salas
sarera2
 
Creación de Páginas web y Blogs - Introducción
Creación de Páginas web y Blogs - Introducción Creación de Páginas web y Blogs - Introducción
Creación de Páginas web y Blogs - Introducción
Ivan Obradovic
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
dianayroman
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
FloydMera98
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
'Paola G
 

La actualidad más candente (19)

Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015
 
Dreamwaver cs5
Dreamwaver cs5 Dreamwaver cs5
Dreamwaver cs5
 
Dreamweaverrr
DreamweaverrrDreamweaverrr
Dreamweaverrr
 
Iniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricosIniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricos
 
Guía técnica para lanzar tu propio sitio (1)
Guía técnica para lanzar tu propio sitio (1)Guía técnica para lanzar tu propio sitio (1)
Guía técnica para lanzar tu propio sitio (1)
 
Wix
WixWix
Wix
 
WordPress
WordPressWordPress
WordPress
 
Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salas
 
Creación de Páginas web y Blogs - Introducción
Creación de Páginas web y Blogs - Introducción Creación de Páginas web y Blogs - Introducción
Creación de Páginas web y Blogs - Introducción
 
Actividad 1 - WordPress
Actividad 1 - WordPressActividad 1 - WordPress
Actividad 1 - WordPress
 
Jimdo
JimdoJimdo
Jimdo
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Dreamwaver cs5
Dreamwaver cs5Dreamwaver cs5
Dreamwaver cs5
 
Wordpress
WordpressWordpress
Wordpress
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Aplicaciones disponibles para la creación de Sitios Web
Aplicaciones disponibles para la creación de Sitios WebAplicaciones disponibles para la creación de Sitios Web
Aplicaciones disponibles para la creación de Sitios Web
 
Desarrollo WordPress Servicios-Especial necesidades de contenido sofisticado
Desarrollo WordPress Servicios-Especial necesidades de contenido sofisticadoDesarrollo WordPress Servicios-Especial necesidades de contenido sofisticado
Desarrollo WordPress Servicios-Especial necesidades de contenido sofisticado
 
Conceptos Básicos CMS
Conceptos Básicos CMSConceptos Básicos CMS
Conceptos Básicos CMS
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 

Similar a DiseñO Web

Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
coorie100
 
Herramientas web que permiten crear páginas web de manera gratuita
Herramientas web que permiten crear páginas web de manera gratuitaHerramientas web que permiten crear páginas web de manera gratuita
Herramientas web que permiten crear páginas web de manera gratuita
Pamela Chafla
 

Similar a DiseñO Web (20)

Cms Martin Vazquez
Cms Martin VazquezCms Martin Vazquez
Cms Martin Vazquez
 
Tecnologia periodo ii
Tecnologia periodo iiTecnologia periodo ii
Tecnologia periodo ii
 
Presentacion herramientas
Presentacion herramientasPresentacion herramientas
Presentacion herramientas
 
Content Management System (CMS)
Content Management System (CMS)Content Management System (CMS)
Content Management System (CMS)
 
Esquemas temas 11
Esquemas temas 11Esquemas temas 11
Esquemas temas 11
 
Cms
CmsCms
Cms
 
Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
 
Material 2020 a1_com270_01_133696
Material 2020 a1_com270_01_133696Material 2020 a1_com270_01_133696
Material 2020 a1_com270_01_133696
 
CMS
CMSCMS
CMS
 
LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS
 
Cms
CmsCms
Cms
 
Herramientas web que permiten crear páginas web de manera gratuita
Herramientas web que permiten crear páginas web de manera gratuitaHerramientas web que permiten crear páginas web de manera gratuita
Herramientas web que permiten crear páginas web de manera gratuita
 
Cms vigil1
Cms vigil1Cms vigil1
Cms vigil1
 
Sistema manejador de contenidos
Sistema manejador de contenidosSistema manejador de contenidos
Sistema manejador de contenidos
 
editores web.pptx
editores web.pptxeditores web.pptx
editores web.pptx
 
Presentacion cm- Programacion WEB
Presentacion cm- Programacion WEBPresentacion cm- Programacion WEB
Presentacion cm- Programacion WEB
 
Taller comercio electrónico
Taller comercio electrónicoTaller comercio electrónico
Taller comercio electrónico
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Ebook capitulos
Ebook capitulosEbook capitulos
Ebook capitulos
 

Más de consultoring (6)

¿Que es un Modelo de negocio?
¿Que es un Modelo de negocio?¿Que es un Modelo de negocio?
¿Que es un Modelo de negocio?
 
Hosting
HostingHosting
Hosting
 
Nombre De Dominio
Nombre De DominioNombre De Dominio
Nombre De Dominio
 
Crea Tu Web 1
Crea Tu Web 1Crea Tu Web 1
Crea Tu Web 1
 
¿Que es la World Wide Web?
¿Que es la World Wide Web?¿Que es la World Wide Web?
¿Que es la World Wide Web?
 
¿Que es Internet?
¿Que es Internet?¿Que es Internet?
¿Que es Internet?
 

Último

SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
JaredQuezada3
 
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIAUNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
sonapo
 
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
Evafabi
 
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdfComparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
AJYSCORP
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
nathalypaolaacostasu
 

Último (20)

SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
 
DECRETO-2535-DE-1993-pdf.pdf VIGILANCIA PRIVADA
DECRETO-2535-DE-1993-pdf.pdf VIGILANCIA PRIVADADECRETO-2535-DE-1993-pdf.pdf VIGILANCIA PRIVADA
DECRETO-2535-DE-1993-pdf.pdf VIGILANCIA PRIVADA
 
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptxADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
 
mapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfmapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdf
 
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIAUNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
UNIDAD DIDACTICA DE CUARTO BIMESTRE DOCENTES SECUNDARIA
 
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
 
Analisis del art. 37 de la Ley del Impuesto a la Renta
Analisis del art. 37 de la Ley del Impuesto a la RentaAnalisis del art. 37 de la Ley del Impuesto a la Renta
Analisis del art. 37 de la Ley del Impuesto a la Renta
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industral
 
implemenatcion de un data mart en logistica
implemenatcion de un data mart en logisticaimplemenatcion de un data mart en logistica
implemenatcion de un data mart en logistica
 
Manual para las 3 clases de tsunami de ventas.pdf
Manual para las 3 clases de tsunami de ventas.pdfManual para las 3 clases de tsunami de ventas.pdf
Manual para las 3 clases de tsunami de ventas.pdf
 
EL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de socialesEL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de sociales
 
Presentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdfPresentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdf
 
S05_s2+Prueba+d.pdfsfeaefadwwwwwwwwwwwwwwwwwwwwwwwwww
S05_s2+Prueba+d.pdfsfeaefadwwwwwwwwwwwwwwwwwwwwwwwwwwS05_s2+Prueba+d.pdfsfeaefadwwwwwwwwwwwwwwwwwwwwwwwwww
S05_s2+Prueba+d.pdfsfeaefadwwwwwwwwwwwwwwwwwwwwwwwwww
 
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdfComparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
 
2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx
 
Fabricación de Cremas en Industria Farmacéutica
Fabricación de Cremas en Industria FarmacéuticaFabricación de Cremas en Industria Farmacéutica
Fabricación de Cremas en Industria Farmacéutica
 
4 Tipos de Empresa Sociedad colectiva.pptx
4 Tipos de Empresa Sociedad colectiva.pptx4 Tipos de Empresa Sociedad colectiva.pptx
4 Tipos de Empresa Sociedad colectiva.pptx
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
 
Empresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercadoEmpresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercado
 
liderazgo guia.pdf.............................
liderazgo guia.pdf.............................liderazgo guia.pdf.............................
liderazgo guia.pdf.............................
 

DiseñO Web

  • 1. Pasos para crear un sitio web Paso 2 Diseño
  • 2. Profesionales que pueden intervenir en un proyecto web Elaboraci€n de la imagen Diseñador gráfico corporativa, iconos, colores … Elaboraci€n de fotografias Fotógrafo personalizadas Elaboraci€n de textos con aspecto Periodista profesional Bases de datos, estructura, c€digo Programador fuente, pasarela de pagos, (webmaster) publicaci€n, mantenimiento Adecuaci€n de la web en materia de Abogado comercio electr€nico y protecci€n de datos Estrategia de posicionamiento en Seo buscadores Especialista en e- Campa‚as de marketing en la red, marketing seguimientos etc.
  • 3. ¿Cómo puedo crear mi sitio web? 0 Contratando a un diseñador web 1 Contratando a una empresa especializada 2 Adquiriendo un software WYSIWYG 3 Adquiriendo un CMS Utilizando plantillas pre-instaladas en el 4 servido
  • 4. 0 Contratar a un diseñador web autónomo No es una opción válida para proyectos de cierta envergadura ya que es imposible que una sola persona sepa bien de todo por lo que la calidad de los resultados estará limitada a sus conocimientos. Solo serviría para proyectos simples que no requieren mantenimiento y que no necesitan recursos técnicos especiales (paginas estáticas de presentación)
  • 5. 1 Contratar a una empresa especializada Es la opción más adecuada por que aporta integridad al proyecto . Este tipo de empresas coordina las acciones de cada profesional de una manera eficiente por lo que se garantiza la consecución del proyecto. Por lo general este tipo de empresas solamente tiene un diseñador o programador en plantilla y se relaciona con el resto de profesionales en regimen de colaboración ( FREELANCE)
  • 6. 3 Adquirir un software WYSIWYG WYSIWYG es el acrónimo de What You See Is What You Get (en inglés, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento viendo directamente el resultado final Ejemplos de editores HTML tipo WYSIWYG son: Dreamweaver, NVU/Kompozer, las versiones de Composer de Netscape y Mozilla, Amaya, Writer (de OpenOffice.org), Adobe Golive, Frontpage.
  • 7.
  • 8. 4 Adquirir un software CMS Content Management System Un Sistema de gestión de contenidos Content Management System, (CMS) permite la creación y administración de contenidos sin preocuparnos por el diseño ni por el código fuente El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores.
  • 10. Distintos tipos de CMS La multitud de diferentes CMS existentes se pueden agrupar en las siguientes categorías: Foros Sitio que permite la discusión en línea donde los usuarios pueden reunirse y discutir temas en los que están interesados Blogs Publicación de noticias o artículos en orden cronológico con espacio para comentarios y discusión. Wikis Sitio web dónde todos los usuarios pueden colaborar en los artículos. E- Sitio web para comercio electrónico commerce Sitios web Sitio web con contenido y funcionalidad diversa que sirve como fuente de información o como soporte a una comunidad. Galeria Permite administrar y generar automáticamente un portal o sitio web que muestra contenido audiovisual, normalmente imágenes.
  • 11. CMS Open Source Software Libre
  • 13. 5 Utilizar plantillas Pre-instaladas en el servidor Se trata de software de gestión de contenidos (CMS) que ya se encuentra instalado en el servidor por lo que solamente tenemos que añadirle contenido. Esta es una opción que suelen ofrecer todos los ISP (proveedores de servicios de Internet) como valor añadido al servicio de Hosting (alojamiento), facilitando a sus clientes la posibilidad de crear desde una web personal hasta una tienda virtual sin tener que comprar software y sin que sea necesario tener conocimientos de programación.