SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

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
 

What's hot (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
 

Similar to 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
 

More from 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
 

More from 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)
 

Recently uploaded

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 

Recently uploaded (11)

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 

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