Obtene le maxime ab HTML e editores de home page del GeoCities!
Tu es le visitante numero: desde 01 de april de 1998.
Se tu non sape lo que significa HTML, isto es le loco pro tu apprender. Usa iste pagina pro apprender super HTML e crear belle Home Pages. Iste pagina intende esser un referentia breve pro initio de studio e non un libro de texto in profunditate. Illo potera non responder a tote tu questiones.
Tu pote trovar plus facile aperir un secunde fenestra de
browser e vermente travaliar sur tu pagina durante que tu refere
se a iste pagina al mesme tempore. Tu pote facer illo in quasi
ulle browser per seleger "Nove Fenestra" o "Nove
Fenestra de Browser" ab le "Archivo" pulldown
menu.
Io ha create un "shortcut" que va aperir un pro tu e va
conducer te derectemente al pagina de login pro le Gerentiator de
Archivo.
(Clicka ci pro aperir un secunde fenestra de browser!) Isto es tote. Amusa te!
Quando tu te registra pro tu adresso in GeoCities, tu prime
"Home Page" es automaticamente create pro te. Il es un
pagina multe simple ma pote te adjutar a obtener le initio del
saper basic del commandos de HTML.
Se tu ja es loggate intra le File Manager, checka
le cassa proxime a "index.html", e selectiona le option
"Editor Basic de HTML" ab le lista pulldown, e postea
pressiona "Edit". Tu va nunc esser implaciate in le
utilitario "Editor Basic de HTML" e tu potera facer le
alterationes in tu pagina, como tu va leger postea.
Nota: Alcun del items listate infra pote non esser facilemente alterate usante le "Editor Basic de HTML", ma le "Editor Avanciate de HTML" te dara le controlo complete super tote elementos del pagina. Un vice tu deveni familiar con HTML, tu va voler comenciar a usar le "Editor Avanciate de HTML".
HTML significa Hypertext Markup Language. Il consiste de un collection de codigos que son inserite in un documento pro controlar le maniera que le documente sera exhibite per un "web browser" generalmente Netscape Navigator/Communicator o Microsoft Internet Explorer. Proque nunc tu vede iste documente, tu debe usar un web browser. Se illo ha un feature pro exhibir le codice fonte, tu pote veder lo que iste pagina de web pare con le codices exhibite. In Netscape, selectiona VIEW, postea SOURCE ... Se tu es familliar con le codices occulte usate per processatores de textos tal como WordPerfect, tu va ver que le codices de HTML son multe similar. Un documento que contine iste codices es appelate un documento de HTML.
Un documento de HTML debe haber un forma
peculiar, a fin de que illo sera recognoscite e interpretate per
le software browser. Le forma basic es:
| <HTML> <HEAD> <TITLE> </TITLE> </HEAD> </HEAD> <BODY> importante_parte_del_documento_vade_ci </BODY> </HTML> |
Tu deberea notar duo cosas ci. Le codices de apertura son
*brackets (<>), e le codigos de clausura include un *slash
(</>).
Pro exemplo, un documento HTML es aperite per <HTML> e claudite per </HTML>.
Isto es ver pro multe codices, ma non pro totes. Le Editor Basic de HTML del GeoCities (locate intra le File Manager Utility) creara le structura del documento basic pro te.
Le melior maniera pro apprender como usar HTML es usar lo. Tenta le *tips (bon indicationes) sur iste pagina. Cata uno va te inseniar un poc plus.
Colores, image de fundo, e algun altere characteristicas son controlate per le tag <pre> <BODY> </pre>. Le Editor Basic de GeoCities permitte que tu selectiona ab plure different colores de fundo pro tu home page, per le selection ab le multe optiones listate in le menus pulldown.
Tu pote controlar le color del fundo, texto, e links in tu home page per le uso del tag <BODY>. Pro controlar le varie colores sur tu pagina, le tag <BODY> es scripte assi:
<BODY BGCOLOR="#xxxxxx" text="#xxxxxx" link="#xxxxx" vlink="#xxxxx" alink="#xxxxx" >
Tu pode includer ulle del items (bgcolor, text, link, vlink or alink), o omitter ulle de illos. Pro colocar le color del fundo, texto, link, link visitate, o activo, substitute le xxxxxx in le sample supra pro un valor de color. Non coloca le mesme valor pro omne illos, pro que tu non potera veder ulle sur tu pagina.
Ecce alcun colores que tu pote usar:
|
Iste valores representa le valores hexadecimal ab le combination
RGB (rubie, verde e blau) que constitue le color. Le plen
explanation de iste valores es ultra le scope de iste pagina, ma
pote esser trovate in altere parte in le web. Quando tu vede un
color que tu gusta sur alter home page, tu pote usar le
characteristica "view source" de tu browser pro veder
le codigo pro ille color.
Se tu ja es bastante confortabile pro "settar" tu proprie colores, le Editor Basic permitte que tu crea tu proprie linea de tag "BODY" per le non checkage del cassa del menu pulldown locate supra, e includer le tag derectemente intra le section "Body Text".
SUGGESTION: Initia per le addition del tag
| <BODY BGCOLOR="#FFFFFF" text="#000000" link="#0066CC" vlink="#336600" > |
como le prime item in le fenestra "Body Text". Iste te
dara le combination de colores usate sur iste pagina (previste
que tu non checkava le cassa del menu pulldown supra).
Habente facite iste tavalio, tu pote experimentar con differente
colores per le alteration de iste tag.
Pro adder images de fundo in loco de
colores de fundo, tu debe usar le attributo BACKGROUND in
le tag BODY in loco de BGCOLOR. Per exemplo, se tu vole usar un
image appellate "bg.gif" pro tu fundo, le tag deberea
pare como:
| <BODY BGCOLOR="bg.gif" text="#000000" link="#0066CC" vlink="#336600" > |
Nota: le image deve esser locate in tu proprie directory in le
exemplo supra. Se illo es locate in altere loco, tu debera
informar le integre *path a fin de que illo travalia con
successo. Pro plus adjuta re cargar image, per favor vede le
section addente graphicos a tu sito.
Tu pote inserer un linea horizontal (tracio horizontal) in tu documento per le insertion de un tag <hr> Le linea default ha un lagor complete, es tenue e umbrate como isto:
Implementation pro iste tag, que es recognocite per multe browsers, permite plus controlo del apparentia del linea. Per addition de SIZE=NUMBER, le spissor del linea pote esser controlate. Le alineamento pode esser controlate per le addition de ALIGN=LEFT/RIGHT/CENTER. Le largor del linea pote esser adjustate per le addition WIDTH=PERCENT. Un linea nigre pote esser create per le addition del parametro NOSHADE. Combination de iste implementation,
| <hr size=10 align=left noshade width=50%> |
va producer un linea nigre spisse al margine sinistra, in medie pagina del largor.
Nota: Le lineas ornamental usate sur plure paginas de web non son producite per le tag <hr>. Illos son images graphic.
Tu pote crear listas de bullet per le uso del tag <ul> (unordered list). Le formato es:
| <ul> <li>item un <li>item duo <li>item tres </ul> |
Le lista va parer como isto:
Tu pote crear listas numerate per le uso del tag <ol> (ordered list). Le formato es:
| <oll> <li>item un <li>item duo <li>item tres </ol> |
Le lista va parer como isto:
Le maniera plus facile de explicar lo que es un lista de definition es monstrar un. Illos pare se como isto:
Iste es le mesme lista, con le tags visibile:
|
Web browsers recognoce sex nivello de headers.
| <h1>Header nivello un</h1> <h2>Header nivello duo</h2> <h3>Header nivello tres</h3> <h4>Header nivello quatro</h4> <h5>Header nivello cinque</h5> <h6>Header nivello sex</h6> |
Illos va parer como isto:
Tu pote centralisar un texto mittente lo inter le tags <CENTER>.Iste linea:
| <center>Isto es un Test</center> |
va parer como isto:
Isto es un Test
Se plus que un linea de texto son inter le tags, omne lineas sera centralisate.
Tu pote facer le texto apparer bold o italics mittente lo inter le tags como in le sample infra:
| <b>Texto Bold </b> |
Illo va apparer como: Texto Bold
| <i>Texto Italic</i> |
Illo va appare como: Texto Italic
| <b><i>Texto Bold e Italic</i></b> |
Illo va appare como: Texto Bold e Italic
Nota: Il es multo importante que tu
claude le tags, in le mesme ordine que tu aperiva los. In
altere parolas, in le ultime exemplo, il es importante que tu
claude le tag "italics" ante que tu claude le tag
"Bold" (pone le </i> ante </b>.
Retroal indice.
Browsers de web non respecta le maniera que tu formatava tu texto. Illos ignora le retorno del carro e linea de alimentation. A minus que instruction specific esseva date, tu texto sera adjustate al *longor del linea del browser.
Inserente un tag <br> va facer le linea
currente finir e un nove commenciar. Inserente un tag <pr>
va facer le linea currente finir, un linea blank sera inserite, e
un nove linea commenciara.
Retro al index.
Il ha vices que tu vole que tu texto appare justo del maniera
que tu lo dactilographava. Tu pote facer isto ponente un tag
<PRE> al initio del texto e un tag </PREe> al
final. Tu texto va apparer in un fonte de machina a scriber e
conserva ulle *tabulations, linea de alimentation, spatios
multiple, etc. que tu pote ter includite. Per exemplo:
There was a young man from Boston who bought himself a new Austin. He had room for his lass and a gallon of gas but his tie hung out and he lost 'em.
Tu pote face texto o graphicos *blinkar mittente los inter
tags, como in le exemplo infra:
Le codigo
| <blink>Io blinka!</blink> |
appare como isto:
Sia atente, non exaggera in le uso de iste ressource.
Il es facile crear *hotlinks intra tu documentos que pote esser *clickate per le lector pro saltar a un altere parte del documento. Il ha duo passos envolvite.
| <a name="ci_nomine_del_target"> |
| <a href="#ci_nomine_del_target">texto_hotlink</a> |
Le texto_hotlink va aparer sublineate e in le link color. Quando le usator clicka le hotlink, le web browser saltara al texto_target. Retro al indice es un bon exemplo de un hotlink. Usa le *feature VIEW, SOURCE de tu browser pro veder le tags HTML que circumfere le hotlink e le texto target al *topo del indice.
Il es facile crear un hotlink que va facer le browser de web aperir un altere archivo localisate sur le mesme servitor como le archivo ab qual illo es appellate in iste momento. Le formato del tag pro iste specie de link es:
| <a href="path_e_archivo_relative">texto_hotlink</a> |
Se le archivo es in le mesme directorio que es le
archivo vocante, il es solmente necessario specificar le nomine
del archivo. Se le archivo que es vocante es in un directorio
differente, tu debe informar le "path relative e le nomine
del archivo". Per exemplo, se le archivo vocante es in un
directorio appellate "schmoo" e le archivo vocate es
appelate "chick.gif" e es in
"schmoo/graphics", le tag deberea esser scripte <a
href="graphics/chick.gif">. Se le archivo vocante
era in "schmoo/graphics" e le archivo vocate era in
"schmoo", le tag deberea esser scripte
<a href="../chick.gif">. Io placiava un archivo
appelate "chick.gif" in le mesme directorio del archivo
que tu currentemente lege. Iste archivo pote esser aperite con le
sequente hotlink:
| <a href="chick.gif">Open chick.gif </a> |
Tenta iste hotlink (infra), e ergo usa le *key
"back" pro returnar a iste documento.
Aperi chick.gif
Retro al indice.
Le creation de un hotlink que salta a un documento sur altere systema alicubi sur le Internet es multo similar a creation de un link a un documento sur le mesme systema. Le unic differentia es que in vice de usar le *path relative e nomine-de-archivo appellate archivo, le URL (uniform resource locator, o "adresso de internet") es usate. Le link:
| <a href="http://www.geocities.com/P<img src="right.gif" align="bottom">aris/2426/">Va al "The Pullet Surprize"</a> |
te portara al pagina "The Pullet
Surprize" locate a
http://www/geocities.com/Paris/2426/.Tu trovara un link sur illo
pagina pro retornar lo ci, o usa le button "back" sur
tu browser. Tenta lo!
Vade al "The Pullet Surprize"
Retro al index.
Tu pote poner imagines graphic sur tu paginas, se le imagines graphic existe como un archivo separate in tu servitor o alcun altere servitor sur le rete. Le formato del archivo debe esser legibile per le browsers. Io suggere GIF o JPG. Tu pagina non debe depender de graphicos, un vice que algun browsers travalia solmente con texto e non exhibira le graphicos. In su forma plus simple, le tag que ponera le graphico sur le pagina se pare con isto:
| <img src="right.gif" align="bottom"> |
Iste tag facera le archivo graphic appellate
"right.gif", que es in le mesme directorio como le
arquivo que tu lege (index.html) esser exhibite in le position
que illo appererea se ille era texto, como isto:
Tu pote controlar le position del
imagine. Le maniera plus basic de facer isto es tratar lo como
texto. Per exemplo, circumdante le tag de imagine con tags de
centralisation tu obtenera isto: Tu
pote alsi combinar le tag de imagine con altere elementos de tu
documento. Per exemplo, a sequente combination:
| <img src"right.gif" align=bottom><a href="#index">Retro al indice.</a>. |
da iste exhibition:
Il ha multo plus pro esser dicte re imagines graphic, desde que illos son le elementos clave in pagina vermente bon, pote alsi compromitter su pagina deveni lo multo lente. Remane syntonisate. Per favor, nota que le imagine infra es clickabile.
Le Editor basic de HTML del GeoCities permitte a personas
initiante comenciar a crear facilemente un bon homepage per le
plenar le spatios in blanc, ma illo impone alcun limitationes! Un
vice que tu habe basic comprension de como le HTML functiona, tu
pote usar un editor que te da plen controlo de tu pagina.
Le nove e fantastic Editor Avanciato de HTML del GeoCities es
nunc disponibile pro facer exactemente isto, e es un optime
maniera de facer le transition al "ver" HTML.
Se tu vole approfundar se in HTML, tu pote desirar usar un editor in tu proprie computator e tranferer le archivos a GeoCities per FTP o con le EZ Upload Utility (locate intra le File Manager Utility). Le avantage de un editor local super le Editor de HTML del GeoCities es que un bon editor va inserer automaticamente varie tags commun. Le avantage del Editor de HTML del GeoCities super le local editor es que tu non ha besonio de inviar archivos per FTP.
Se tu va usar FTP pro inviar archivos a
GeoCities, tu alsi necessitara Un utilitario FTP. Io usa le
WS_FTP pro isto. Vade a pagina FTP Procedures Page
pro obtener informationes specific super como usar FTP.
Tu alsi pote download ws_ftp ab FTP Procedures page.
Le programmas mentionate supra son pro le PC.
Pro plus information super HTML, tenta iste links.
Retorna al indice. Traducite per: Walter Candido de Oliveira
Iste pagina es hostate per 
Obtene tu
proprie Home Page Gratis
