Latest Entries »

SERIAL OFFICE 2000

Serial OFFICE 2000

Serial OFFICE 2000 ESPAÑOL TJ9XM-X7X9T-MHQX2-M442G-QVRX6
Serial OFFICE 2000 INGLES GC6J3-GTQ62-FP876-94FBR-D3DX8

Anuncios

SERIALES WIN 98
KGTYK-47RCD-W94TH-5P475-12668

Windows 98 OEM – Serial –
DKRBQ-TXYCX-6K4GD-4CPJ7-C6B26 or
FT9CH-XVXW7-7BFCM-RPR49-VDHYD or
PW3DW-PC9D8-Q7VMQ-8YTMY-RTR9G or
M4G3G-77CGM-9FY8T-PMWBC-JJYDM or
FQYYM-MGGJ7-3J69K-RVQ4T-W8HCH

Windows 98 OEM SR1-B1 – Serial –
C9TCH-G72Y6-G4DQK-QCQRM-K7XFQ

Windows 98 Retail – Serial –
K4HVD-Q9TJ9-6CRX9-C9G68-RQ2D3 or
QY84Q-QT6QF-GJMGY-MFT4Y-RCBWG or
PTX6T-WTQ9G-C7B2Y-TC3K8-YT4GB

Windows 98 SE Key HWBFF-WTXRD-D9GT2-9MGXY-R94PT

Win98 – Second Edition (SE)

KT7Y4 – XBJ88 – GCQGW – CWTFM – JTFP6
GTXGD – DFWC6 – 9GRPC – 3VH6P – Q428T
GK3WK – RQMKF – 3QXGQ – CXRC8 – Q8GF6
DPGDQ – 38VBT – XGYWX – 7VWBM – JM386
D2FKV – JV746 – WC6QT – GTX6Y – KF2G6
BX3VH – CHRYX – F9R2X – FWB9B – PTWR6
DJRJM – WKXCM – YWH3P – 89P76 – HGMFG
FKQ43 – 7CB3G – MJYD4 – QQ3FX – JX6DG
WRMXT – 7XP29 – RHJJX – 3FXRX – JYJ7T
CDPTC – GYYQX – J6F3M – Q3H2F – R4D9G
CYB3Q – THYXP – 28YQ2 – DV9GG – GPQTT
DF723 – J4T42 – MJKQQ – DW84X – 4KKHT
MCPRX – BQ7FC – R8T2M – XKB9Y – B72H6
TC2RB – 4JMY4 – F66VK – 9M3GV – H4J8G
C3KRB – CGQFB – 46WD6 – 77KX9 – P8HFG
XJCMT – R99MK – 8YPDH – FQKT2 – Q7G2T
VCHJY – Y9306 – FX2VV – C2GTR – PT2WT
CF4X9 – 2J28Y – XT42V – PGMGY – 8JCFG
HDYRK – XRYYP – 9WYY2 – YDDGY – YCXP6
VWPF8 – T9CX7 – 6G9GW – CB9GX – WXWDG
W2W7R – DW6DF – FPX2R – 2BTX4 – RDVQT
G9HTD – FTRB3 – YTPDG – 2742M – CY96T
G27WW – BM7Q2 – C7DX6 – M9DBH – 98PVG
KFQ26 – X7RJ7 – TVX2X – WF6TR – PTK6T
WK6CJ – H93X2 – UC4TP – VXTFJ – F7F46
XMF9C – V3PDM – 3U88K – 2BWT3 – H9Q9G
KXDXP – H7DRF – FBTW3 – MHJ94 – 2P9D6
FFVRX – PPBK9 – H68PY – KT63B – FMCCT
MFF4W – QM8XH – FDRP6 – TY2BR – BB2FT
DPGW9 – T9WPY – WV72J – RJ897 – 49WB6
QP34V – H78W2 – VKPV4 – QBQ8M – 9B276
XKRC8 – TPD49 – X6P8G – HYGCK – 4PKQG
H89WQ – PZDFH – 93PJ2 – 8XTJ3 – QWPWT
WDJWB – YH7FC – 7MB4T – TBCXB – 3KZV6
D9PW8 – G7FDH – TBQ6M – JFC39 – V6PDG
JHQ6R – QGXP9 – PC46G – KRH7K – P86VG
H9GRH – T3FQH – 4GHXV – XPTYQ – HC8XG
R7X8W – HHG47 – 7F9GK – 9XDMY – JRFDG
G26JH – RX8X3 – FRVJ6 – CRX3Y – 2TWX6
JH2JK – M8TKW – JH4GD – 7763W – 7JYQ6
JF7XF – TRMXP – 3GHDT – QJF7H – 96CK6
VXWXH – K7XYD – BYG89 – DG4DX – KQV3G
HGHPB – M6ZXF – 4F9F7 – RHMM4 – CTWD6
W8T8P – ZTZVQ – HTVF8 – KPQMH – Z4GQD
HWFQM – G4XB7 – KQMQV – HF39R – QWWVT
VPKVK – HPDHZ – HTDDC – BDRDM – 923FG
BC3PP – 88VCY – JPCD6 – 6TRXV – B8GRG
V97VV – T4QTX – Y7QHT – FR9VR – TV7M6
PQWQ7 – PBC28 – 9CPCD – VKGQT – FWM4T
TVMFM – GBMS8 – 8VB97 – B97YG – KT84G
T8R6G – GJMMX – TYQKV – V6YHD – VX77T
V8WYX – PCYMQ – BMRT9 – ZZRC3 – H3TMT
CPMG2 – C8P7Q – 8H98J – GKWD9 – RP66T
WQ92D – MDYQY – DMTGB – CHMVB – G4CK6
FB2CB – Q6V9P – GWB6Q – G8KF7 – 6YQF6
QQ3PT – 3D3Q6 – WX7RM – 9QBPK – Y8RWT
FD9X6 – CRWRK – DJ9CY – XXF99 – KQ4CT
FXFXV – GBMH6 – R9HK3 – KVXBH – MYMY6
FDPY3 – D6T29 – XM3FY – JPYCF – 3D4FT
TQJ37 – 2HPPK – WT4VW – BHMXD – 3P9G6
BCWXW – VHXFD – YF4RM – H2TMX – 7YHQT
VFMGM – 7MB24 – P9RWK – 38KV2 – 6KJG6
HTXHX – JXKGG – MY3WW – PPXKW – MPJDG
MVPCQ – M8H34 – TKYJX – YY98H – BJVV6
HKJJF – 93B3Y – K2KCD – M8H7B – G3XWG
PJF3Y – HGXK6 – GVFVM – WM24P – HJ2FT
P76J2 – KDMVT – D8WBX – D4D34 – 37476
P39PF – Q4CVG – M43CQ – 9F8BT – P8CFT
PXP62 – XC6XJ – WBPP2 – MTDXH – PXC36
PWG4V – RJDHH – F2QCH – 7Q84K – PB2MG
RYH33 – YF37W – DQ9DG – 432VW – F38K6
KH3GF – KHWF8 – HHBH3 – MTP7Q – V8263
MDFKF – 8M8HZ – 49GVX – 369JM – 6WGTG
JWYDH – 9CD96 – YHB72 – YYR38 – B6H3G
TXQX6 – MKCXM – 6KQF8 – FXWGP – GR37T
HG3GB – TCWKK – QDB8K – GP42X – WVVVG
DXC6Q – WQMFK – FG97B – YCKH3 – DXDHG
Q68YD – MVWR8 – KMPQ6 – KPF37 – DTKJ6
Q6GD4 – KW4Y4 – GBFPQ – X3VHX – RQCQT
BXBH9 – 8RKT7 – VWC4U – 2YWHY – 4BF26
MQW4M – VV44F – MG6CV – MBCJV – WM9TG
MRYRD – 28YY9 – XBXPV – FT8JR – 3FH36
WPHHK – 2K86M – DJHVD – YCKN3 – DWYDG
TFT2D – YMWFV – P6FPK – RJ4RW – HPC9G
G8F9R – WGCR9 – WHWBP – M3KT7 – VK3TG
TBCDV – HK8R4 – 6GKR7 – YVX6W – CQQQG
F4V7W – 9DDM2 – R8VHP – PG2DG – H9MF6
RV8GJ – 2X2JF – R7BVY – HR23Q – CB27T
MYM4Q – TF4XP – PCBKP – GQBQB – VRP7G
W3662 – 7FBJX – WKDXY – TPBC2 – J9386
QWHD3 – WJRMG – GZY3P – FXTVC – JDCQG
B4386 – 9769Y – 3VR88 – T63P3 – 3JJ4T
TW9WD – HWDC7 – VP6KP – F3GYV – T34YT
XRHGC – VVGDV – HGH7X – WX68X – 4QQBG
GR9X9 – 3QRBG – CFPTJ – FWFCW – 8DQB6
R977W – XRC46 – 77XJM – 9HJFQ – BHWYT
D78QG – XHCDH – YQD9K – FGW4P – RWGCG
MVP98 – JHY3Q – DJYY6 – DWFF2 – R2T46
VK6JC – QMD6X – VFB7M – 46493 – 3VJCT
KB7GV – MH689 – 4BWCT – QPYXG – 69MRT
PM6MF – YDG68 – MFV6Y – QJ4MD – 6FBJT
KKG2P – MGX4W – Y6FDV – C4PQV – DG9V6
VMCHR – QVWCC – XM6VC – CV389 – 2CT26
FCXFG – 4XG3P – 32RXV – PVBDB – 44DWT
W3TGH – 738CC – JBT88 – PTHD8 – F4CQG
DBWVG – BK79Y – CVT9H – CYRGX – 3TKCT
GYW4M – 7MHT7 – DR32K – 8PB48 – XXM7G
TMVB4 – VWDDT – QHTG2 – 4YQDB – FK9F6
RXM9G – J9BP8 – GHPPC – YBMT3 – 3R2V6
MCYWR – VV8K8 – PTKDQ – FPP3G – W29DG
KW66V – 8BGQD – J2F9W – K32YQ – RPM4T
C3MH2 – 8DP7G – JGQ7F – PM73H – YB3PT
G8KJY – X4KVK – FQPV8 – HG77P – TRYCG
KBVY8 – JFBWF – DKGQQ – MRPVD – P4G2T
XQ2BG – 77BPV – 7B3B9 – HBMVR – XC8P6
XPMBG – V4QT4 – 9YPDB – TKK4K – RWP8G
HWD3T – 8WVCD – HVCB6 – M9VH8 – YVB2T
GV7K8 – QHDY3 – VCRYV – P6PVB – KHQGT
BW8X2 – 647MH – CM8X2 – 4PD9V – B2CKG
FD97P – B3K2G – PBX37 – HXXGJ – J83CT
WM6CV – TGGK8 – 4BGT2 – 3XX76 – WFRDW
MRGG9 – G64FB – 6DK34 – 7Q6RD – 7V3R6
J82GP – JRHK2 – 8KHGM – 39BX7 – 2TPF6
V3Y3C – CM9GR – QP74P – 32V4C – 6J3B6
RRXHR – YPKQV – FD3R8 – PTYMW – 6PD7G
MBX63 – XPC3R – FKM7W – J2YR2 – R7JCM
JTPVT – BY4R6 – QY3PY – 4C6DD – 3YTGQ
GXQ6D – XFH8V – CVXHD – HHMGV – BJKQG
WMJ24 – P4GVG – B4BXF – DX4GR – VM9QT
J4B42 – K63WB – 8FX6F – 2GGHG – TQFFG
C79C6 – Q9YKH – YTBQ9 – 8B7WB – T9GGM
VTVD9 – VHJFG – GC376 – QHRJM – YY6PG
BM9FY – V6Y3V – GRM3B – 3WTTR – PTBWT
FG7DK – CW2D3 – BQHW2 – F8PMW – 862K6
D4MXG – 3QX3F – TX86C – FPBF4 – 6YXQT
WFX63 – CQR88 – MYHTC – TYHVF – RDH9G
T3FCY – QQMK2 – 4G84G – DV4X8 – MYDCT
WJYPQ – 7Q696 – KRPG7 – K2XHT – YKV4T
HCD6T – Q3M6B – M2BTQ – V7B7B – 6BCHT
Q7W2M – 9VPFY – 32WKD – M8QVQ – CFJFG
VCVG6 – QK649 – M49F8 – DC8CG – D7FCT
PQKKT – QB2KH – D2KBV – BD6HT – 8XJX6
FHDYC – CTKH7 – 36JY7 – 78CYW – YVRH6
R6K72 – J3HHY – H8KB9 – HQ76Y – H2W8J
HC369 – 2D8CV – 8P273 – 44Y9K – GQXC3
M7PWN – TMMHG – C8J6D – KWPJR – R38XG
B3PJW – 2FCXF – 7P7K6 – 8T8H3 – 7V3RT
JX6HD – WWGH6 – JKR8G – WV7QB – 44DQ6
V68HD – MBT4W – FFW2B – 2WBQP – 7HDDG
Q7HGD – G4FPY – 28YGM – RDF4R – 6RT7T
RC7JH – VTKHG – RVKWJ – HBC3T – FWGBG
HRVCP – 2GGVH – KMTTG – 67GRP – HJRDT
M9VVF – RTDY3 – FXGXF – YT9BC – FVDPG
FX2HD – PTD89 – MG7WX – KV82X – MH3PG
RP7VY – TJBCW – 23P74 – H47H9 – 7YFFG
P688V – 96M43 – 2JK2R – VYXJR – WVRDT
M3GQF – JP78W – 8VBJX – 6KVQD – 8M2G6
DHVMR – K4J3J – X7Y7M – W2HBP – CGHCT
VH3C6 – PXVPY – 72M79 – V7V3B – VRFJ6
RKKGW – HP6FF – MFYJ6 – TWRXM – 44MQ6
Q888R – DJRGC – QXVCC – GKH8K – 4KR66
G7YTJ – BX4VT – YXXDC – 343Y7 – QJJ9G
DBYJ8 – F2YW8 – FRVXC – R7QXV – 47RF6
WTXM7 – QD98Y – 2R7J6 – YWZPB – WJP9T
MZY7R – W3MB7 – R6P83 – HB6R9 – 9JCHG
DX7RB – 9W9GR – KFBMV – ZXHHR – JJP6T
GDW28 – QT37B – RP74D – 4VHTY – B6BHT
K362Y – XQZHT – DWKMK – WGR9J – Q7376
J6BMM – 4X366 – C6C4R – QVGYK – G8J8T
VX8MR – Q3JK3 – WWTT4 – D8CRX – 4FW6T
CD649 – PKJTQ – KHWPM – TC43M – RDRFG
VWXJ3 – Y7K39 – HPVQM – QG3XP – W3GBG
GBPTG – VHDDV – KP748 – 2J8RV – QPVGY
DMGFK – MWMMQ – QRHBF – GYTMJ – CW676
C4GMB – B23QQ – QPRCH – QX2C8 – 9CJVW
QFV8K – HXZBM – CM6R3 – RBRC7 – PDY2J
WGQMC – MC423 – 7T8MK – FYFTY – T9JQJ
GTVHQ – B8V2Y – 76T9Y – XBMFY – 3396V
DT9BD – K7W9C – YB4K6 – 2RQXD – K2HDW
VFJMK – P9XMW – 4KYXP – RVV89 – Q7J3J
FXJGV – V47K8 – 9TKJ3 – 4UVBT – CTCFW
TJKTG – TFVPY – YK87C – 8TJVV – BKRFV
HH872 – 6RM2K – FPPWV – V9HDB – BK708
FVV68 – CP77T – 3VFBV – J39XB – PBKHB
VYPK3 – 6V2M9 – XM76K – HJ7P9 – 3BMBJ
QQBV8 – GCGMC – 7CHW3 – 3F7MF – TC878

Win98 – ORIGINAL

D8PZY – F7H7D – M8D6M – DY4KC – FD83D
KHHYQ – BFCFC – X99F9 – DPR8Y – F93P8
R6K72 – J3HHY – H88KB9 – HQ76Y – H2W8J

REDES SOCIALES

REDES SOCIALES

En el ámbito de Internet, las redes sociales son páginas que permiten a las personas conectarse con sus amigos e incluso realizar nuevas amistades, a fin de compartir contenidos, interactuar y crear comunidades sobre intereses similares: trabajo, lecturas, juegos, amistad, relaciones amorosas, etc.
Historia

De 1997 a 2001, AsianAvenue, Blackplanet y MiGente permitían a los usuarios crear relaciones personales y profesionales, creando perfiles que permitían a los usuarios identificar amigos en sus redes sin pedir la aprobación de esas conexiones. La figura 1 en el apéndice describe el importante lanzamiento y relanzamiento de las fechas clave SRS dentro de la industria.

Desde entonces diversas redes se han creado, unas permanecen y otras han desaparecido. Según la zona geográfica, el líder puede ir cambiando, pero hasta el 2009 los principales competidores a nivel mundial eran: Hi5, MySpace, Facebook, Tuenti, Twitter y Orkut.[cita requerida]

MySpace se instaló en 2003 y se ha diferenciado de otros sitios porque permite a los usuarios personalizar sus páginas. Los adolescentes fueron los primeros en adoptarlo, y MySpace floreció a través de la atracción de este grupo demográfico. MySpace incluso ha modificado su política de usuario para permitir a los menores de edad crear sus propios perfiles a raíz de la demanda en el segmento de mercado. Conforme el sitio ha crecido, tres poblaciones se empezaron a formar: los músicos/artistas, jóvenes y adultos en su etapa posterior a la universidad.

Facebook fue creado originalmente para apoyar a las redes universitarias, en 2004 los usuarios del sitio estaban obligados a proporcionar las direcciones de correo electrónico asociada con las instituciones educativas. Este requisito lo llevó a ser un modelo de acceso relativamente cerrado, por lo que los usuarios tenían la percepción de la web como un sitio íntimo y privado de una comunidad demográfica cerrada. Facebook posteriormente se ha ampliado para incluir a los estudiantes de secundaria, profesionales, y finalmente todos los usuarios potenciales de Internet. A diferencia de otros SRS, en Facebook los usuarios sólo pueden hacer públicos sus perfiles a otros usuarios del sitio. Otra característica que distingue a Facebook es la capacidad para desarrolladores externos de crear aplicaciones, lo que permite a los usuarios personalizar sus perfiles y realizar otras tareas.

 FACEBOOK, HI5, BADOO, SONICO.

P2P

P2P viene del inglés Peer to Peer, donde Peer viene a significar par, igual. Por lo que se podría traducir como comunicación entre iguales. Esto significa que los ordenadores que se comunican mediante P2P se comunican directamente entre si sin la intervención de un servidor central.

Cuando te comunicas mediante P2P significa que tu Ordenador es a la vez cliente y servidor. Pide datos a otros ordenadores (Cliente)y también sirve datos a otros ordenadores (Servidor).

Existen multitud de aplicaciones que usan esta manera de comunicación, entre ellas las más conocidas son las de intercambios de ficheros como pueden ser: Azureus, Kazaa Lite, eMule, etc. También es muy conocida la aplicación de comunicación de voz Skype, que también usa la comunicación P2P.

HTLM

¿Qué es HTML?

Aunque HTML significa Lenguaje de Marcas de HiperTexto, no es en realidad un lenguaje de programación como Java, Perl, C, o BASIC; es mucho más simple. Es una manera de describir cómo un conjunto de texto e imágenes deben desplegarse en el navegador, similar en concepto a las marcas que hace un editor de periódico.

Anatomía de una Página Web

Una página Web consiste de un archivo HTML mas los archivos de imágen usados en la página. El archivo HTML (un archivo de texto común) contiene todo el texto a desplegar, y también actúa como el pegamento para sostener el texto e imágenes juntas en los lugares correctos, y los despliega en el estilo correcto.

Escribir un archivo HTML significa componer el texto que quieres desplegar, entonces insertar las etiquetas que quieras en los lugares correctos. Las etiquetas comienzan con un caracter < y terminan con un caracter >, y le dicen al navegador que haga algo especial como mostrar texto en itálicas o negritas, o en una fuente más grande, o mostrar una imágen, o hacer una liga a otra página Web. Aunque el HTML tiene muchas etiquetas que puedes usar, no necesitas saberlas todas para usar HTML — puedes arreglártelas con unas cuantas.

Algo excelente sobre el aprendizaje del HTML es que puedes ver cómo otros lo han hecho revisando su código fuente. Puedes ver el código fuente de cualquier página que estés visitando. Pruébalo ahora. En Netscape, usa el menú “Ver/Fuente del Documento” (View/Document Source). Otros navegadores gráficos tienen un menú similar, tal vez bajo “File” o “Edit”. En Lynx, la diagonal invertida alterna entre ver o no ver el código fuente.

Revisa muchos códigos fuente, ve el código de cualquier página que te haga preguntarte cómo hicieron algo. Todos los que usan HTML han aprendido leyendo el código de otras personas. Internet es una gran comunidad de mutuo aprendizaje.

No necesitas un “Editor HTML” para escribir HTML. Algunas personas les gusta usarlos y está bien, pero muchos profesionales y novatos prefieren usar un simple editor de texto e insertar las etiquetas por sí mismos como lo estamos haciendo nosotros. Como cada quien prefiera.


Anatomía de una Etiqueta de HTML

Las etiquetas tienen una estructura simple. Comienzan con un caracter <, y terminan con un caracter >. Entre los caracteres <> está el nombre de la etiqueta, y quizá algunos atributos dependiendo de la etiqueta. La mayoría de los atributos toman un valor también. Algunos atributos son requeridos, algunos son opcionales. La forma general de una etiqueta es

<nombre_de_la_etiqueta atributo1=”valor1″ atributo2=”valor2″ … >

Los nombres de etiqueta y de atributos no son de caso sensitivo, pero algunos atributos y valores sí lo son. El nombre de la etiqueta debe ir primero, pero el orden de los atributos no importa. De esta manera, puedes escribir esta etiqueta como:

<NOMBRE_DE_LA_ETIQUETA ATRIBUTO2=”valor2″ ATRIBUTO1=”valor1″ … >

Diferente gente escribe en formas diferentes; házlo como te guste más. 

Existen muchas etiquetas diferentes para hacer muchas cosas diferentes. Por ejemplo, usa la etiqueta <img> para mostrar una imágen en tu página Web:

<img src=”blueribbon.gif”>

se ve como

Esto significa “muestra la imágen blueribbon.gif en este lugar de la página.” Nota que el atributo src proporciona el URL del archivo de imágen, ya sea un URL relativo o absoluto. El ejemplo anterior usando un URL absoluto sería:

<img src=”http://www.jmarshall.com/easy/html/spanish/blueribbon.gif”&gt;


Etiquetas Contenedoras

Algunas etiquetas, como <img>, se bastan a sí mismas; no afectan a otras cosas al rededor. Otras etiquetas tienen una etiqueta de inicio y una de final, y afectan a todo lo que se encuentre entre los dos (aún a otras etiquetas). Estas son llamadas contenedoras, porque contienen cosas entre las etiquetas de inicio y final. Por ejemplo, para hacer texto en negrita, necesitas marcar en dónde comienzan las negritas y en dónde regresa al texto normal. Haz ésto con <b> y </b>, como:

Este es texto normal. <b>Este es texto en negrita.</b>  Normal otra vez.

Se ve como:

Este es texto normal. Este es texto en negrita. Normal otra vez.

Todo contenedor termina con </nombre_de_la_etiqueta>, cualquiera que el nombre sea. En el ejemlo anterior, la etiqueta (negrita) <b> termina con </b>. A diferencia de los inicios, las etiquetas finales no tienen atributos 

Aquí está la parte interesante:

La etiqueta que hace del Web lo que es, un superconjunto de páginas ligadas, es la etiqueta <a>. La etiqueta <a> es un contenedor que define una liga hacia otra página y es fácil de usar. Como ejemplo, aquí es cómo harías una liga a la página principal de Netscape:

Ir a <a href=”http://home.netscape.com/”>la página principal de Netscape</a>.

Que se ve como:

.

Nota que existe una etiqueta de inicio (<a href=”http://home.netscape.com”&gt;) y una de final (</a>), y todo lo que esté entre ellas (“la página principal de Netscape”) se visualiza como una liga en la que el usuario puede hacer click– típicamente en azul y subrayada en Netscape.

Nota que el atributo href tiene el valor “http://home.netscape.com&#8221;, que es el URL (dirección de una página Web) a donde ir cuando el usuario haga click en la liga. Para más información y ayuda con los URL en HTTP, dirígete a una de estas páginas.

Así es como se debe usar la etiqueta <a> para poner ligas a una página Web. Simple, ¿no?


Anatomía de un archivo HTML

Ahora que entiendes lo que son las etiquetas y las contenedoras, aquí está cómo hacer un archivo HTML correctamente: identifica tu archivo como un archivo HTML encerrándolo todo entre las contenedoras <html>–, en otras palabras, coloca una etiqueta <html> de inicio al principio de tu archivo y una etiqueta </html> de finalización al final.

Técnicamente, la etiqueta <html> puede contener sólo dos cosas: una contenedora <head>, y una contenedora <body>. Dentro de la etiqueta <body> es donde se pone toda la página. Todo el texto, imágenes, hiperligas y demás cosas desplegadas son contenidas entre la etiqueta <body> y la </body>.

La sección opcional <head>, colocada antes de la sección <body>, te permite almacenar cierta información sobre el documento en sí. Aún cuando la sección <head> exista, puede contener solamente la contenedora <title>, la cual dice qué es lo que hay que desplegar en el título de la ventana del navegador, sobre la barra de menús (si tienes un navegador gráfico). Por ejemplo, esta página tiene el título de “El HTML Hecho Realmente Fácil”.

Así, un simple archivo HTML “hola, mundo”, con título, sería

<html>

<head>

<title>Hola, mundo</title>

</head>

<body>

Hola, mundo.

</body>

</html>

Si no quieres un título, omite las líneas que comienzan con <head>, <title>, y </head>.

Si esto te confunde, no te preocupes. Solamente pon el texto <html><body> al principio de tu archivo y </body></html> al final, y mágicamente se convertirá en un verdadero archivo HTML.


Saltos de Línea y Espacios en Blanco

Puedes agregar cuantos espacios o líneas en blanco quieras (llamados “blancos”) para hacer tu archivo HTML más fácil de leer. El navegador desplegará todos los blancos consecutivamente como un solo espacio, no importa cuántos sean. Este tutorial usa un estilo de sangría para ejemplos, pero usa el estilo que mejor te funcione y haga las cosas más fáciles de leer.

Para comenzar un nuevo párrafo, usa la etiqueta <p>— la usarás mucho. El navegador ajustará las líneas de texto correctamente, basado en el ancho de la ventana (el cual, tú, el autor de HTML no puedes predecir). Si realmente quieres forzar una nueva línea, como para una dirección, usa la etiqueta <br> para insertar un salto de línea.

Con lo que sabes ya puedes escribir páginas Web– incluso puedes mostrar imágenes y hacer hiperligas. Pruébalo, verás cómo funciona en realidad. Haz una página simple y véla con tu navegador.


Unas Cuantos Etiquetas Útiles Más

Pruéba las siguientes:

<i> </i> Hace el texto en itálicas italic.
<tt> </tt> Hace el texto en teletipo (ancho fijo).
<h1> </h1>  
<h2> </h2>  
<h3> </h3>  
<h4> </h4>  
<h5> </h5>  
<h6> </h6>
Muestra diferentes estilos de encabezados (header), en orden descendente de importancia (tamaño). Por ejemplo, el “El HTML Hecho Realmente Fácil” al inicio de la página usa <h1>, y el “Unas Cuantas Etiquetas Útiles Más” de arriba usa <h2>.
<hr> Pone una línea horizontal en la página, como arriba del título “Unas Cuantas Etiquetas Útiles Más”, arriba.
<center> </center> Centra texto e imágenes entre los márgenes izquierdo y derecho. 
<blockquote> </blockquote> Sangra el texto a partir de los dos márgenes. Usado para la mayoría de los ejemplos en este documento.
<pre> </pre> Denota texto “preformateado” en código fuente: lo despliega como fuente de ancho fijo y conserva espacios y saltos de línea (en gran medida como una máquina de escribir). Es una manera rápida de hacer márgenes y tabulaciones. Conveniente para entrecomillar una sección del código fuente, de tal manera que es usado para muchos ejemplos en este documento.

Listas Numeradas o con Viñetas

El HTML proporciona una manera simple de mostrar listas numerads (“listas ordenadas”) o con viñetas (“listas desordenadas”). Usa la contenedora <ol> y <ul> para hacer listas ordenadas o desordenadas, respectivamente. Dentro de la contenedora, usa la etiqueta <li> para dentoar el comienzo de un elemento de la lista.

Por ejemplo, el código de HTML

Esta es una lista ordenada:

<ol>

<li>Primer elemento

<li>Segundo elemento

<li>Tercer elemento

</ol>

Esta es una lista desordenada:

<ul>

<li>Primer elemento

<li>Segundo elemento

<li>Tercer elemento

</ul>

que se verán así

Esta es una lista ordenada:

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Esta es una lista desordenada:

  • Primer elemento
  • Segundo elemento
  • Tercer elemento

Dentro de los elementos de lista, puedes poner lo que quieras– ligas, imágenes, tablas (más sobre ellas después), o incluso otras listas. Las listas anidadas son en realidad bastante comunes, útiles para resúmenes o menús en cascada.

Menos comunes pero tambien útiles, son las “listas de definición”, las cuales contienen un conjunto alternado de términos y definiciones. Encierra toda la lista en la contenedora <dl>, y usa <dt> y <dd> para marcar el inicio de los términos y definiciones, respectivamente. Por ejemplo,

Aquí está una lista de definición:

<dl>

<dt>Término 1

<dd>Definición del Término1

<dt>Término 2

<dd>Definición del Término2

</dl>

que se verá así:

Aquí está una lista de definición:

Término 1

Definición del Término1

Término 2

Definición del Término2

Asegúrate de terminar tus listas con </ol>, </ul>, y </dl>, o el resto de tu página se verá como parte del último elemento de la lista.


Comentarios

Puedes poner comentarios en tu archivo HTML que no se verán en la página Web. Esto te permite explicar por qué tu código HTML es de cierto modo, a cualquiera que vea tu código fuente. Esto podría ser alguien más, o (seguramente) puedes ser tú mismo en el futuro.

Comienza el comentario con “<!–” y termínalo con “–>“, como

<!– Este es un comentario, y no se desplegará al usuario –>

<!– ejemplos de comentarios insertados por JSM el 23-9-96, para clarificar –>

No pongas información privada en comentarios, ya que cualquiera, revisando el código fuente, puede verla. Tampoco pongas etiquetas de HTML dentro de los comentarios, ya que el navegador pensará que el comentario termina con el primer caracter “>”.


Tablas

Las tablas en HTML te permiten mostrar un arreglo de celdas de datos, como en la sección Unas Cuantas Etiquetas Útiles Más, arriba. También te permiten alinear texto a la derecha, o hacer columnas de texto como con tabuladores. No son difíciles de usar, una vez que sabes con claridad lo que quieres desplegar en cda celda. La “definición estándard” de las tablas HTML ha cambiado unas cuantas veces, pero es bastante estable ahora; esta sección te mostrará cómo hacer tablas que hacen que casi cualquier navegador desplegue correctamente.

  1. Las tablas se definen con la contenedora <table>.
  2. La etiqueta <table> contiene renglones de celdas, definidas con la contenedora <tr>.
  3. Cada etiqueta <tr> contiene celdas de datos, definidas con la contenedora <td>.
  4. Cada celda de datos contiene lo que quieras poner– ligas, imágenes, listas, incluso otras tablas.

Los renglones se definen de arriba hacia abajo, y las celdas de izquierda a derecha. Si quieres que se muestren líneas entre las celdas de la tabla, usa el atributo border en la etiqueta <table>. (¿Recuerdas cómo funcionan los atributos en las etiquetas HTML? Usarás unos cuantos atributos en esta sección.)

Por ejemplo, el código HTML

<table border>

<tr>

    <td>noroeste</td>

    <td>noreste</td>

</tr>

<tr>

    <td>suroeste</td>

    <td>sureste</td>

</tr>

</table>

se verá como:

noroeste noreste
suroeste sureste

La mayoría de los navegadores no requieren las etiquetas de terminación </tr> o </td>; asumen que una celda o renglón termina cuando la otra comienza. De tal manera, puedes ver tablas escritas sin las etiquetas de finalización (aunque la etiqueta final </table> sí es requerido). Nota: Como este documento es de octubre de 1996, esto puede causar problemas con las tablas anidadas debido a algún error del navegador.

Celdas que Ocupan Columnas o Renglones Múltiples

Algunas veces querrás que una celda ocupe más de una columna o más de un renglón. En este caso usa los atributos colspan y rowspan del tag <td>. Entonces solamente omite definir las celdas que la celda más grande ocuparía. Por ejemplo,

<table border>

<tr>

    <td rowspan=2>oeste</td>

    <td>noreste</td>

</tr>

<tr>

    <!– No definas “suroeste” porque “oeste” la va a ocupar –>

    <td>sureste</td>

</tr>

</table>

se verá como:

oeste noreste
sureste

Alineando el Contenido de la Celda dentro de la misma Celda

Usualmente todo el contenido de una celda se alínea a la izquierda y centrada verticalmente por defecto. Para fijar la posición horizontal y vertical con la etiqueta <td>, usa los atributos align y valign respectivamente:

  • align puede ser left, right, o center.
  • valign puede ser top, middle, bottom, o baseline (alineada a la base del texto).

Por ejemplo, este recibo sin líneas de una tienda, alínea los precios con respecto al márgen derecho:

<table>

<tr>

    <td>detergente para ropa</td>

    <td align=right>$4.99</td>

</tr>

<tr>

    <td>comida para gato</td>

    <td align=right>$128.00</td>

</tr>

</table>

Se verá como:

detergente para ropa $4.99
comida para gato $128.00

Puedes usar también los atributos align y valign en la etiqueta <tr>, para afectar todas las celdas en ese renglón.

Otras Cosas Útiles sobre Tablas

Normalmente el navegador se las arregla para darle el tamaño apropiado a la tabla, y para las celdas dentro de la tabla, basándose en el tamaño del navegador y el contenido de la celda. Si deseas sugerir un ancho específico para la tabla o las celdas, usa el atributo width en las etiquetas <table> y <td>. Puedes usar un porcentaje del navegador o la tabla, como <td width=”20%”> (usualmente preferido), o un valor absoluto en pixels como <td width=138> (útil para hacer que una imágen quepa exactamente en el ancho de una celda).

Si quieres más detalles, Netscape tiene información al respecto en etiquetas relacionadas con tablas y sus atributos, y una buena colección de tablas de ejemplo. Estos documentos son ligeramente obsoletos comparados con los últimos estándares de HTML, pero están lo suficientemente actualizados para la mayoría de las tablas en el Web hoy día.


Formas

Probablemente has visto formas para llenar en el Web, usadas por los motores de búsqueda, guías en línea, y demás. Escribes tus datos, envías la forma presionando un botón de envío y los datos son enviados a un script CGI en un servidor Web por ahí. Las formas, como todo lo demás en HTML se definen con un pequeño conjunto de etiquetas. Estas etiquetas simplemente definen los elementos de la forma, como campos de entrda o botones. La parte difícil es escribir el código CGI para manejar la forma de entrada; ese es un tema de otro tutorial.

Las formas compienzan con la etiqueta <form> y terminan con la etiqueta </form>. En la forma, puedes poner además el código HTML que quieras, pero puedes usar también estas etiquetas para definir campos de entrada:

  • <input> define un campo de entrada de texto, casillas de verificación, botones de selección, o botones simples.
  • <select> define menús desplegables y cajas de selección.
  • <textarea> define un campo de entrada de texto multilínea.

La etiqueta <form> tiene:

  • un atributo action, que es el URL del script CGI a quien enviar los datos de la forma, y
  • un atributo method, que es el método HTTP usado para enviar los datos de la forma (cualquiera de get o post funcionarán– coordinando esto con tu script CGI).

Así, una etiqueta <form> típica es:

<form action=”http://www.myhost.com/mypath/myscript.cgi&#8221; method=post>

Todos los campos de entrada en una forma tienen un nombre, definido por el atributo name de la etiqueta <input>, <select>, o <textarea>. Todos los campos de entrada también tienen un valor, que el usuario asigna escribiendo en él o haciendo click en él. Todo el conjunto de los datos de la forma es representada como un conjunto de estos pares de nombre-valor cuando se envía al script CGI.

Los campos de texto vacíos se envían como pares de nombre-valor con un valor de una cadena vacía, pero las casillas de verificación y botones de selección que no se usan no se envían en absoluto.

Para probar tu forma, puedes llamar a scripts simples en NCSA que te dicen qué pares de nombre-valor fueron enviados. Para hacer esto, fija el atributo action a lo siguiente:

La Etiqueta <input>

Usa la etiqueta <input> para crear la mayoría de los campos de una forma, así como para enviar y reestablecer botones. Tiene una gran conjunto de atributos dependiendo del tipo de atributo, el cual puede ser cualquiera de:

  • text— un campo normal de entrada (defecto)
  • password— idéntico a text, pero la entrada del usuario no se despliega
  • checkbox— una casilla de verificación (para simples valores sí/no)
  • radio— un botón de selección (para escojer una de varias opciones)
  • submit— un botón que envía los datos de la forma, cuando la entrada de datos del usuario está lista
  • reset— un botón que reestablece todos los campos de una forma a sus valores iniciales
  • image— como submit, pero muestra una imágen como botón
  • hidden— te permite definir pares extra de nombre-valor que se envían al script CGI pero no se despliegan

los campos text y password tienen los siguientes atributos opcionales:

  • value fija el valor por defecto del campo
  • size fija la longitud desplegada del campo
  • maxlength fija la cantidad máxima de datos que pueden ser escritos

los campos checkbox y radio tienen los siguientes atributos opcionales:

  • value es el valor del campo cuando se verifica; el valor por defecto es “sí”
  • checked (no necesita valor) significa que está verificado por defecto

los campos submit y reset usan lel atributo opcional value como la etiqueta en el botón.

El campo image requiere un atributo src con el URL de la imágen a usar, y soporta la mayoría de los atributos de la etiqueta <img>.

Para crear un conjunto de botones de selección, dáles a todos el mismo nombre pero diferentes valores. Solamente el valor seleccionado será enviado al servidor cuando la forma se envíe.

Usualmente, tendrás texto antes o después de los campos text, password, checkbox, y radio, para etiquetarlos para el usuario. Ninguna etiqueta se muestra automáticamente.

Los campos submit y image de hecho pueden tener un atributo nombre, para enviar información sobre cómo la forma fue enviada. Si tienes múltiples botones de envío, tu script CGI puede distinguirlos por nombres o valores diferentes (solamente el botón de envío que presionas es el que se envía como par nombre-valor). Si un campo image tiene un atributo name de (digámoslo) “foo”, entonces la localización x-y del click del mouse en el botón es enviada como dos campos enteros con nombres de “foo.x” y “foo.y”. Esto permite un mapa de imágen con un botón image.

Ejemplos de campos <input>, en el mismo orden que se enlistan arriba son:

Estado: <input value=”CA” size=2 maxlength=2>

Password: <input>

<input value=”si” checked>Envíame más información.

Selecciona tu sexo abajo:

<br><input value=”F”>Femenino

<br><input value=”M”>Masculino

<br><input value=”O”>Otro

<input value=”  OK, envíalo  “>

<input value=” Whoops– borra eso “>

<input src=”/images/gobutton.gif” width=60 height=30>

<input value=”1290.65″>

La etiqueta <select>

Usa la etiqueta contenedora <select> para crear menús desplegables y listas desplazables. Entre <select> y </select> puedes tener solamente etiquetas <option> y su texto, el cual define items en la lista.

La etiqueta <select> tiene un atributo name como todos los campos de entrada. Otros atributos opcionales:

  • size es la altura desplegada de la lista. Si es 1 (u omitida), la lista es un menú desplegable; en otro caso, es una lista desplazable.
  • multiple (sin valor) deja que el usuario seleccione items múltiples de la lista (usualmente con ctrl-click o shift-click). Cada item seleccionado deberá ser enviado como un para nombre-valor al script CGI.

Una etiqueta <option> puede tener un atributo value, el cual es lo que se envía al script CGI si ese item es seleccionado. Si no existe el atributo value, el valor enviado es el texto que sigue a la etiqueta <option>.

Para hacer que un item se seleccione por defecto, usa el atributo selected en la etiqueta <option>.

Un ejemplo de una lista desplegable <select> es:

Escoge tu color favorito: 

<select>

<option>verde

<option>aguamarina

<option selected>esmeralda

<option>turquesa

<option>agua

<option value=”verde2″>verde

<option value=”verde3″>verde

</select>

La Etiqueta <textarea>

Usa la etiqueta contenedora <textarea> para crear cajas de texto multilínea desplazables. Todo lo que esté entre las etiquetas <textarea> y </textarea> será el contenido inicial de la caja de entrada, así que colócalas una junto a la otra si no quieres contenido inicial.

La etiqueta <textarea> tiene un atributo name, como cualquier otro campo de entrada. Usa los atributos rows y cols para fijar el ancho y alto del área de texto. Nota que el área de texto se desplaza cuanto sea necesario, de tal manera que solamente estás asignando el tamaño al cual debe desplegarse, no el tamaño de los datos

Un ejemplo del camo de entrada <textarea>es:

<textarea rows=10 cols=60>Pon cosas aquí</textarea>


Marcos

Los marcos no son parte del HTML estándar. Son una extensión al HTML que creó Netscape. No funcionan en todos los navegadores, así que limita la cantidad de usuarios al usarlos. Describiré la introducción general aquí, pero Netscape tiene una página con todos los detalles.

Básicamente, creas un archivo HTML normal para cada marco, además de un archivo HTML especial (el “documento de marcos”) para contenerlos a todos. Este documento de marcos tiene la etiqueta contenedora <frameset> en lugar de la etiqueta <body>. La etiqueta <frameset> divide la ventana principal del navegador en múltiples renglones y columnas. Tiene cualquiera de los atributos rows or cols, el cual es una lista de tamaños separados por comas, ya sea en pixeles o en porcentajes del ancho total de la ventana. Por ejemplo, <frameset cols=”10%,80%,10%”> divide la ventana en tres columnas: márgenes angostos a izquierda y derecha y una página central ancha. (Ve la página de Netscape para más detalles.)

Entre <frameset> y </frameset> puede haber:

  • etiquetas <frame>, cuyos atributos src contienen los URL que deben mostrarse en esas columnas o renglones;
  • otras etiquetas <frameset> para dividir después las columnas o renglones en más renglones o columnas; or
  • etiquetas <noframes> y </noframes> para definir una página para navegadores que no soportan marcos (siempre es sabio usarlas).

Los marcos pueden convertirse parte del HTML estándar algún día, una vez su complejidad se deseche. Para las cosas oficiales en marcos y el estándar de HTML ve la sección “Next Steps”


Caracteres Especiales Como “<” and “>”

¿Cómo puedes desplegar los caracteres “<” y “>”? Si solamente los escribes en tu archivo HTML, el navegador pensará que estás comenzando o finalizando una etiqueta. tienes que incluir caracteres de escape (así se llaman), tecleando secuencias de caracteres en su lugar. Cuando se despliega tu página, el navegador traduce las secuencias a los caracteres que necesitas.

Todas las secuencias de caracteres especiales comienzan con “&” (ampersand) y terminan con “;” (punto y coma), y entre ellos está el nombre del caracter especial. Por ejemplo, “&gt;” significa el símbolo de mayor-que, “&lt;” significa el símbolo de menor-que, “&quot;” significa comillas dobles, y “&amp;” significa el amperand mismo. Por ejemplo, la línea

Para desplegar el caracter &lt; usa la secuencia &amp;lt;.

se verá como

Para desplegar el caracter < usa la secuencia &lt;.

Usa este método para poner caracteres no tecleables en tus páginas; por ejemplo, “&copy;” muestra el símbolo de copyright ©. Aquí está una lista de caracteres especiales , con letras acentuadas primero, seguidas de símbolos no alfabéticos.

Al contrario de los nombres de etiquetas, estos nombres de caracteres son de caso sensitivo, así que “&GT;no despliega el símbolo de mayor-que.

Necesitas escapar cada “<” o “>“, pero no todos los ampersand, etc. Estos códigos sólo están ahí cuando los necesites, por ejemplo, cuando tu página no se despliegue correctamente sin ellos (y debas verificar visualmente cada página que hagas).

FPT

 

Qué es FTP

Protocolo de Transferencia de Archivos

FTP son las siglas de File Transfer Protocol, es decir, Protocolo de Transferencia de Archivos. Es un sistema que permite enviar y recibir ficheros entre computadores a través de la red Internet.

Con el fin de facilitar la creación de tu web, los servidores comerciales disponen de un sistema de FTP, mediante el que puedes enviar rápidamente y de una sola vez todos los ficheros que desees publicar en tu página u otros ficheros: imágenes, archivos de audio, etc.

¿Qué necesito para usar el FTP de un servidor?

Necesitas un programa de FTP. En cualquier sitio de descarga de archivos comercial se dispone de varios software FTP

¿Cómo funciona un programa de FTP?

Primero debes configurar el programa para acceder a tu cuenta. Éstos son los datos que necesitas:

  • Servidor, IP, server, host: ftp.servidor.com
  • Puerto: 21
  • Usuario, user: tu nombre de usuario o Loginname
  • Clave, password: Tu clave de acceso con ese servidor

Una vez configurado, ejecuta la opción de conectar. Una vez conectado, podrás ver las carpetas y ficheros de tu disco duro en un lado, y las carpetas y ficheros de tu sitio web en el servidor. No tienes más que seleccionar uno o varios ficheros y arrastrarlos a la carpeta o directorio de tu sitio web que desees: los archivos se irán transfiriendo uno a uno.

¿Puedo subir ficheros de cualquier tipo y tamaño por FTP?

Generalmente los servidores tienen restricciones en cuanto a archivos ejecutables o del sistema, también hay restricciones en el tamaño, normalmente, no mayor de 1.5 Mb por archivo. Pero un web page bien diseñado no debe tener archivos de ese tipo.

 Qué es FTP

 Doc2

Qué es la Web 2

¿Qué es la Web 2.0?

La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.

La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la realidad es que la evolución natural del medio realmente ha propuesto cosas más interesantes como lo analizamos diariamente en las notas de Actualidad.

Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.

Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolución de la web.

Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la Web 2.0 conference que arranca en el 2004 y hoy en día se realiza anualmente en San Francisco, con eventos adicionales utilizando la marca en otros países.

En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0:

  • La web es la plataforma
  • La información es lo que mueve al Internet
  • Efectos de la red movidos por una arquitectura de participación.
  • La innovación surge de características distribuidas por desarrolladores independientes.
  • El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo

La Web 2.0 con ejemplos

Entender la evolución que ha llegado con la Web 2.0 puede realizarse con ejemplos, con proyectos. Podemos comparar servicios web que marcan claramente la evolución hacia el Web 2.0 con una nueva forma de hacer las cosas:

  • Web 1.0 > Web 2.0
  • Doubleclick –> Google AdSense (Servicios Publicidad)
  • Ofoto –> Flickr (Comunidades fotográficas)
  • Akamai –> BitTorrent (Distribución de contenidos)
  • mp3.com –> Napster (Descargas de música)
  • Britannica Online –> Wikipedia (Enciclopedias)
  • Sitios personales –> Blogs (Páginas personales)
  • Especulación con dominios –> Optimización en motores de búsqueda SEO
  • Páginas vistas –> Costo por click
  • CMSs –> Wikis (Administradores de contenidos)
  • Categorías/Directorios –> Tags

¿Qué tecnologías apoyan a la Web 2.0?

El Web 2.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones web entren en este esquema. Sin embargo, existen varias tecnologías que están utilizándose actualmente y que deberíamos de examinar con más cuidado en busca de seguir evolucionando junto al web.

Tecnologías que dan vida a un proyecto Web 2.0:

  • Transformar software de escritorio hacia la plataforma del web.
  • Respeto a los estándares como el XHTML.
  • Separación de contenido del diseño con uso de hojas de estilo.
  • Sindicación de contenidos.
  • Ajax (javascript ascincrónico y xml).
  • Uso de Flash, Flex o Lazlo.
  • Uso de Ruby on Rails para programar páginas dinámicas.
  • Utilización de redes sociales al manejar usuarios y comunidades.
  • Dar control total a los usuarios en el manejo de su información.
  • Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
  • Facilitar el posicionamiento con URL sencillos.

¿En qué nos sirve la Web 2.0?

El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.

Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.
Yo ya estoy trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.

El término http quiere decir DESCARGA EN PDF

HTTP EN TEXTO

El término http quiere decir “Hypertext Transfer Protocol”, en español “Protocolo de Transferencia de Hipertexto”. Para los que no tienen experiencia en términos computacionales, esto puede parecer complicado, pero en realidad no lo es si examinamos este asunto por partes. Un protocolo es un conjunto de reglas a seguir, o lenguaje en común, y en este caso es conjunto de reglas a seguir son para publicar páginas web o HTML. El hipertexto se refiere a texto común con algunos atributos propios de las páginas en Internet, como lo son los enlaces. Por lo tanto http es un conjunto de reglas acordadas para transferir texto con atributos propios de la Internet. Bastante sencillo.

Este protocolo opera a través de solicitudes y respuestas, entre un “cliente” y un “servidor”. El cliente para los usuarios es el navegador web, usado para navegar por la red como el Internet Explorer, y el servidor es aquel en donde se almacenan las páginas de Internet (aquellos que publican información en la Internet contratan estos servidores para almacenar su información, de tal manera que los usuarios o visitas puedan acceder a la misma desde sus computadores de manera remota).

Para saber que información esta accesando nuestro navegador en un momento dado, basta simplemente con observar la “barra de navegación”, en la parte de arriba de nuestra pantalla, justo después de las herramientas del navegador. La información que sigue a “http” se denomina el URI (Uniform Resouce Identifier), más conocido como URL, lo que no es más que la dirección que estamos visitando. Generalmente estas direcciones comienzan con www, que quiere decir “World Wide Web”, pero existen muchas otras extensiones posibles.

Ahora que ya sabemos esto, si somos observadores nos preguntaremos porqué cuando visitamos un banco o realizamos una compra por Internet este encabezado de direcciones cambia a “htpps”, y generalmente junto con esto un mensaje nos alerta de que estamos accediendo a un sitio o sección seguros. La respuesta es que este encabezado para las direcciones https le indica a nuestro navegador que emplee encriptación adicional para proteger la información que está siendo transferida, lo que es especialmente indicado para las transacciones en línea.

Saber lo que es http y toda la información que sigue a este atributo cuando visitamos páginas web no solo es un dato curioso, sino que además nos ayuda a proteger nuestra privacidad. Cuando realicemos compras en línea o transacciones en donde se involucre nuestra información personal, siempre debemos mirar nuestra barra de direcciones y buscar el https junto con el nombre correcto del sitio o institución que visitamos. Es un crimen bastante común el intentar imitar páginas de bancos y similares para que las personas ingresen su información personal, pero con algo de conocimiento básico esto es fácil de evitar.

que es www

 

 

Qué es www ?

 

 

WWW tiene dos significados o áreas relacionadas en un mismo concepto: Su primer significado consiste en ser un acrónimo que viene del concepto Word Wide Web, también conocido como la telaraña, red o malla mundial. Básicamente consiste en un medio de comunicación en donde se dispone de documentos de hipertexto (o sea que se incluyen enlaces a otros sitios documentos) con textos, imágenes, videos, gráficos u otros objetos. Para acceder a estos documentos o páginas web, se requiere de un navegador, que no es más que un software o programa capaz de interpretar de manera gráfica o visible la información que obtiene de la Internet.

En otros artículos ya hemos hablado en extenso sobre la Internet, sus orígenes y su evolución, por lo que pasaremos de inmediato la otra gran connotación que tiene este acrónimo.

El segundo significado o área de aplicación de WWW es el uso esta sigla como un prefijo, agregado ya como costumbre al comienzo de la dirección o URL de un sitio en Internet. Por ejemplo en la página que visitas al momento, Mis Respuestas, si te fijas en su dirección esta se escribe como “www.misrespuestas.com”. En otros casos, te darás cuenta de que hay sitios que no emplean este prefijo en su dirección, e incluso hay algunos que tienen otros diferentes; por ejemplo en la sección de la comunidad de este sitio, la dirección se escribe como “tuspreguntas.misrespuestas.com”, o sea sin usar el www, y en vez de aquello se usa una palabra para identificar la sección del sitio.

La verdad es que el uso de WWW en las direcciones de los sitios no es un estándar ni una obligación, pero debido a la costumbre de asociar este término a los sitios o páginas web, es que se sigue usando en la mayoría de los casos para identificar las direcciones o URLs en la Internet. Cuando no se usa, entonces es común usar este espacio para dar referencia a una sección en particular de un sitio.

Otro motivo para la generalización del uso de WWW en los nombres de dominio, es que los servidores por lo general lo asignan automáticamente a la dirección; es decir los servidores reconocen generalmente la dirección se le agregue o no el prefijo al comienzo – o sea es en términos técnicos casi lo mismo (casi porque en muchos casos los propietarios de sitios modifican estas opciones para que se reconozca solo una versión del sitio, con o sin el prefijo, para no generar confusión entre los usuarios).

El nombre con el que se conoce a las siglas usadas antes del dominio o nombre oficial del sitio, es el de “dominio de tercer nivel” o subdominio. En todo caso lo usual es usar el término subdominio cuando se usa un prefijo distinto al ya clásico WWW.

 

TCP IP

 

Cuando se habla de TCP/IP , se relaciona automáticamente como el protocolo sobre el que funciona la red Internet . Esto , en cierta forma es cierto , ya que se le llama TCP/IP , a la familia de protocolos que nos permite estar conectados a la red Internet . Este nombre viene dado por los dos protocolos estrella de esta familia :

– El protocolo TCP, funciona en el nivel de transporte del modelo de referencia OSI, proporcionando un transporte fiable de datos.

– El protocolo IP, funciona en el nivel de red del modelo OSI, que nos permite encaminar nuestros datos hacia otras maquinas.

Pero un protocolo de comunicaciones debe solucionar una serie de problemas relacionados con la comunicación entre ordenadores , además de los que proporciona los protocolos TCP e IP .

Arquitectura de protocolos TCP/IP

Para poder solucionar los problemas que van ligados a la comunicación de ordenadores dentro de la red Internet , se tienen que tener en cuenta una serie de particularidades sobre las que ha sido diseñada TCP/IP:

– Los programas de aplicación no tienen conocimiento del hardware que se utilizara para realizar la comunicación (módem, tarjeta de red…)

– La comunicación no esta orientada a la conexión de dos maquinas, eso quiere decir que cada paquete de información es independiente, y puede viajar por caminos diferentes entre dos maquinas.

– La interfaz de usuario debe ser independiente del sistema, así los programas no necesitan saber sobre que tipo de red trabajan.

– El uso de la red no impone ninguna topología en especial (distribución de los distintos ordenadores).

De esta forma, podremos decir, que dos redes están interconectadas, si hay una maquina común que pase información de una red a otra. Además, también podremos decir que una red Internet virtual realizara conexiones entre redes, que ha cambio de pertenecer a la gran red, colaboraran en el trafico de información procedente de una red cualquiera, que necesite de ella para acceder a una red remota. Todo esto independiente de las maquinas que implementen estas funciones, y de los sistemas operativos que estas utilicen .

Descomposición en niveles de TCP/IP.

Toda arquitectura de protocolos se descompone en una serie de niveles , usando como referencia el modelo OSI . Esto se hace para poder dividir el problema global en subproblemas de mas fácil solución .

Al diferencia de OSI , formado por una torre de siete niveles , TCP/IP se descompone en cinco niveles , cuatro niveles software y un nivel hardware . A continuación pasaremos a describir los niveles software , los cuales tienen cierto paralelismo con el modelo OSI.

Nivel de aplicación

Constituye el nivel mas alto de la torre tcp/ip . A diferencia del modelo OSI , se trata de un nivel simple en el que se encuentran las aplicaciones que acceden a servicios disponibles a través de Internet . Estos servicios están sustentados por una serie de protocolos que los proporcionan . Por ejemplo , tenemos el protocolo FTP (File Transfer Protocol), que proporciona los servicios necesarios para la transferencia de ficheros entre dos ordenadores.

Otro servicio, sin el cual no se concibe Internet , es el de correo electrónico, sustentado por el protocolo SMTP (Simple Mail Transfer Protocol) .

Nivel de transporte

  • IBM – Industrias 

Este nivel proporciona una comunicación extremo a extremo entre programas de aplicación. La maquina remota recibe exactamente lo mismo que le envió la maquina origen. En este nivel el emisor divide la información que recibe del nivel de aplicación en paquetes, le añade los datos necesarios para el control de flujo y control de errores , y se los pasa al nivel de red junto con la dirección de destino.

En el receptor este nivel se encarga de ordenar y unir las tramas para generar de nuevo la información original.

Para implementar el nivel de transporte se utilizan dos protocolos :

UDP: proporciona un nivel de transporte no fiable de datagramas, ya que apenas añade información al paquete que envía al nivel inferior, solo la necesaria para la comunicación extremo a extremo. Lo utilizan aplicaciones como NFS y RPC, pero sobre todo se emplea en tareas de control.

TCP (Transport Control Protocolo): es el protocolo que proporciona un transporte fiable de flujo de bits entre aplicaciones. Esta pensado para poder enviar grandes cantidades de información de forma fiable, liberando al programador de aplicaciones de la dificultad de gestionar la fiabilidad de la conexión (retransmisiones, perdidas de paquete, orden en que llegan los paquetes ,duplicados de paquetes, …) que gestiona el propio protocolo. Pero la complejidad de la gestión de la fiabilidad tiene un coste en eficiencia, ya que para llevar a cabo las gestiones anteriores se tiene que añadir bastante información a los paquetes a enviar. Debido a que los paquetes a enviar tienen un tamaño máximo, como mas información añada el protocolo para su gestión , menos información que proviene de la aplicación podrá contener ese paquete. Por eso, cuando es mas importante la velocidad que la fiabilidad, se utiliza UDP, en cambio TCP asegura la recepción en destino de la información a transmitir.

Nivel de red

También recibe el nombre de nivel Internet. Coloca la información que le pasa el nivel de transporte en datagramas IP, le añade cabeceras necesaria para su nivel y lo envía al nivel inferior. Es en este nivel donde se emplea el algoritmo de encaminamiento, al recibir un datagrama del nivel inferior decide, en función de su dirección, si debe procesarlo y pasarlo al nivel superior, o bien encaminarlo hacia otra maquina. Para implementar este nivel se utilizan los siguientes protocolos:

IP (Internet Protocol): es un protocolo no orientado a la conexión, con mensajes de un tamaño máximo . Cada datagrama se gestiona de forma independiente, por lo que dos datagramas pueden utilizar diferentes caminos para llegar al mismo destino, provocando que lleguen en diferente orden o bien duplicados. Es un protocolo no fiable , eso quiere decir que no corrige los anteriores problemas, ni tampoco informa de ellos. Este protocolo recibe información del nivel superior y le añade la información necesaria para su gestión (direcciones IP , checksum)

ICMP (Internet Control Message Protocol): proporciona un mecanismo de comunicación de información de control y de errores entre maquinas intermedias por las que viajaran los paquetes de datos . Esto datagramas los suelen emplear las maquinas (gateways, host, …) para informarse de condiciones especiales en la red, como la existencia de una congestión , la existencia de errores y las posibles peticiones de cambios de ruta. Los mensajes de ICMP están encapsulados en datagramas IP.

IGMP (Internet Group Management Protocol): este protocolo esta íntimamente ligado a IP . Se emplea en maquinas que emplean IP multicast . El IP multicast es una variante de IP que permite emplear datagramas con múltiples destinatarios .

También en este nivel tenemos una serie de protocolos que se encargan de la resolución de direcciones:

ARP (Address Resolution Protocol): cuando una maquina desea ponerse en contacto con otra conoce su dirección IP , entonces necesita un mecanismo dinámico que permite conocer su dirección física . Entonces envía una petición ARP por broadcast ( o sea a todas las maquinas ). El protocolo establece que solo contestara a la petición , si esta lleva su dirección IP . Por lo tanto solo contestara la maquina que corresponde a la dirección IP buscada , con un mensaje que incluya la dirección física . El software de comunicaciones debe mantener una cache con los pares IP-dirección física . De este modo la siguiente vez que hay que hacer una transmisión a es dirección IP , ya conoceremos la dirección física.

RARP (Reverse Address Resolution Protocol): a veces el problema es al revés, o sea, una máquina solo conoce su dirección física, y desea conocer su dirección lógica. Esto ocurre, por ejemplo, cuando se accede a Internet con una dirección diferente, en el caso de PC que acceden por módem a Internet, y se le asigna una dirección diferente de las que tiene el proveedor sin utilizar. Para solucionar esto se envía por broadcast una petición RARP con su dirección física , para que un servidor pueda darle su correspondencia IP.

BOOTP (Bootstrap Protocol): el protocolo RARP resuelve el problema de la resolución inversa de direcciones, pero para que pueda ser mas eficiente, enviando más información que meramente la dirección IP, se ha creado el protocolo BOOTP. Este además de la dirección IP del solicitante , proporciona información adicional, facilitando la movilidad y el mantenimiento de las maquinas.

Nivel de enlace

Este nivel se limita a recibir datagramas del nivel superior (nivel de red) y transmitirlo al hardware de la red. Pueden usarse diversos protocolos: DLC(IEEE 802.2), Frame Relay, X.25, etc.

La interconexión de diferentes redes genera una red virtual en la que las maquinas se identifican mediante una dirección de red lógica. Sin embargo a la hora de transmitir información por un medio físico se envía y se recibe información de direcciones físicas. Un diseño eficiente implica que una dirección lógica sea independiente de una dirección física, por lo tanto es necesario un mecanismo que relacione las direcciones lógicas con las direcciones físicas. De esta forma podremos cambiar nuestra dirección lógica IP conservando el mismo hardware, del mismo modo podremos cambiar  una tarjeta de red, la cual contiene una dirección física, sin tener que cambiar nuestra dirección lógica IP.