En este tutorial os voy a explicar de una forma muy sencilla como crear un portal sin necesidad de saber sobre html. Sera un portal basico donde pondremos juegos en flash y aplicaciones en flash.
Empezaremos poniendo imagenes a nuestro portal. Pon la imgen que quieras de fondo (formato .jpg) dentro de la carpeta PSP/COMMON/Portal/images. Esta imagen tiene que tener el nombre home.jpg. Ahora pon una imagen formato .gif para que salga cuando se este cargando algo. Esta imagen tiene que llamarse loading.gif.
Aqui os dejo imagenes gif por si no teneis:


Ahora crearemos el index.html. Abrimos el index.html con el bloc de notas o con otro editor de texto. Ahora tendremos que poner en el bloc de notas esto:
<HTML>
<HEAD>
<TITLE>Loading..</TITLE>
</HEAD>
Puedes cambiar Loading.. por el nombre que quieras que salga en la barra de arriva del todo del navegador . Ahora haremos que salga en al centro del index.html la imagen loading.gif:
<BODY>
<br>
<br>
<br>
<p align=center>
<img src="images/loading.gif">
</p>
<br>
<br>
Ahora lo que haremos sera que justo debajo de la imagen loading salga un texto. El codigo es el siguiente:
<center><h1 style="font-size:130%">Cargando Portal</center></h1>
Si queremos cambiar de texto solo tendremos que poner el texto que queramos donde pone Cargando Portal y si lo que quieres es poner el texto mas grande o mas pequeño tenemos que modificar esto ="font-size:130%"> si lo queremos mas grande ponemos donde pone 130 un numero mas grande y si lo queremos mas peque�o un numero inferior.
Por ultimo vamos a poner que en 3 segundos se quite el index.html y se ponga el home.html. El codigo es el siguiente:
<meta HTTP-EQUIV="REFRESH" content="3; url=home.html">
</BODY>
</HTML>
Si queremos poner mas segundos o menos segundos debemos cambiar el 3 por el numero que quieras (si pones 4 pues seran 4 segundos)
Pues ya esta el index.html. ¿Facil verdad? Nos tiene que haber quedado asi:
<HTML>
<HEAD>
<TITLE>Loading..</TITLE>
</HEAD>
<BODY>
<br>
<br>
<br>
<p align=center>
<img src="images/loading.gif">
</p>
<br>
<br>
<center><h1 style="font-size:130%">Cargando Portal</center></h1>
<meta HTTP-EQUIV="REFRESH" content="3; url=home.html">
</BODY>
</HTML>
Lo siguiente que haremos sera hacer el home.html. Esto es el menu. Debemos abrirlo con el bloc de notas. Lo primero que haremos sera poner un titulo en la barra de arriva del navegador:
<html>
<head>
<title>Portal</title>
</head>
Recuerda que puedes poner el titulo que quieras. Ahora haremos que aparezca la imagen de fondo que hemos puesto anteriormente dentro de la carpeta images. El codigo es este:
<body background="images/home.jpg">
Ahora haremos lo mas dificil del home.html. Haremos que a la izquierda aparezca un texto con un link. Concretamente pondremos Games y justo abajo Aplicaciones. Tranquilos no os asusteis no es muy dificil. Tenemos que poner esto:
<h1 style="font-size:130%">
<p align=left>
<a href="game.html">Games</a><br><br>
<a href="aplicaciones.html">Aplicaciones</a><br><br>
Lo puedes personalizar tu mismo. Si quieres que te salga a la derecha pon (donde pone <p align=left>) esto: <p align=right> y si quieres que te salga al centro pon <p align=center> . Si quieres cambiar el tamaño del texto cambia el 130% por otro numero (numero mas grande letra mas grande). Si quieres que te salga Juego y no te salga Games pon donde pone <a href="game.html">Games</a><br><br> esto: <a href="game.html">Juegos</a><br><br> . Y si quieres cambiar Aplicaciones por otro nombre haz lo mismo que en Games. ¿Todo claro?
Para acabar pon esto y listo:
</p>
</body>
</html>
Te tiene que haber quedado asi:
<html>
<head>
<title>Portal</title>
</head>
<body background="images/home.jpg">
<h1 style="font-size:130%">
<p align=left>
<a href="game.html">Games</a><br><br>
<a href="aplicaciones.html">Aplicaciones</a><br><br>
</p>
</body>
</html>
Ahora lo que haremos sera poner juegos flash dentro de la carpeta games. Aqui os dejo una recoleccion de 10 juegos flash (descarga arriba del tutorial)
Una vez descargado pon los juegos que mas te gusten dentro de la carpeta games.
Lo siguiente que vamos a hacer sera crear el game.html. Abrimos con el bloc de notas el game.html. Os explico un poco lo que vamos a hacer con game.html: Lo que vamos a hacer va a ser poner el titulo de cada juego con el link del juego flash para que cuando pinchemos se habra el juego.¿Entendido? Pues vamos aya.
Lo primero sera (como siempre) poner el titulo. Aqui os dejo el codigo:
<html>
<head>
<title>Juegos</title>
</head>
Puedes cambiar el titulo por el nombre que quieas. Ahora pondremos la imagen de fondo. Este es el codigo:
<body background="images/home.jpg">
Si no queremos imagen de fondo no ponemos el codigo. Si quieres poner otra imagen ponla en la carpeta images y que se llame home2.jpg. Lo unico que tendras que hacer es cambiar lo de "images/home.jpg"> por "images/home2.jpg"> y te saldra de imagen de fondo.
Ahora haremos que salga un titulo subrayado arriva que ponga Juegos. Pon este codigo:
<b><u>Juegos</u></b><br>
Recuerda que lo puedes cambiar por el que quieras.
Ahora viene lo mas dificil de todo el portal, poner el nombre del juego con el link del juego. Para hacer esto necesitamos tener 1 o mas juegos flash dentro de la carpeta games. Yo he cojido 3: bowling.swf, billar.swf y garfield.swf (tu puedes coger muchos mas). El codigo es el siguiente:
<br>
<a href="games/bowling.swf">Bolos*</a>
<br>
<a href="games/billar.swf">Billar*</a>
<br>
<a href="games/garfield.swf">Garfield</a>
Ahora os explicare que significa cada cosa. El <br> tiene que estar siempre, no lo borres(muy importante). El <a href="games/bowling.swf"> es el link que hace que se abra el juego y por ultimo lo de Bolos*</a> es el texto que aparece en pantalla. Si tu quieres poner otros juegos tendras que hacer lo mismo que he hecho yo pero cambiando los nombres. Por ejemplo si quieres poner el juego de mario tendras que poner esto:
<br>
<a href="games/mario.swf">Mario</a>
Esto lo tienes que poner justo debajo del ultimo juego que hayas puesto. �Lo has entendido?
Ahora por ultimo pon este codigo y listo:
</body>
</html>
Te tiene que haber quedado asi:
<html>
<head>
<title>Juegos</title>
</head>
<body background="images/home.jpg">
<br>
<a href="games/bowling.swf">Bolos*</a>
<br>
<a href="games/billar.swf">Billar*</a>
<br>
<a href="games/garfield.swf">Garfield</a>
</body>
</html>
Ahora pondremos aplicaciones flash dentro de la carpeta aplicaciones. Aqui os dejo 5 aplicaciones (descarga arriba del tutorial)
Pon las que quieras en la carpeta aplicaciones.
Practicamente es lo mismo que hemos hecho en game.html. Primero tenemos que abrir el aplicaciones.html con el bloc de notas. Ahora ponemos el titulo que va a salir a la barra del navegador. Este es el codigo:
<html>
<head>
<title>Aplicaciones</title>
</head>
Puedes poner el titulo que quieras. Ahora ponemos la imagen de fondo. Codigo:
<body background="images/home.jpg">
Si no queremos imagen de fondo no ponemos el codigo. Si quieres poner otra imagen ponla en la carpeta images y que se llame home2.jpg. Lo unico que tendras que hacer es cambiar lo de "images/home.jpg"> por "images/home2.jpg"> y te saldra de imagen de fondo.
Ahora haremos que salga un titulo subrayado arriba que ponga Aplicaciones. Pon este codigo:
<b><u>Aplicaciones</u></b><br>
Ahora viene lo dificil, poner el nombre de la aplicacion con el link de la aplicacion. Para hacer esto necesitamos tener 1 o mas aplicaciones dentro de la carpeta aplicaciones. Yo he cojido 3: msn, calculator.swf y paint.swf (tu puedes coger muchas mas). El codigo es el siguiente:
<br>
<a href="aplicaciones/msn/index.html">MSN Messenger</a>
<br>
<a href="aplicaciones/calculator.swf">Calculadora</a>
<br>
<a href="aplicaciones/paint.swf">Paint</a>
Recuerda que no debes borrar el <br> . Esto es igual que lo que hemos hecho en game.html. Si te fijas hay lo mismo un link con el titulo excepto el MSN. El msn es una pagina web no es un archivo flash por eso en el link pone ="aplicaciones/msn/index.html"> . No sale .swf si no .html.
Para acabar pon este codigo:
</body>
</html>
Ahora pon la carpeta portal dentro de PSP/COMMON dentro de tu PSP. Una vez metida la carpeta ve al navegador de la PSP y pon el siguiente enlace:
file:/PSP/COMMON/portal/index.html
Espero que lo hayais entendido saludos. Si tienes alguna pregunta o sugerencia no dudes a preguntarla.
Comentarios
vidoes y musica
como peudo poner archivos de musica y video para que los reconozca la psp
No me funcionaaaaa
Los juegos cada vez que los intento accionar me da error, ademas como puedo poner un boton para que me lleve otra vez de vuelta al menu inicial?
Otra cosa
El portal este echo en su totalidad con word ando viendo y hasta archivos de word tiene no solo eso el codigo es identificado por word y puede ser editado por el mismo nomas chequen la carpeta en su pc y veran esto
Dummy Page.doc
un documento word que explica que con el pueden editar
como diseñar paginas web con word facil
arriba en el menu ver den clic en modo diseño web y listo podran hacer sus portales para psp
Una recomendacion a todos
Si quieren crear un portal muy bonito usen front page que es como si estuvieran editando con word y pueden hacer maravillas desde insertar videos imagenes y animaciones, si quieren hacerlo aun mas bonito les recomiendo dreamweaver excelente editor que uso muy frecuentemente pronto veran un portal echo por mi pero no para sus psp ocupan de a rigor usar wifi o internet explorer para ver como quedaria, no se preocupen pondre un link para bajar no la version completapero algo simple, en ese portal pondre la seccion ayuda donde dare todos los pasos para crear un portal con dreamweaver y quizas con front page
para los usuarios nuevos en html osea el codigo abierto para diseñar una web les recomiendo en google poner manual de html
para los que ya saben html brinquense y editen con dreamweaver o front page
saludos dudas de html peguntenme
Pregunta
ten go una pregunta y es si se puede hacer ke mientras estas en home es kuches musika,me explico.
para ke salga la imagen de fondo a ke tienes ke poner:<body background="images/home.jpg">
pues para ke se escuche mudika,¿como seria?o no se puede.
contestad porfavor. gracias por adelantado.
DJKBO
con body bgmusic
bgmusic src="musica.mid"
en el fondo se pone la musica mientras estas enla web
Perfecto muy buen tutorial
Perfecto muy buen tutorial ahora ya tengo mi portal de juegos Hentai
Gracias.
¿como se añaden otras funciones al portal?
¿como sele añaden otras funciones a parte de juegos y aplicaciones?por favor
NDS Abajo, PSP Arriiba![]()
ayuda
ayuda cuando cargo los juegos y las aplicaciones (los descargados de aki) me pone k no se puede visualizar el contenido ¿que exo mal?
pregunta
una pregunta es posible ejecutar el index.html son que ir al navegador y poner file:/PSP/COMMON/portal/index.html? osea que aparezca un nuevo icono en juegos para ejecutarlo y si se puede ¿como?
Creo que no
Creo que no, pero si lo que quieres es no poner file:/PSP/COMMON/portal/index.html, añadelo a marcadores y listo ;)
Un saludo
Scenebeta.com, una web para gobernarlas a todas.
gracias
gracias, me as ayudado muxo ademas, he averiguado como cargar isos musica y videos desde el portal, si no saves como hacerlo y kieres saberlo dilo y te explico
¿de donde?
de donde se descargan los juegos flash (los tuyos no, otros) esque quiero meterme muchos mas de los que as puesto y eso lo que no me gusta de tus juegos es que estan en ingles ¿alguien los tiene en español? si es asi que me deje el link de la pagina porfa
Tiene que estar
Tiene que estar al lado de index.html y asi saldra o estoy equivocado
gracias
No salen las imagenes
hola a todos tengo un pequeño problema y es que las imagenes que pongo con el nombre home.jpg y loading.gif no salen en el portal y se puede jugar y todo lo demas pero el fondo en si no se ve espero me puedan ayudar.gracias
Esas imágenes
Esas imágenes tienes que ponerlas en una carpeta que se llame Images y tiene que estar al lado del archivo index.html.
Espero que se te solucione
Un saludo
Scenebeta.com, una web para gobernarlas a todas.
El Folder
Tiene que estar al lado de index.html y asi saldra o estoy equivocado
gracias
vinculo en el portal
wenas estoy creando un portal y me gustaria saber como puedo ponerle un vinculo a una pagina de internet. Gracias un saludo
con a href
a href="vinculo web aqui"
Prueba
Prueba a abrirlo con Front Page y crear un supervinculo poniendo la pagina que quieres.
Salu2
Scenebeta.com, una web para gobernarlas a todas.
jeje
que tal sientre todos los que entamos aqui unimos nuestros conosimientos para crear un porta de ubuntu jeje o le enbiamos una carta a sony para que cren los umd de mac os x windows y ubuntu XD
COmo PONGO MI PSP EN CF XD
Problema
Me podrian explicar paso a paso como puedo cambiar el nombre portal por otro??? gracias me gustaria que la direccion quedase asi:
file://psp/common/karmar/index.html
Muchas gracias por la ayuda
WWW.PSPFORO.TK
_______________________
3.50->3.52->3.70->3.71->3.72->
la verdad
esque puedes poenrlo en cualqueira carpeta e echo portales para mi psp y paginas web y la verdad nomas ejecutanto file://index.html y que el html llame todo lo que ocupo en file://web que es ahi donde se guarda todo
puedes ejecuitarlo desde donde quieras no es obligatorio common
Buen tuto!
Esto es bastante facil porque conociendo el editor de textos conoces las funciones que son bastante simples.
Salu2
/*******************
** | ҳ̸Ҳ̸ҳ | TDN | ҳ̸Ҳ̸ҳ | **
*******************/
crear un portal
esta informasion es buena y todo salebiein pero tu conoses el Windows vista que tiene la barra abajo quisierasaber que tengo que poner para que me sal ga labarra de appel o dime como crear un portal appel & maquintos
COmo PONGO MI PSP EN CF XD
en google imagenes pon
barra mac loading o algo por el estilo de preferencia gif animado
o crealo con el gif animator o el fireworks herramientas muy buenas
bueno para colocarlo abajo usa la etiqueta br
sirve para dar saltos
ya colocado abajo solo pon
img src="barra.gif"
y listo
mi portal no puedo enlazar una pagina
en el index cuando le pongo cargando carga bien(en el ordenador, pero depues se me queda en blanco, y no me aparece el portal?es algo que tengo que poner en el notepad?algun codigo html o algo que ago mal??
salu2 y por cierto excelente tutorial,esta todo muy claro y detallado.
revisa
revisa lo vien eso puede ser que pusiste al go malo o mesclaste informasion o pusiste algo donde noba o escriviste mas la pagina
COmo PONGO MI PSP EN CF XD
Excelente tuto!!
Excelente tuto!! enhorabuena ;)
muy facil de comprender
ya tengo el mio, está muy bien porque puedes añadir los juegos y aplicaciones que te de la gana.
P.D.:¿como puedo colgarlo en betapesepe para quien quiera se lo descargue?
Scenebeta.com, una web para gobernarlas a todas.
Abajo del todo
de la web hay un enlace: "Contactar con beta.pesepe.com".
Pincha ahi y mandanos lo que quieras, un saludo.
muy buen tuto
sobretodo para la gente que no tiene la suerte de saber html.
Tengo la psp en la 3.52 M33-2 con Ir-Shell i no m tira el explorador desde XMB,
solo desde IrShell(kernel 3.xx) i no m abre los juegos flash .swf, a alguien le pasa
lo mismo¿?¿?¿?¿
saludos
PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2
Que te sale cuando intentas
Que te sale cuando intentas acceder a él? Utiliza el Format Flash1, lo tienes en el propio Recovery.
ok
me sale pantallazo azul, el del circulo, y con los .swf m pone
"No se puede visualizar el contenido"
gracias por responder
EDIT: gracias pana todo arreglado, lo unico que tngo
que configurar otra vez la conexión con toda la
contra, XDD
EDIT2: rula el navegador no los .swf, y si he activado de nuevo el flash,
con el recovery.
saludos
PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2
algunos .swf no funcionan,
algunos .swf no funcionan, porque la PSP no tiene suficiente memoria. Prueba a utilizar los juegos flash que hay en los portales que tenemos en beta y verás que si te funcionan.
gracias ya esta
el problema era ejecutar el
navegador con irshell que ocupa
casi toda la mamoria
salu2
encuanto tnga el portal acabado os lo paso
PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2
Si haveis hecho un portal
lo podeis dejar en un comentario y asi comparamos los portales.
Saludos.
algun portal de ejemplo? es
algun portal de ejemplo?
es para ver el resultado y demas
No lo ves? tiene uno
No lo ves? tiene uno abjunto.
salu2
Mejor meter alguna captura...
Mejor meter alguna captura, así se puede ver sin necesidad de descargar.
Pues...
metela :-P
Que la meta quien?
Yo?
Claro, no eres editor?
Claro, no eres editor?
jajajajajaja si ;)
Ya lo pongo ...
Me da error portal.rar cuando voy a extraerlo. No me voy a poner ha hacer un portal ... al menos ahora. creia que tenian capturas. Pero si no tienen...
Tienes razon...
El rar que esta en archivos adjuntos no es el portal es un dum, por asi decirlo, para agregar games flash y todo eso. No estaria mal que el autor de este tuto pusiera unas capturas del portal que ha creado, asi nos damos una idea, jeje.
Salu2
ah! vale es que me creia que
ah! vale es que me creia que se podia ver online, desde el navegador sin tener que descargarlo ;)
me dice que no tengo permisos para descargar que hago
me dice que no puedo descargar porque no tengo permiso como descargo el pack para crear portales
Dos cosas, ami me va la descarga, nose vuelve a probar, sino
pues sera alguna cosa de tu pc, y segundo, quando añadas un nuevo comentario haz clic en "Añadir nuevo comentario" que sino ahora lo que has echo es reponder a un post anterior y asi no se hace. Bueno ya diras si puedes descargar.
Saludos
Problema
Me gustaria saber si en mes de:
file:/PSP/COMMON/portal/index.html
Puedo cambiar el nombre del portal por ptro?
Muchas gracias
Editado: Te he quitado las mayusculas, la proxima vez andate con mas cuidado o te podriamos borrar el post. Mirate las normas de la comunidad. Saludos -NeoSmith-
WWW.PSPFORO.TK
_______________________
3.50->3.52->3.70->3.71->3.72->
Si que le puedes cambiar el nombre, pero entonces piensa
que las paginas del portal que van hacia el index tendrias que redireccionarlas. Y bueno sino pues ponte el nuevo nombre en favoritos y asi cada vez que quieras ir a la principal vas a favoritos y le das.
La proxima vez que quieras añadir un comentario dale a "Añadir nuevo comentario" y NO a responder, la opcion responder es como se indica para responder.
Saludos
Gracias
Gracias, intentare hacer uno y lo subire a la pagina =)