You are on page 1of 15

0R|A TU PROP!

O TH|MA
|.... r»ç-.: |.. .»»s.a|±.
·
vo|u·r·
Este tutorial esta diseñado para que conozcan más el código de Phpost, con el objetivo que puedan diseñar
sus propios themas a partir, como el scrit esta tiene combinado HTML, PHP Y CSS se explicara también en
este tutorial.
La continuidad de este mismo tutorial depende del interés de los usuarios y a demás se evaluara el progreso
de los mismos durante el mismo.
i...
c¬ .....+.. .. .......
www
r..... +. v.-
!
... . ..... .. ......
</>
c+._ . ...
Cita
u +. .... ,... .·,..... .._
¿?
r·,... ...¬.. +. o.._.
Soft
s..«... . ... ._.. ..
xrcurxor øur rs¡r rs or ri·rs
·rx.·r·¡r rouc.¡ivos |xouirio. su vr·¡.
Cita
rir·||o.
www
o...._. +.. ........ ...,.//«««.,.,.....
.... +. .¬,....
En esta primera entrega, mostrare a todos ustedes algunos Softwares que nos serán de mucha utilidad
durante todo el curso, además 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 prácticamente el padre de Publisher, tiene 3 tipos de vista
Normal: Puedes editar texto agregar imágenes etc. Como si de Word se tratara
HTML: esta vista muestra todo el código de la web
Vista previa: esta vista esta desaptualizada ya que solo visualiza bien los códigos 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, alineación, lista, paleta de colores, tabla, copiar, pegar etc... No tiene opción 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 códigos por colores, no tiene opción 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 pequeña barra a la derecha para ver el código 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 más facil de usar, además
tiene tutos incluidos
r:-rs
Con este programas podemos crear iconos (.ico) solo lo usaremos para crear el favicon de la web nada
más, pero puedes crear cursores, editar imágenes 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 información temporal de la
web, creo que si no existiera la web se congelaría y no pudríamos editar ni un archivo salvo
pase algún tiempo, de esto no esto totalmente seguro.
La carpeta files aquí se almacenan todo tipo de archivos que suben los usuarios, como las
imágenes, como los avatar, creo que también con el mod de música 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, según los themas que
instales se crearan más carpetas que tendrá la misma estructura.
En esta carpeta se
almacenan archivos
css de determinados
sitios de la web como
/fotos también la
/admin el perfil etc,
Esta carpeta se usa
para alojar imágenes
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
combinación de php y
html y en algunos
casos css
Estos archivos son el
diseño 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
diseño 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 más
archivos pero que
tienen un valor
secundario y que se
usan en ocasiones,
como el registro o el
de deunciar
!
r,.. ¸.. .. .. ,. .,.. .. ,. ¬. +.. .+.. +.. ..... .¬ ..-...
...+ .+ .. .... .. ......+ . ¸.. ,..¬... .+.... .._ . ..¬.+....¬....
. ¬..... .. .+. .. «.-
|... ........ ¬. -.... .. .. «.- +. ......_... ...+ ¬... ,... .·,..... .._...
.. +. .¬ . ... «.-.
r. .. ..-..... ..¬,.. ... . ¸.. . .. ._. ._.. . . ¸.. ...... ..._ ¬. .-., ..
.. ¬... ,.....,... ¸.. .. .._... «.- . .¬-... .. .. ..-..... .¬ .«..... ....-
.. ..._ .. .-¬... ,. ,.... ....+.... ¸.. . ... .. .. ¬... ,.....,.., ,.
. .. ... .¬,......
Los modules están en toda la
web, por lo general se guardan
en la carpeta modules o
también 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
mayúsculas, minusculas, numeros hasta si
tienen version del thema pueden agregar V 1.1
2. Donde dice:
s..¬.,.,,, .
Aqui colocan el nombre del diseñador y tambien
pueden colocar el año 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 según
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 términos de Creative Commons