SlideShare una empresa de Scribd logo
1 de 11
MANUAL TÉCNICO
Desarrollo de la pagina web “El Buen Vestir”
Software Utilizado : http://es.wix.com/
Mediante esta página se puede crear diferentes tipos de plantillas de página de una aplicación,
en lugar de tener que crear una página desde el principio. Además si en algún momento desea
cambiar el diseño de su página solo puede modificarlo sin necesidad de volver a empezar.
Ya seleccionado la página deseada
PASAMOS A MODIFICAR
Iniciaremos modificando los botones según la necesidad de la pagina que deseamos presentar
Primeramente nos ubicamos en el menú Paginas, respectivamente seleccionamos el botón que
deseamos cambiar de nombre y en seguida nos aparecerá un cuadro que nos indica el espacio y
lugar que pondremos anotar el nombre actual que nuestro botón requiere.
Ejemplo:
Después de haber modificado los respectivos botones pasamos hacer lo siguiente:
INSERCIÓN DE TEXTOS PÁRRAFO O TITULO
Al seleccionar la opción Agregar /Texto
Nos aparece un cuadro de opción en la que indica si deseas agregar un cuadro de titulo ó párrafo
Eso dependerá de la necesidad que requiere nuestra página web
Ya seleccionada la opción se procede a insertar el cuadro de texto y posteriormente la
información.
Así es como se visualiza la página después de haberle insertado el texto, párrafo correspondiente.
CAMBIAR FONDO
Primeramente seleccionamos la opción Diseño/Fondo
Al seleccionarlo observamos los fondos siguientes. Esto nos ayuda a poder darle una mejor
apariencia a nuestra pagina
CAMBIAR ESTILO DE PÁGINA
Para cambiar el estilo le damos clic a la pantalla y enseguida se visualiza un menú en el cuál
seleccionamos Opción.
Posteriormente se observa lo siguiente
En este caso al cambiar el estilo siempre dependerá del gusto del diseñador.
INSERCION DE UNA SOLA IMAGEN
Para agregar una sola imagen nos vamos a la opción Agregar/Imagen Así como lo muestra la
imagen anterior
Al seleccionarlo nos muestra un cuadro de imagen, posteriormente seleccionamos dándole un clic
y al momento nos muestra un cuadro de opciones como muestra en la pantalla, por lo siguiente
seleccionamos Cambiar Imagen.
Después de a ver seleccionado la opción Cambiar Imagen nos aparece un cuadro mostrando una
variedad de imágenes la cual podemos utilizar para insértalas en nuestra pagina
EDITAR TEXTO
Para Editar Texto nos ubicamos en el párrafo q deseamos editar le damos un clic, posteriormente
nos muestra un menú de opciones en donde seleccionamos Editar Texto
Por lo siguiente muestra un cuadro de menús de diferentes tipos de opciones que ayudaran a
nuestra agina a tener un mejor aspecto. Una de las opciones seria El tipo de fuente, Tamaño de
fuente, Color de fuente y otros puntos más.
Si los colores de fuentes no te bastan y quieras requerir mas tipos de fuentes tenemos una opción
que dice Mas Colores procedemos a darle clic y nos muestra un cuadro como muestra lo siguiente
INSERCION DE UNA GALERIA DE IMAGEN
Después de a ver seleccionado la opción Agregar/Galería
Muestra varias opciones de tipos de galería esa opción será dependiendo del gusto que el
diseñador tenga. En mi caso escogí la galería Grid Animada y en seguida aparece el cuadro para
insertar nuestras imágenes
Para insertar las imágenes le damos Clic al cuadro y aparecerá una un menú de opción donde
seleccionaremos la opción de Organizar imágenes
En seguida nos aparecerá un cuadro con una opción Agregar Imágenes, le das clic y
posteriormente al darle clic te muestra las varias imágenes que contiene la galería.
Para cambiarlas deberás darle clic a Cambiar Imagen y te mostrara un cuadro de imágenes donde
podrás seleccionar las varias imágenes que deseas insertar. Si deseas agregar más imágenes
deberás seleccionar la opción Cargar imagen y examinarlas desde la carpeta que contienen tus
imágenes
Ya insertadas tus imágenes la pagina se visualiza de la siguiente manera

Más contenido relacionado

La actualidad más candente

Tutorial Php - Para crear y publicar WebQuest
Tutorial Php - Para crear y publicar WebQuestTutorial Php - Para crear y publicar WebQuest
Tutorial Php - Para crear y publicar WebQuestMaria Laura Andereggen
 
Manual MiniQuest
Manual MiniQuestManual MiniQuest
Manual MiniQuesteets
 
Tutorial Phpwebquest
Tutorial PhpwebquestTutorial Phpwebquest
Tutorial PhpwebquestPablo Damian
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIXisabeland8
 
CREA WEBQUEST USANDO PHP
CREA WEBQUEST USANDO PHPCREA WEBQUEST USANDO PHP
CREA WEBQUEST USANDO PHPguestd75b85
 
Pasos a seguir para crear un blog
Pasos a seguir para crear un blogPasos a seguir para crear un blog
Pasos a seguir para crear un bloglamawiiii
 
Trabajo práctico nº 4
Trabajo práctico nº 4Trabajo práctico nº 4
Trabajo práctico nº 4taniasansone
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].mattdamond
 
Control ficha
Control fichaControl ficha
Control fichajhonrmp
 
Phpwebquestcastellano
PhpwebquestcastellanoPhpwebquestcastellano
Phpwebquestcastellanojeanny8000
 
Phpwebquestcastellano
PhpwebquestcastellanoPhpwebquestcastellano
Phpwebquestcastellanocarlosjaime12
 

La actualidad más candente (17)

Tutorial Php - Para crear y publicar WebQuest
Tutorial Php - Para crear y publicar WebQuestTutorial Php - Para crear y publicar WebQuest
Tutorial Php - Para crear y publicar WebQuest
 
Manual MiniQuest
Manual MiniQuestManual MiniQuest
Manual MiniQuest
 
Tutorial Phpwebquest
Tutorial PhpwebquestTutorial Phpwebquest
Tutorial Phpwebquest
 
Blogger
BloggerBlogger
Blogger
 
Blogger
BloggerBlogger
Blogger
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIX
 
CREA WEBQUEST USANDO PHP
CREA WEBQUEST USANDO PHPCREA WEBQUEST USANDO PHP
CREA WEBQUEST USANDO PHP
 
Pasos a seguir para crear un blog
Pasos a seguir para crear un blogPasos a seguir para crear un blog
Pasos a seguir para crear un blog
 
Trabajo práctico nº 4
Trabajo práctico nº 4Trabajo práctico nº 4
Trabajo práctico nº 4
 
Wix tutorial
Wix tutorialWix tutorial
Wix tutorial
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].
 
Instrucciones Word
Instrucciones WordInstrucciones Word
Instrucciones Word
 
Control ficha
Control fichaControl ficha
Control ficha
 
Phpwebquestcastellano
PhpwebquestcastellanoPhpwebquestcastellano
Phpwebquestcastellano
 
Phpwebquestcastellano
PhpwebquestcastellanoPhpwebquestcastellano
Phpwebquestcastellano
 
Manual para utilizar Prezi
Manual para utilizar PreziManual para utilizar Prezi
Manual para utilizar Prezi
 
Jimdo6
Jimdo6Jimdo6
Jimdo6
 

Destacado

Proyecto de fotografía en comunidades indígenas
Proyecto de fotografía en comunidades indígenasProyecto de fotografía en comunidades indígenas
Proyecto de fotografía en comunidades indígenasbiologiaunimeta
 
The sabal at bonita bay bonita springs florida real estate
The sabal at bonita bay bonita springs florida real estateThe sabal at bonita bay bonita springs florida real estate
The sabal at bonita bay bonita springs florida real estateBonita Springs
 
Desafios para os RPPS - Delubio Gomes
Desafios para os RPPS - Delubio GomesDesafios para os RPPS - Delubio Gomes
Desafios para os RPPS - Delubio GomesAPEPREM
 
Napoli in tierra lago at vineyards naples florida
Napoli in tierra lago at vineyards naples floridaNapoli in tierra lago at vineyards naples florida
Napoli in tierra lago at vineyards naples floridaVineyards Naples
 
Matéria LanceNet
Matéria LanceNetMatéria LanceNet
Matéria LanceNeteduverdasca
 
Evento de comprensión II MEDIOS
Evento de comprensión II MEDIOSEvento de comprensión II MEDIOS
Evento de comprensión II MEDIOSRaúl Olmedo Burgos
 
Medicina do Trabalho e a Perícia Médica
Medicina do Trabalho e a Perícia Médica Medicina do Trabalho e a Perícia Médica
Medicina do Trabalho e a Perícia Médica APEPREM
 
Presentación prezi
Presentación preziPresentación prezi
Presentación preziAngie Solano
 
대학생/취준생을 위한 재무회계 직군 신입사원 과정
대학생/취준생을 위한 재무회계 직군 신입사원 과정대학생/취준생을 위한 재무회계 직군 신입사원 과정
대학생/취준생을 위한 재무회계 직군 신입사원 과정피플앤인사이트
 
ApresentaçãO1
ApresentaçãO1ApresentaçãO1
ApresentaçãO1Rogerio
 
Tabela Matriz Novo Curso
Tabela Matriz   Novo CursoTabela Matriz   Novo Curso
Tabela Matriz Novo Cursoluinog
 

Destacado (20)

Stuttgart metas
Stuttgart metasStuttgart metas
Stuttgart metas
 
Proyecto de fotografía en comunidades indígenas
Proyecto de fotografía en comunidades indígenasProyecto de fotografía en comunidades indígenas
Proyecto de fotografía en comunidades indígenas
 
dfhjg
dfhjgdfhjg
dfhjg
 
The sabal at bonita bay bonita springs florida real estate
The sabal at bonita bay bonita springs florida real estateThe sabal at bonita bay bonita springs florida real estate
The sabal at bonita bay bonita springs florida real estate
 
Desafios para os RPPS - Delubio Gomes
Desafios para os RPPS - Delubio GomesDesafios para os RPPS - Delubio Gomes
Desafios para os RPPS - Delubio Gomes
 
Napoli in tierra lago at vineyards naples florida
Napoli in tierra lago at vineyards naples floridaNapoli in tierra lago at vineyards naples florida
Napoli in tierra lago at vineyards naples florida
 
Rss icon
Rss iconRss icon
Rss icon
 
123456
123456123456
123456
 
Agua04
Agua04Agua04
Agua04
 
307
307307
307
 
Matéria LanceNet
Matéria LanceNetMatéria LanceNet
Matéria LanceNet
 
Evento de comprensión II MEDIOS
Evento de comprensión II MEDIOSEvento de comprensión II MEDIOS
Evento de comprensión II MEDIOS
 
Medicina do Trabalho e a Perícia Médica
Medicina do Trabalho e a Perícia Médica Medicina do Trabalho e a Perícia Médica
Medicina do Trabalho e a Perícia Médica
 
Presentación prezi
Presentación preziPresentación prezi
Presentación prezi
 
Unidade2 Apres Aula
Unidade2 Apres AulaUnidade2 Apres Aula
Unidade2 Apres Aula
 
Las redes y su seguridad
Las redes y su seguridadLas redes y su seguridad
Las redes y su seguridad
 
Metrologia 11 3
Metrologia 11  3Metrologia 11  3
Metrologia 11 3
 
대학생/취준생을 위한 재무회계 직군 신입사원 과정
대학생/취준생을 위한 재무회계 직군 신입사원 과정대학생/취준생을 위한 재무회계 직군 신입사원 과정
대학생/취준생을 위한 재무회계 직군 신입사원 과정
 
ApresentaçãO1
ApresentaçãO1ApresentaçãO1
ApresentaçãO1
 
Tabela Matriz Novo Curso
Tabela Matriz   Novo CursoTabela Matriz   Novo Curso
Tabela Matriz Novo Curso
 

Similar a Manual técnico

Tutorial wix
Tutorial wixTutorial wix
Tutorial wixjenniz
 
Tutorial blogger.
Tutorial blogger. Tutorial blogger.
Tutorial blogger. burundisneta
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaverarte6
 
Apariencia otros
Apariencia otrosApariencia otros
Apariencia otrosEmagister
 
Blogger entrada e imagen
Blogger entrada e imagenBlogger entrada e imagen
Blogger entrada e imagenJose Mata
 
De herramientas trabajadas en la competencia de ti1
De herramientas  trabajadas en la competencia de ti1De herramientas  trabajadas en la competencia de ti1
De herramientas trabajadas en la competencia de ti1Isa Bela
 
Como crear un blog (presentación)
Como crear un blog (presentación)Como crear un blog (presentación)
Como crear un blog (presentación)bulnesio
 
Como crear un blog (presentación)
Como crear un blog (presentación)Como crear un blog (presentación)
Como crear un blog (presentación)bulnesio
 
Proyecto de ambiente de aprendizaje
Proyecto de ambiente de aprendizajeProyecto de ambiente de aprendizaje
Proyecto de ambiente de aprendizajechivas_ana0390
 
Diapositivasweebly 140910174713-phpapp02 (1)
Diapositivasweebly 140910174713-phpapp02 (1)Diapositivasweebly 140910174713-phpapp02 (1)
Diapositivasweebly 140910174713-phpapp02 (1)Jackelyn Arboleda
 
Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza UNAD
 

Similar a Manual técnico (20)

Tutorial wix
Tutorial wixTutorial wix
Tutorial wix
 
Genially
GeniallyGenially
Genially
 
Creación de un blog
Creación de un blogCreación de un blog
Creación de un blog
 
DISEÑO DE SITIOS WEB CON WIX
DISEÑO DE SITIOS WEB CON WIXDISEÑO DE SITIOS WEB CON WIX
DISEÑO DE SITIOS WEB CON WIX
 
Tutorial blogger.
Tutorial blogger. Tutorial blogger.
Tutorial blogger.
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaver
 
Apariencia otros
Apariencia otrosApariencia otros
Apariencia otros
 
Blogger entrada e imagen
Blogger entrada e imagenBlogger entrada e imagen
Blogger entrada e imagen
 
herramientas TIC
herramientas TICherramientas TIC
herramientas TIC
 
Terminada
TerminadaTerminada
Terminada
 
De herramientas trabajadas en la competencia de ti1
De herramientas  trabajadas en la competencia de ti1De herramientas  trabajadas en la competencia de ti1
De herramientas trabajadas en la competencia de ti1
 
Como crear un blog (presentación)
Como crear un blog (presentación)Como crear un blog (presentación)
Como crear un blog (presentación)
 
Como crear un blog (presentación)
Como crear un blog (presentación)Como crear un blog (presentación)
Como crear un blog (presentación)
 
Google sites
Google sitesGoogle sites
Google sites
 
Proyecto de ambiente de aprendizaje
Proyecto de ambiente de aprendizajeProyecto de ambiente de aprendizaje
Proyecto de ambiente de aprendizaje
 
Wix1
Wix1Wix1
Wix1
 
Wix1
Wix1Wix1
Wix1
 
Diapositivasweebly 140910174713-phpapp02 (1)
Diapositivasweebly 140910174713-phpapp02 (1)Diapositivasweebly 140910174713-phpapp02 (1)
Diapositivasweebly 140910174713-phpapp02 (1)
 
Googlesites
GooglesitesGooglesites
Googlesites
 
Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza
 

Manual técnico

  • 1. MANUAL TÉCNICO Desarrollo de la pagina web “El Buen Vestir” Software Utilizado : http://es.wix.com/ Mediante esta página se puede crear diferentes tipos de plantillas de página de una aplicación, en lugar de tener que crear una página desde el principio. Además si en algún momento desea cambiar el diseño de su página solo puede modificarlo sin necesidad de volver a empezar. Ya seleccionado la página deseada
  • 2. PASAMOS A MODIFICAR Iniciaremos modificando los botones según la necesidad de la pagina que deseamos presentar Primeramente nos ubicamos en el menú Paginas, respectivamente seleccionamos el botón que deseamos cambiar de nombre y en seguida nos aparecerá un cuadro que nos indica el espacio y lugar que pondremos anotar el nombre actual que nuestro botón requiere. Ejemplo: Después de haber modificado los respectivos botones pasamos hacer lo siguiente:
  • 3. INSERCIÓN DE TEXTOS PÁRRAFO O TITULO Al seleccionar la opción Agregar /Texto Nos aparece un cuadro de opción en la que indica si deseas agregar un cuadro de titulo ó párrafo Eso dependerá de la necesidad que requiere nuestra página web Ya seleccionada la opción se procede a insertar el cuadro de texto y posteriormente la información.
  • 4. Así es como se visualiza la página después de haberle insertado el texto, párrafo correspondiente.
  • 5. CAMBIAR FONDO Primeramente seleccionamos la opción Diseño/Fondo Al seleccionarlo observamos los fondos siguientes. Esto nos ayuda a poder darle una mejor apariencia a nuestra pagina
  • 6. CAMBIAR ESTILO DE PÁGINA Para cambiar el estilo le damos clic a la pantalla y enseguida se visualiza un menú en el cuál seleccionamos Opción. Posteriormente se observa lo siguiente En este caso al cambiar el estilo siempre dependerá del gusto del diseñador. INSERCION DE UNA SOLA IMAGEN
  • 7. Para agregar una sola imagen nos vamos a la opción Agregar/Imagen Así como lo muestra la imagen anterior Al seleccionarlo nos muestra un cuadro de imagen, posteriormente seleccionamos dándole un clic y al momento nos muestra un cuadro de opciones como muestra en la pantalla, por lo siguiente seleccionamos Cambiar Imagen. Después de a ver seleccionado la opción Cambiar Imagen nos aparece un cuadro mostrando una variedad de imágenes la cual podemos utilizar para insértalas en nuestra pagina
  • 8. EDITAR TEXTO Para Editar Texto nos ubicamos en el párrafo q deseamos editar le damos un clic, posteriormente nos muestra un menú de opciones en donde seleccionamos Editar Texto Por lo siguiente muestra un cuadro de menús de diferentes tipos de opciones que ayudaran a nuestra agina a tener un mejor aspecto. Una de las opciones seria El tipo de fuente, Tamaño de fuente, Color de fuente y otros puntos más. Si los colores de fuentes no te bastan y quieras requerir mas tipos de fuentes tenemos una opción
  • 9. que dice Mas Colores procedemos a darle clic y nos muestra un cuadro como muestra lo siguiente INSERCION DE UNA GALERIA DE IMAGEN Después de a ver seleccionado la opción Agregar/Galería Muestra varias opciones de tipos de galería esa opción será dependiendo del gusto que el diseñador tenga. En mi caso escogí la galería Grid Animada y en seguida aparece el cuadro para insertar nuestras imágenes
  • 10. Para insertar las imágenes le damos Clic al cuadro y aparecerá una un menú de opción donde seleccionaremos la opción de Organizar imágenes En seguida nos aparecerá un cuadro con una opción Agregar Imágenes, le das clic y posteriormente al darle clic te muestra las varias imágenes que contiene la galería. Para cambiarlas deberás darle clic a Cambiar Imagen y te mostrara un cuadro de imágenes donde podrás seleccionar las varias imágenes que deseas insertar. Si deseas agregar más imágenes deberás seleccionar la opción Cargar imagen y examinarlas desde la carpeta que contienen tus imágenes
  • 11. Ya insertadas tus imágenes la pagina se visualiza de la siguiente manera