0R|A TU PROP!

O TH|MA
|.... r-.: |.. .s.a|.

vo|ur
Este tutorial esta diseado para que conozcan ms el cdigo de Phpost, con el objetivo que puedan disear
sus propios themas a partir, como el scrit esta tiene combinado HTML, PHP Y CSS se explicara tambin en
este tutorial.
La continuidad de este mismo tutorial depende del inters de los usuarios y a dems se evaluara el progreso
de los mismos durante el mismo.
i...
c .....+.. .. .......
www
r..... +. v.-
!
... . ..... .. ......
</>
c+._ . ...
Cita
u +. .... ,... .,..... .._
?
r,... ..... +. o.._.
Soft
s..... . ... ._.. ..
xrcurxor ur rsr rs or rirs
rx.rr rouc.ivos |xouirio. su vr.
Cita
rir||o.
www
o...._. +.. ........ ...,.//.,.,.....
.... +. .,....
En esta primera entrega, mostrare a todos ustedes algunos Softwares que nos sern de mucha utilidad
durante todo el curso, adems de reflejar su importancia para el mismo
. |... ...... +.-. ..... .. .... .. . ,..... ...,.. . .. . ..
.+._ +. |.,.. .. ..._. +. .+ , .. .. ..... +. ....
!
x- |-. :--::|-a.:- a|a,a ||a. .:. . -.:.:,.. --:.a :-:.:|-.
- -.:.:,.:|-. -: . :-a:.. -a -| :..- - .-: ,:.:|. - -- .| -,.:- -|
||a. -a- --a :-a.-,|:|-
u., ..... ,.... , .+. . ., -..... ..+. .. +. . ,._... . ...........
. .+ ,.-.+ ,. . ,. .... . ......+. ,.. . ...... ,..+.. ... ..
r._ +. .. , . . ..,. ,... ..-... . ..
a-- a:-.n-.-:
Lo tengo instalado pero no lo uso, realmente no me gusta porque pesa mucho, tarda en cargar, no tiene
cambio de themas de color etc, pero muchos programadores web lo usan, es de decir que este programa
esta full en todo sentido, paleta de colores, autocompletar no tan intuitivo etc, y pues quien quiera usarlo
puede hacerlo con todo gusto, que no se sentira decepcionado.
o.. s..
n|::-.-i: r:-a:r.,-
Este programa es muy bueno, lo recomiendo sinceramente, ya que con este fue que aprend a crear
paginas web.
Actualmente Microsoft dejo de fabricarlo, es prcticamente el padre de Publisher, tiene 3 tipos de vista
Normal: Puedes editar texto agregar imgenes etc. Como si de Word se tratara
HTML: esta vista muestra todo el cdigo de la web
Vista previa: esta vista esta desaptualizada ya que solo visualiza bien los cdigos CSS y HTML 1, pero no
importa porque puedes usar su explorador para ver tu pagina
Permite ver la gerarquia de una pagina, tiene plantillas incluidas, un ayudante para crear tu web, opciones
como tipo de fuente, letra, alineacin, lista, paleta de colores, tabla, copiar, pegar etc... No tiene opcin de
autocompletar, pero si identificador de colores
Abre cualquier formato de documento web pero se va mejor con HTML Y CSS
o.. ..
x-:-r.--
Es algo as como el Blog de Notas solo que mejor, ya que tiene soporte para todo tipo de archivo web, no
tiene vista previa, permite identificar los cdigos por colores, no tiene opcin de autocompletar y es muy
pero muy bueno.
o.. s.-
s||-
Este realmente si es un buen programa, cambio de thema de color, identificador de colores, soporta
cualquier formato, una pequea barra a la derecha para ver el cdigo en miniatura, solo que no tiene vista
previa, no tiene paleta de colores pero realmente lo recomiendo.
o.. s.
c. ......... +. .. ,._... ......... ,..+.. ...... .. .. .... +.-..
+...._.. .. .. . . ..+. . . .....+.+.. .. . .. .... s.-... .
.,.,. .. +....... . .. ......
x
Este es un bueno programa, que tal vez pocos conocen, es gratis y puede ser portable, tiene paleta de
colores, vista previa en ejecucion etc. Realmente es muy bueno
o.. s.
.. .... .. ,. ...... . ,._... ,... ..... . ..... ..-... . .,......
....... .._.. ,._... _..... .. . .,.+.... . ..... .... .._....
, ..-... ....... .. .. ,. .....
c-:-|
Es un paquete de programas, completos, como PhotoPaint, Draw, R.A.V.E entre otros que nos permiten
editar imagen igual que con Photoshop, solo que con este programa es mucho ms facil de usar, adems
tiene tutos incluidos
r:-rs
Con este programas podemos crear iconos (.ico) solo lo usaremos para crear el favicon de la web nada
ms, pero puedes crear cursores, editar imgenes iguales menores a 255 px
r-:-.-
Este programa ya todos lo conocen, asi que mejor
sigo hablando de otros programas porque como
ya dije todos lo conocen y sus propiedades y
dificultades
c. ......... +. .. ,._... ,. ,+. .,.... . ...-.,... .. ...,..+
......... ,... .. .. .......... , .. .. . ..... +...+.. .... .. _...
. ... .. ..... +..... . .-. . -..... .. ........ .. ......... +. .. .+._
.. ,. ..... , ...... ,.. . ........ ......
c.....+ .. s....
Soft
s- :-:-|-a. :-.||:.: -| ::-:|.| -a -| r-:.|-.:. .:. -.:- .- xanrr
www
. ... -.. x.||. ...,.//.,,........
c...+ .... . ...,... .... . .......... . ...
u., ... ...... .. ,. ... ..... , .. . ........ ..
|a-s: ... ...... ....... ....+ . .. ........ .. ... +. ...... .-
, .... ... .. .. ..+. ,..+.. ..-.. + .., ..+..,., . ..+..... ,
.... ..+....
:-ai|,.|a:: ...... .. ..,..+. .. .. ...._ . .. +.+. ..., .... . ..
. ..... +.. ,.,. ....... .. ....... +. ...... .- .. .. ....+. .
..... ... . +.... ...... ..... ....
.a.:--.: . . .. ..+........+. +. .. .-. ,.,...... . .. ..-/.......
,... .. ... +..... ,+. ..... .. ....+ . ..... ..-/... .
..... . ..-/....... ......+. .. ....... , ..-... ... .....+.+.
La carpeta cache aqui no hay nada importante, solo se almacena informacin temporal de la
web, creo que si no existiera la web se congelara y no pudramos editar ni un archivo salvo
pase algn tiempo, de esto no esto totalmente seguro.
La carpeta files aqu se almacenan todo tipo de archivos que suben los usuarios, como las
imgenes, como los avatar, creo que tambin con el mod de msica se hace lo mismo
Esta carpeta inc almacena la carpeta class que guarda las consultas a sql, la carpte php que
dice que debe mostrar de esas consultas, smarty y ext que tambien funcionan en la web como el
bbcode
Dentro de la carpeta themes encontramos inicialmente la carpeta default, segn los themas que
instales se crearan ms carpetas que tendr la misma estructura.
En esta carpeta se
almacenan archivos
css de determinados
sitios de la web como
/fotos tambin la
/admin el perfil etc,
Esta carpeta se usa
para alojar imgenes
propias de la web
como, las medallas,
el favicom, los
emoticones (smilers
etc.)
Este carpeta
almacena todos los
archivos js (Javascrit)
que se usan en la
web
Esta almacena la
estructura de la web,
por tanto tiene una
combinacin de php y
html y en algunos
casos css
Estos archivos son el
diseo primario de su
web
Esta imagen solo la
ve el admin para
identificar cual
thema tiene
instalado
c...+ . ...... . . .. .... . . .. . ..,.. +.... +. .. ...,... .. ..... .. ... ......
.,.. .. .. .. ...,... .... . .. .-.. +. .. ..... , ,..+.. ..-.. ... . ,. +.... +......
.. +...... ......
Cita
Dentro de la carpeta templates se encuentran:
Todos los archivos
que definen en
diseo html y
configuracion php de
la admin
Esta carpeta
almacena los
archivos que se
visualizan con inicio
de nombre m que se
miran en los archivos
con estencion t
En esta carpeta se
alojan lo que es el
header (cabecera de
la pag) footer (pie de
pag) entre otros
como meno etc.
Archivos con
estencion t los cuales
suelen ser archivos
primarios a urls como
/perfil /tops y /fotos
Aqui se guardan ms
archivos pero que
tienen un valor
secundario y que se
usan en ocasiones,
como el registro o el
de deunciar
!
r,.. .. .. .. ,. .,.. .. ,. . +.. .+.. +.. ..... . ..-...
...+ .+ .. .... .. ......+ . .. ,..... .+.... .._ . ...+........
. ..... .. .+. .. .-
|... ........ . -.... .. .. .- +. ......_... ...+ ... ,... .,..... .._...
.. +. . . ... .-.
r. .. ..-..... ..,.. ... . .. . .. ._. ._.. . . .. ...... ..._ . .-., ..
.. ... ,.....,... .. .. .._... .- . .-... .. .. ..-..... . ...... ....-
.. ..._ .. .-... ,. ,.... ....+.... .. . ... .. .. ... ,.....,.., ,.
. .. ... .,......
Los modules estn en toda la
web, por lo general se guardan
en la carpeta modules o
tambin en el caso de las
comunidades la carpeta
comunidades
r. .... .... .. .._ .,... +.+. .. ... ,._... . ..._.. .... .. .. .... ..
. _...+. .. .+ .. ......+ +. .. ,._.... . .-... .. .. ..... ,.... +. .-., +.
.. .-. , ..... .. .,...... . .. .,,. . ..... +. .. .- ......
Soft
|... ........ .... r._ +. ..
|... .. ...... . |..... .. x.,,. .. .._.. .. ...... ... .-
+. .,.,. .. . .. ...,... .... , .......... .. ...,... +....... .. .,...
, . ..+....
|. ..-.. .. .-... . .. .. .... .. . .... .. .... .....
.... .... .. ...... .......,., +.... +. . .... , . .. ...... .. .,... ...
,.,
/
i....... +.. ...
... .......,.,
........ / /.......,.,
/
/

-.. +.. ..

/
s...,.-.., .
/

o....... ux| +.. ... r.. ..... . +.-. .. +.....+..

/
s...,..., s.c......._,...,./..../.s...,....
/

c,,.._..

/
s...,.,,, .
/

/

|.:. :-:. .-::-:

s|.:. r-:. s-::-:
s.-.... .a

Editan lo que esta en rojo

1. Donde dice:
........ / /.......,.,
Recuerden que deben escribir tal cual el nombre
que le colocaron a la carpeta
2. Donde dice:
s...,.-.., .
No necesariamente tiene que ser el mismo
nombre del anterior paso pueden colocar
maysculas, minusculas, numeros hasta si
tienen version del thema pueden agregar V 1.1
2. Donde dice:
s...,.,,, .
Aqui colocan el nombre del diseador y tambien
pueden colocar el ao de su creacion
|.:. :-:. .-::-:
s|.:. r-:. s-::-:
s.-.... .a
www
o...._. .. .,.,. +. .......
...,.//..+......../+...+/..--,....../.......,.,
Ahora vamos a http://127.0.0.1/admin/temas y le damos clic en instalar nuevo tema
Cita
r. .. .. .. ._. .. ... ,. .- .... .-. .. ...,... +. . .... .
. ....+. ,. r...z.... ........ .. ..... , / .... ..
.-.. +. . .- .,. /..-....
http://127.0.0.1
http:/
Luego colocamos el nombre de la carpeta donde esta alojado su thema, en mi caso bIack rock shotter
luego le damos click en instaIar tema.
Esto ya seria todo en el primer volumen de CREA TU PROPIO THEMA, para cuando publique el segn
volumen recomiendo que tengan instalados 3 de estos exploradores (nternet explorer no cuenta), ya que la
web no se mira igual en todos los exploradores.
Subxanima
Se autoriza el uso de este manual Bajo los trminos de Creative Commons