SlideShare une entreprise Scribd logo
1  sur  10
Tutorial Aptana Studio 3.0 – Práctica Diseño Accesible
             Esta es la interfaz principal del programa:




                                                           Elena Ayala
Vamos a crear ahora nuestro proyecto de página web. Para ello, seleccionamos File – New – Web Project.
Ahora se abrirá una nueva pantalla donde nos pedirá la ubicación y nombre del archivo




                                                                                                                                                  Elena Ayala
En este caso, está seleccionada la opción de usar la localización por defecto. Seleccionando Browse, podremos elegir otra ubicación del archivo
en nuestro ordenador. Una vez hemos elegido el nombre y ubicación podemos pasar a next donde nos dará varios tipos de opciones, html y dos
tipos de html5. Seleccionaremos la primera. Este paso se puede saltar, seleccionando finish (se generará un html)
Ya tenemos creada nuestra carpeta, en este caso llamada ejemplo uned




                                                                       Elena Ayala
Ahora comenzamos a crear nuestras páginas dentro del proyecto. Para ello, seleccionamos en la carpeta que
vayamos a trabajar y pinchamos con el botón derecho del ratón: New from template-html- html strict template




                                                                                     Elena Ayala
Nombrar el tipo de página que vamos a crear dentro de nuestro proyecto y la ubicación del archivo.
En el manual pone que se cree con una extensión .htm aunque probando también vale con la versión .html




                                                                                     Elena Ayala
Ahora nos aparecerá esta pantalla:




Desde aquí, tan sólo hay que rellenar lo que venía en la guía semanal. Eso es fácil, lo podéis hacer vosotros ;)

                                                                                          Elena Ayala
Una vez hecha la práctica, tan sólo hay que darle a Run – Run o al botón de verde con el play para ver cómo
quedaría nuestra página web. En mi caso queda así:




                                                                                       Elena Ayala
Por defecto está activado que aptana funcione bien con inter explorer o bien con mozilla firefox .
Si queremos cambiar el navegador tenemos que dar los siguientes pasos:
Vamos a Run y seleccionamos Run Configurations y se nos abrirá esta pantalla:




                                                                                                     Elena Ayala
Tenemos que cambiar la configuración del explorador a utilizar por lo que damos a browse y aquí existen dos
opciones:
Buscar por c: / archivos de programa/ etc, hasta encontrar la ubicación del explorador o
Abrir el administrador de tareas. Desde el botón de inicio se pone en el buscador administrador de tareas y se
abre:




                                   Pinchamos con el botón derecho en el
                                   navegador que estemos usando, en mi
                                   caso google chrome y seleccionamos
                                   abrir ubicación de archivo




                                                                                        Elena Ayala
Se abrirá una nueva ventana con la ubicación del archivo. Pinchamos en el icono de la carpeta y nos
aparecerá la dirección del archivo




La copiamos. Volvemos a aptana, pinchamos en browse, pegamos la dirección y seleccionamos el archivo
que se llame chrome y ya tenemos configurado aptana para que la visualización de las páginas sea en chrome.

                                                                                       Elena Ayala

Contenu connexe

Tendances

Elementos de la ventana internet explorer
Elementos de la ventana internet explorerElementos de la ventana internet explorer
Elementos de la ventana internet explorerEsmelugo-12345
 
Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8henrylain
 
06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de bloggerEsteban Barbosa
 
Kevin olmedo
Kevin olmedoKevin olmedo
Kevin olmedokevin-001
 
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...Xavier Castillo Castillo
 
Como crear un blog en wordpress
Como crear un blog en wordpressComo crear un blog en wordpress
Como crear un blog en wordpresschuchinjuan
 
Tutorial navegador mozilla 3
Tutorial navegador mozilla 3Tutorial navegador mozilla 3
Tutorial navegador mozilla 3henrylain
 
Carrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanckCarrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanckLaura Soulié
 
En la máquina servidor segundo parcial
En la máquina servidor segundo parcialEn la máquina servidor segundo parcial
En la máquina servidor segundo parcialJesus Garcia Guevara
 
Imagen en la_plantlla
Imagen en la_plantllaImagen en la_plantlla
Imagen en la_plantllaAmairanyRojas
 
Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)yanburbano
 

Tendances (20)

Elementos de la ventana internet explorer
Elementos de la ventana internet explorerElementos de la ventana internet explorer
Elementos de la ventana internet explorer
 
Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8
 
06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger
 
Kevin olmedo
Kevin olmedoKevin olmedo
Kevin olmedo
 
JCloze
JClozeJCloze
JCloze
 
Imagene icono
Imagene iconoImagene icono
Imagene icono
 
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
 
Como crear un blog en wordpress
Como crear un blog en wordpressComo crear un blog en wordpress
Como crear un blog en wordpress
 
Tutorial navegador mozilla 3
Tutorial navegador mozilla 3Tutorial navegador mozilla 3
Tutorial navegador mozilla 3
 
Carrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanckCarrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanck
 
popovers en bootstrap
popovers en bootstrappopovers en bootstrap
popovers en bootstrap
 
En la máquina servidor segundo parcial
En la máquina servidor segundo parcialEn la máquina servidor segundo parcial
En la máquina servidor segundo parcial
 
Veoveo fichas
Veoveo fichasVeoveo fichas
Veoveo fichas
 
Coloca imagen a tu cancion usando itunes
Coloca imagen a tu cancion usando itunesColoca imagen a tu cancion usando itunes
Coloca imagen a tu cancion usando itunes
 
IMAGEN
IMAGENIMAGEN
IMAGEN
 
Imagen en la_plantlla
Imagen en la_plantllaImagen en la_plantlla
Imagen en la_plantlla
 
Imagen en la_plantlla
Imagen en la_plantllaImagen en la_plantlla
Imagen en la_plantlla
 
Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)
 
Configuración abies 1 general
Configuración abies 1 generalConfiguración abies 1 general
Configuración abies 1 general
 
Internet
InternetInternet
Internet
 

Similaire à Tutorial aptana (20)

Computacion
Computacion Computacion
Computacion
 
1
11
1
 
NETbeans
NETbeansNETbeans
NETbeans
 
Examenes en lineaycon examview
Examenes en lineaycon examviewExamenes en lineaycon examview
Examenes en lineaycon examview
 
Tutorialdreamweaver
TutorialdreamweaverTutorialdreamweaver
Tutorialdreamweaver
 
Tutorial de Filezilla
Tutorial de FilezillaTutorial de Filezilla
Tutorial de Filezilla
 
Web 2.0 y google drive
Web 2.0 y google driveWeb 2.0 y google drive
Web 2.0 y google drive
 
Creacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaverCreacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaver
 
7
77
7
 
9
99
9
 
Tarea 1 programacion
Tarea 1 programacionTarea 1 programacion
Tarea 1 programacion
 
4
44
4
 
5
55
5
 
8
88
8
 
Mariade jesus
Mariade jesusMariade jesus
Mariade jesus
 
3
33
3
 
6
66
6
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
10
1010
10
 
Actividad 1. google doc 2012
Actividad 1. google doc 2012Actividad 1. google doc 2012
Actividad 1. google doc 2012
 

Plus de Elena Ayala Bailador

Agregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorioAgregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorioElena Ayala Bailador
 
Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019Elena Ayala Bailador
 
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart ClubConfiguración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart ClubElena Ayala Bailador
 
Guia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativosGuia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativosElena Ayala Bailador
 
Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016Elena Ayala Bailador
 
Guía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto FemeninoGuía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto FemeninoElena Ayala Bailador
 
¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?Elena Ayala Bailador
 
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizajeRedes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizajeElena Ayala Bailador
 
Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015Elena Ayala Bailador
 
Crea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyteCrea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyteElena Ayala Bailador
 
Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014Elena Ayala Bailador
 
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de GoogleTutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de GoogleElena Ayala Bailador
 
Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...Elena Ayala Bailador
 
Descubre el nuevo twitter analytics
Descubre el nuevo twitter analyticsDescubre el nuevo twitter analytics
Descubre el nuevo twitter analyticsElena Ayala Bailador
 
Prueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en MadridPrueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en MadridElena Ayala Bailador
 
Cómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifiCómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifiElena Ayala Bailador
 
Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)Elena Ayala Bailador
 

Plus de Elena Ayala Bailador (20)

Agregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorioAgregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorio
 
Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019
 
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart ClubConfiguración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart Club
 
Guía Copa del Mundo de Tenerife
Guía Copa del Mundo de TenerifeGuía Copa del Mundo de Tenerife
Guía Copa del Mundo de Tenerife
 
Guia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativosGuia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativos
 
Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016
 
Guía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto FemeninoGuía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto Femenino
 
Búsqueda en google chrome
Búsqueda en google chromeBúsqueda en google chrome
Búsqueda en google chrome
 
¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?
 
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizajeRedes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
 
Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015
 
Guía copa de la reina 2015
Guía copa de la reina 2015Guía copa de la reina 2015
Guía copa de la reina 2015
 
Crea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyteCrea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyte
 
Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014
 
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de GoogleTutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
 
Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...
 
Descubre el nuevo twitter analytics
Descubre el nuevo twitter analyticsDescubre el nuevo twitter analytics
Descubre el nuevo twitter analytics
 
Prueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en MadridPrueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en Madrid
 
Cómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifiCómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifi
 
Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)
 

Dernier

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 

Dernier (16)

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 

Tutorial aptana

  • 1. Tutorial Aptana Studio 3.0 – Práctica Diseño Accesible Esta es la interfaz principal del programa: Elena Ayala
  • 2. Vamos a crear ahora nuestro proyecto de página web. Para ello, seleccionamos File – New – Web Project. Ahora se abrirá una nueva pantalla donde nos pedirá la ubicación y nombre del archivo Elena Ayala En este caso, está seleccionada la opción de usar la localización por defecto. Seleccionando Browse, podremos elegir otra ubicación del archivo en nuestro ordenador. Una vez hemos elegido el nombre y ubicación podemos pasar a next donde nos dará varios tipos de opciones, html y dos tipos de html5. Seleccionaremos la primera. Este paso se puede saltar, seleccionando finish (se generará un html)
  • 3. Ya tenemos creada nuestra carpeta, en este caso llamada ejemplo uned Elena Ayala
  • 4. Ahora comenzamos a crear nuestras páginas dentro del proyecto. Para ello, seleccionamos en la carpeta que vayamos a trabajar y pinchamos con el botón derecho del ratón: New from template-html- html strict template Elena Ayala
  • 5. Nombrar el tipo de página que vamos a crear dentro de nuestro proyecto y la ubicación del archivo. En el manual pone que se cree con una extensión .htm aunque probando también vale con la versión .html Elena Ayala
  • 6. Ahora nos aparecerá esta pantalla: Desde aquí, tan sólo hay que rellenar lo que venía en la guía semanal. Eso es fácil, lo podéis hacer vosotros ;) Elena Ayala
  • 7. Una vez hecha la práctica, tan sólo hay que darle a Run – Run o al botón de verde con el play para ver cómo quedaría nuestra página web. En mi caso queda así: Elena Ayala
  • 8. Por defecto está activado que aptana funcione bien con inter explorer o bien con mozilla firefox . Si queremos cambiar el navegador tenemos que dar los siguientes pasos: Vamos a Run y seleccionamos Run Configurations y se nos abrirá esta pantalla: Elena Ayala
  • 9. Tenemos que cambiar la configuración del explorador a utilizar por lo que damos a browse y aquí existen dos opciones: Buscar por c: / archivos de programa/ etc, hasta encontrar la ubicación del explorador o Abrir el administrador de tareas. Desde el botón de inicio se pone en el buscador administrador de tareas y se abre: Pinchamos con el botón derecho en el navegador que estemos usando, en mi caso google chrome y seleccionamos abrir ubicación de archivo Elena Ayala
  • 10. Se abrirá una nueva ventana con la ubicación del archivo. Pinchamos en el icono de la carpeta y nos aparecerá la dirección del archivo La copiamos. Volvemos a aptana, pinchamos en browse, pegamos la dirección y seleccionamos el archivo que se llame chrome y ya tenemos configurado aptana para que la visualización de las páginas sea en chrome. Elena Ayala