 costelAdministrator
Postari: 56
|
|
Vreti sa creati o pagina de Internet gata de publicat? Nu aveti nici cea mai mica idee despre html? Sunteti incepator, si aveti multe idei?
Va prezentam cel mai usor mod de a edita si a publica pe web un sit, fara sa stiti prea multe lucruri. Pentru aceasta aveti nevoie de un editor html. Noi am ales sa va prezentam editorul "FrontPage Express" care se gaseste in toate pachetele de Internet Explorer incepand cu versiunea 4.0. Programul este gratuit si foarte usor de utilizat.
FrontPage Express este un editor de pagini web care va ofera acces nelimitat la puterea HTML (Hypertext Markup Language). Puteti folosi programul pentru a realiza si formata paginile web in HTML, lucrand intr-o maniera WYSIWYG ("what you see is what you get" astfel incat modificarile de formatare ale paginii se fac instantaneu si apar in modul grafic.
Cu tehnica avansata FrontPage Express, puteti obtine foarte usor pagini de web puternice si sofisticate.
De exemplu puteti:
Aplica tag-uri HTML din meniu, fara sa fiti nevoiti sa le editati in mod text;
Formata paragrafele, alinierea si textul cu o singura apasare a butoanelor din meniuri;
Insera direct imaginile sau filmele pe care le-ati creat sau clip-art-urile voastre preferate;
Puteti deschide paginile web direct de pe Internet (daca aveti instalat "Web Publishing Wizard" sau dintr-un director aflat in calculatorul dumneavoastra sau din retea;
Salva paginile direct pe Internet (folosind "Web Publishing Wizard" sau le puteti salva local;
Adauga elemente speciale FrontPage: scrolling marquee, text boxes, active X, etc.
Front Page Express ofera multe dintre caracteristicile editorului Front Page Professional, intr-un pachet mai mic. Realizarea unei pagini web se doreste a fi extrem de usoara, echivalentul unei simple sedinte de editare in Word. Toate acestea fiind spuse, trebuie sa incepem cu prezentarea...
Bibliografie selectiva:
-Html by example - Todd Stauffer;
-Web Programming 6 in 1 - Michael Afergan;
-Web Publishing - William Stanek;
-WWW Development - John December;
-Sizzling Html Jalfrezi;
-Netscape JavaScript;
-JavaScript in a week;
-JavaScript Manual of style - Marc Johnson;
-Crearea paginilor Web cu Html 4 - Dave Taylor;
-Gazeta de informatica;
-Editorul FrontPage Express se distribuie gratuit impreuna cu navigatorul Internet Explorer, in care este si inclus, incepand cu versiunea 4.0; Microsoft FrontPage Express este marca inregistrata a Microsoft.
Crearea unui document nou
- Cum editam o pagina HTML -
Pentru a incepe selectati optiunea "New" (nou) din meniul "File" (fisier) sau apasati simultan tastele Ctrl+N. La selectarea acestei optiuni, ca efect vizual, va apare o fereastra cu diferite modele de pagini (Templates), pe care le puteti selecta pentru pagina dumneavoastra de web. In partea de jos a acestei ferestre apare o scurta descriere a modelului de pagina care urmeaza sa fie realizata. Noi va recomandam sa selectati optiunea "Normal Page". Ca urmare a acestei optiuni, programul va crea o pagina goala (blank page), fara nici un element.
Daca ati facut acest prim pas, inseamna ca sunteti pe calea cea buna, si e momentul sa continuati. Unul dintre lucrurile la care trebuie sa va ganditi de la inceput este designul paginii dumneavoastra, care, fara indoiala, trebuie ales foarte atent pentru a nu mari timpul de incarcare a unei pagini la o conexiune standard de 28.8 dial-up. De aceea trebuie sa remarcati in partea dreapat, jos, a ferestrei editorului FrontPage o bara utilitara care va indica timpul de incarcare la conexiunea standard de mai sus.
Un alt lucru important si foarte util pentru dumneavoastra, este faptul ca aveti posibilitatea de a lucra direct cu codul html, unde puteti face modificarile necesare si puteti adauga diferite script-uri. De asemenea, aceasta facilitate este foarte utila la compilarea sitului dumneavoastra. Pentru a lucra direct cu codul html, selectati optiunea "HTML..." din meniul "View". La selectarea acestei comenzi, ca efect vizual, va apare o fereastra in care se poate edita direct codul. Un ajutor important este dat de faptul ca acest cod este colorat standart, pentru a deosebi cel mai bine elementele.Reguli elementare pentru editare
- Ce reguli trebuie respectate -
Inainte de a incepe lucrul, si in timpul lucrului, trebuie sa cunoasteti cateva reguli elementare care va vor fi de folos. Unele reguli de editare sunt obligatorii, si de aceea va recomandam sa nu le neglijati.
Prima regula elementara este aceea ca pagina dumneavoastra de start (prima pagina a sitului) sa se numeasca "index". Numele acesta este util in cazul browserelor care folosesc "auto complete" si este un nume standard. Daca numiti altfel aceasta prima pagina, pot apare unele inconveniente pe server dar care pot fi usor remediate daca apelati la administrator.
Un alt lucru util si care trebuie stiut de la inceput, este acela ca paginile ar trebui salvate cu extensia *.html si nu *.htm deoarece sunt servere mai vechi care nu suporta acest format, si de asemenea pot apare probleme cu unele browsere.
Evitati sa incarcati pagina cu imagini si grafica inutila. Va recomandam sa realizati imaginile in format *.gif sau *.jpeg cu o compresie mare si la dimiensiuni mici. Daca respectati aceasta regula, veti obtine un timp de incarcare relativ scurt, chiar la o conexiune standard de 28.8 pe dial-up.
Selectati optiunea "Page Proprieties" din meniul File. Ca urmare a acestei comenzi, ca efect vizual, va apare o fereastra cu patru liste: "General", "Background", "Margins" si "Custom". In sectiunea "General" aveti posibilitatea de a configura titlul paginii dumneavoastra, titlu care va fi afisat in fereastra browserului. Apoi aveti posibilitatea de a specifica felul in care utilizatorul este directionat in pagina, puteti insera un fundal sonor si puteti configura setul de caractere folosit la codarea ei in html si la decodarea ei in browser. Daca aveti de gand sa inserati un fundal sonor, noi va recomandam un fisier de marimi mici (preferabil *.mid sau *.asf). In general fundalul sonor este inutil si va puteti lipsi de el. Despre setul de caractere cu care ar trebui salvata pagina, va recomandam setul Central European ISO 8859-2 mai ales daca aveti si unele caractere regionale.
In sectiunea "Background" (figura de mai sus) se pot configura fundalul si culorile care apar in pagina dumneavoastra. Puteti sa puneti in fundal o imagine (ex: imagine.gif), cu conditia ca imaginea sa fie de dimensiuni foarte mici. Daca renuntati la imagine in fundal, puteti alege o culoare simpla. Dupa cum se vede mai sus, se poate configura culoarea fundalului ("Background", culoarea textului normal ("Text", si culoarea legaturilor spre alte eventuale pagini, in diferite momente: ("Hyperlink"= pagina care nu a fost accesata"; "Visited Hyperlink"= pagina care a mai fost accesata din pagina dumneavoastra; "Active Hyperlink"= pagina care este incarcata in momentul imediat accesarii ei).In sectiunea "Margins" se pot configura marginile paginii html. Problema cu care se confrunta foarte multi este aceea ca exista browsere care nu recunosc aceste margini (ex: Netscape), fapt care ar determina un alt aspect al paginii cu acest navigator. Daca doriti sa folositi aceasta optiune, va trebui sa recomandati ca browser, Internet Explorer. Calea cea mai buna, este sa evitati sa setati marginile paginii, astfel ele vor fi vazute la fel in toate navigatoarele.In sectiunea "Custom" pe care o vedeti reprezentata in figura de mai sus, se pot configura variabilele din pagina, variabile care necesitau mai demult interventia in codul sursa. De aici nu trebuie sa lipseasca variabilele "keywords" si "robots", deoarece multe motoare de cautare se folosesc de ele. Ca un pont, va sfatuim sa folositi in variabila "keywords" cat mai multe cuvinte cheie, dar in legatura cu continutul paginii, pentru a avea mai multe sanse de a fi gasiti pe web.
O alta posibilitate de a configura variabilele, este aceea a editarii directe a codului sursa. La final, inceputul codului dumneavostra html ar trebui sa arate in felul urmator:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta name="Date" content="10/11/96">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<meta name="Keywords" content="internet, exemplu,lectie">
<meta name="Language" content="romanian">
<meta name="Robots" content="All">
<meta name="Version" content="8.0.3410">
<title>Exemplul meu de pagina HTML</title>
</head>
<body background="imagine.gif" bgcolor="#FFFFFF" text="#000000"
link="#0000FF" vlink="#800080" alink="#FF0000">
Unele variabile cum ar fi "Date", "Generator" sau "Version" pot lipsi din codul dumneavoastra.
Culorile cu care putem lucra
- Ce culori sunt acceptate in format literal sau hexazecimal -
Nume culoare Valoare hexazecimala
ALICEBLUE #A0CE00
ANTIQUEWHITE #FAEBD7
AQUA #00FFFF
AQUAMARINE #7FFFD4
AZURE #F0FFFF
BEIGE #f5f5DC
BISQUE #FFE4C4
BLACK #000000
BLAncHEDALMOND #FFEBCD
BLUE #0000FF
BLUEVIOLET #8A2BE2
BROWN #A52A2A
BURLYWOOD #DEB887
CADETBLUE #5f9EA0
chARTREUSE #7FFF00
chOCOLATE #D2691E
CORAL #Ff7f50
CORNFLOWERBLUE #6495ED
CORNSILK #FFf8DC
CRIMSON #DC143C
CYAN #00FFFF
DARKBLUE #00008B
DARKCYAN #008B8B
DARKGOLDENROD #B8860B
DARKGRAY #A9A9A9
DARKGREEN #006400
DARKKHAKI #BDB76B
DARKMAGENTA #8B008B
DARKOLIVEGREEN #556B2F
DARKORANGE #Ff8C00
DARKORchID #9932cc
DARKRED #8B0000
DARKSALMON #E9967A
DARKSEAGREEN #8FBC8F
DARKSLATEBLUE #483D8B
DARKSLATEGRAY #2f4f4F
DARKTURQUOISE #00CED1
DARKVIOLET #9400D3
DEEPPINK #Ff1493
DEEPSKYBLUE #00BFFF
DIMGRAY #696969
DODGERBLUE #1E90FF
FIREBRICK #B22222
FLORALWHITE #FFFAF0
FORESTGREEN #228B22
FUchSIA #FF00FF
GAINSBORO #DCDCDC
GHOSTWHITE #f8f8FF
GOLD #FFD700
GOLDENROD #DAA520
GRAY #808080
GREEN #008000
GREENYELLOW #ADFf2F
HONEYDEW #F0FFF0
HOTPINK #Ff69B4
INDIANRED #CD5C5C
INDIGO #4B0082
IVORY #FFFFF0
KHAKI #F0E68C
LAVENDER #E6E6FA
LAVENDERBLUSH #FFF0f5
LEMOncHIFFON #FFFACD
LIGHTBLUE #ADD8E6
LIGHTCORAL #F08080
LIGHTCYAN #E0FFFF
LIGHTGOLDENRODYELLOW #FAFAD2
LIGHTGREEN #90EE90
LIGHTGREY #D3D3D3
LIGHTPINK #FFB6C1
LIGHTSALMON #FFA07A
LIGHTSEAGREEN #20B2AA
LIGHTSKYBLUE #87CEFA
LIGHTSLATEGRAY #778899
LIGHTSTEELBLUE #B0C4DE
LIGHTYELLOW #FFFFE0
LIME #00FF00
LIMEGREEN #32CD32
LINEN #FAF0E6
MAGENTA #FF00FF
MAROON #800000
MEDIUMAQUAMARINE #66CDAA
MEDIUMBLUE #0000CD
MEDIUMORchID #BA55D3
MEDIUMPURPLE #9370DB
MEDIUMSEAGREEN #3CB371
MEDIUMSLATEBLUE #7B68EE
MEDIUMSPRINGGREEN #00FA9A
MEDIUMTURQUOISE #48D1cc
MEDIUMVIOLETRED #C71585
MIDNIGHTBLUE #191970
MINTCREAM #f5FFFA
MISTYROSE #FFE4E1
NAVAJOWHITE #FFDEAD
NAVY #000080
OLDLACE #FDf5E6
OLIVE #808000
OLIVEDRAB #6B8E23
ORANGE #FFA500
ORANGERED #Ff4500
ORchID #DA70D6
PALEGOLDENROD #EEE8AA
PALEGREEN #98FB98
PALETURQUOISE #AFEEEE
PALEVIOLETRED #DB7093
PAPAYAWHIP #FFEFD5
PEAchPUFF #FFDAB9
PERU #CD853F
PINK #FFC0CB
PLUM #DDA0DD
POWDERBLUE #B0E0E6
PURPLE #800080
RED #FF0000
ROSYBROWN #BC8f8F
ROYALBLUE #4169E1
SADDLEBROWN #8B4513
SALMON #FA8072
SANDYBROWN #f4A460
SEAGREEN #2E8B57
SEASHELL #FFf5EE
SIENNA #A0522D
SILVER #C0C0C0
SKYBLUE #87CEEB
SLATEBLUE #6A5ACD
SLATEGRAY #708090
SNOW #FFFAFA
SPRINGGREEN #00Ff7F
STEELBLUE #4682B4
TAN #D2B48C
TEAL #008080
THISTLE #D8BFD8
TOMATO #Ff6347
TURQUOISE #40E0D0
VIOLET #EE82EE
WHEAT #f5DEB3
WHITE #FFFFFF
WHITESMOKE #f5f5f5
YELLOW #FFFF00
YELLOWGREEN #9ACD32
Hehehe!!Pentru azi ce ziceti ajunge sau mai vreti???
291/143px 12.7KB
11-06-2005 13:32:26
bengossul
Vizitator
=D
Thanks man !
11-06-2005 15:39:10
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Setul de caractere ISO-Latin-1
- Ce caractere sunt acceptate in format literal sau hexazecimal -
Caracter Entitate numerica Valoare Hex Entitate caracter Descriere
�- 00-08 Nefolosit
09 Tab orizontal
0A Line feed
- 0B-1F Nefolosit
20 Spatiu
! ! 21 Semul exclamarii
" " 22 " Ghinimele
# # 23 Diez
$ $ 24 Semn dolar
% % 25 Semn procent
& & 26 & Si
' ' 27 Apostrof
( ( 28 Paranteza stanga
) ) 29 Paranteza dreapta
* * 2A Asterisc
+ + 2B Semnul plus
, , 2C Virgula
- - 2D Minus
. . 2E Punct (stop)
/ / 2F Solidus (slash)
0-9 0-9 30-39 Digiti 0-9
: : 3A Doua puncte
; ; 3B Punct si virgula
< < 3C < Mai mic
= = 3D Egal
> > 3E > Mai mare
? ? 3F Semnul intrebarii
@ @ 40 A rond
A-Z A-Z 41-5A Litere A-Z
[ [ 5B Paranteza patrata spre stanga
\ 5C Solidus intors (backslash)
] ] 5D Paranteza patrata spre dreapta
^ ^ 5E Caret
- _ 5F Bara orizontala
` ` 60 Accent grav
a-z a-z 61-7A Litere a-z
{ { 7B Acolada dreapta
| | 7C Bara verticala
} } 7D Acolada stanga
~ ~ 7E Tilda
- 7F-A0 Nefolosit
¡ ¡ A1 Semnul exclamarii inversat
¢ ¢ A2 Simbol cent
£ £ A3 Lira sterlina
¤ ¤ A4 Semn moneda
Â¥ ¥ A5 Yen Japonez
| ¦ A6 Bara verticala taiata
§ § A7 Semn sectiune
¨ ¨ A8 Umlaut (dieresis)
" © A9 © (NHTML) Copyright
ª ª AA Ordinal feminin
‹ « AB Ghinimele unghi stanga, guillemot
¬ ¬ AC Nul
- AD Liniuta
‚ ® AE ® (HHTM) Marca inregistrata
¯ ¯ AF Accent macron
Grafica este unul dintre lucrurile cele mai atractive la un sit. Chiar daca situl dumneavoastra prezinta informatii importante, este posibil ca o grafica incarcata sau plasata necorespunzator, sa va alunge vizitatorii.
Inainte de a incepe, trebuie sa stiti ca o pagina complexa din punct de vedere grafic, se incarca mai greu, deci va recomandam sa inserati doar imaginile care sunt necesare. Nu uitati sa verificati formatul imaginilor si calitatea lor. Din aceasta perspectiva, noi va recomandam imagini in format *.gif sau *.jpeg . Ca sa va hotarati mai bine, iata un tabel util cu comparatiile dintre aceste formatele grafice pentru Internet: + 1=Da 0=Nu
GIF87a GIF89a JPEG P-JPEG PNG
Profunzime de culoare 8-bit 8-bit 24-bit 24-bit 48-bit
Tipul compresiei Fara pierderi Fara pierderi Cu pierderi Cu pierderi Fara pierderi
Intretesere 1 1 0 1 1
Animatie 0 1 0 0 0
Transparenta 0 1 0 0 1
Transparenta variabila 0 0 0 0 1
Corectie Gamma 0 0 0 0 1
Navigatoare Explorer, Navigator Explorer3, Navigator2 Explorer2, Navigator2 Explorer4, Navigator4 Explorer4, Navigator4
Dupa ce ati prelucrat si ati ales imaginile pe care sa le inserati in pagina, creati pentru o organizare buna, in directorul in care sunt paginile dumneavostra, un subdirector numit "imagini", in care copiati imaginile mentionate mai sus. ATENTIE: Imaginile trebuie sa fie in directorul sitului in momentul inserarii lor, si nu trebuie sa le fie ulterior modificata pozitia. Inserarea imaginii se face prin selectarea comenzii "Image..." din meniul "Insert".
137/157px 6.9KB
11-06-2005 20:07:13
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Ca urmare a comenzii de mai sus, va apare o fereasta (vedeti figura de mai jos) in care va putea fi specificata calea imaginii respective. Dupa cum se vede, puteti accesa optiunea "From File", avand astfel acces la o imagine din directorul cu imagini care l-ati facut, asa cum v-am recomandat mai sus, daca lucrati in modul "Offline" (nu aveti acces direct la Internet). Daca lucrati in modul "Online", puteti accesa optiunea "From Location" si astfel puteti insera o imagine de oriunde de pe Internet daca-i specificati calea corecta.
406/185px 11.7KB
11-06-2005 20:09:35
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Daca ati trecut cu bine si de acest pas, aveti posibilitatea de a prelucra imaginea in document, dupa cum se vede mai jos. In prima imagine este prezentat modul de redimensionare a imaginii. Trebuie doar sa selectati imaginea si sa va pozitionati cursorul pe unul din punctele imaginii. Dupa aceasta veti putea repozitiona imaginea, cum doriti fara a se modifica fisierul initial, dar schimbandu-se considerabil calitatea grafica, dupa cum veti observa si dumneavoastra. O alta facilitate este meniul de optiuni ale imaginii, accesabil in momentul in care apasati butonul drept al mouse-ului. Asa cum se vede si in Figura 2, aveti posibilitatea de taiere ("Cut", de copiere ("Copy" si de lipire ("Paste", in functie de doleante. La apasarea simultana a testelor Alt+Enter sau la selectarea comenzii "Image Proprieties" va apare o fereastra cu optiuni de setare a proprietatilor imaginii.
286/145px 10.8KB
11-06-2005 20:11:08
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Fereastra "Image Proprieties" (prezentata in imaginea de mai jos), va ofera posibilitatea de a integra mai bine imaginea inserata in pagina dumneavoastra de web. In lista "General" se poate configura comportamentul imaginii in pagina HTML. Daca introduceti un text in casuta "Alternative Representation/Text", in momentul in care va veti pozitiona cu cursorul pe imagine, in browser, mesajul va fi afisat. De asemenea aveti posibilitatea de a introduce un link in pagina, astfel incat in momentul accesarii cu un simplu clic a imaginii in browser, sa fiti directionati spre o alta pagina sau spre alt fisier. Inserarea acestui link se face in casuta "Default Hyperlink/Location". Tot in aceasta fereastra, dar in lista "Appearance", puteti configura dimensiunile imaginii, marginile, si chenarul imaginii. Daca doriti, puteti lucra la inserarea unei imagini, direct in codul html dupa cum urmeaza:
<p align="center"><a href="ajutor.html"><img border="0" src="imagini/poza.gif" alt="Apasati aici" width="388" height="336"></a></p>
Codul de mai sus descrie imaginea "poza.gif" din directorul "imagini", centrata in mijlocul paginii, cu dimensiunile 388/336, directionata spre pagina "ajutor.html" si cu textul alternativ "Apasati aici".
388/336px 26.4KB
11-06-2005 20:15:24
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Inserare de text
- Cum intraducem informatia propriu-zisa -
Limbajul Html este un limbaj pentru descrierea documentelor structurate si se bazeaza pe faptul ca majoritatea documentelor au elemente comune: titluri, paragrafe, tabele. Limbajul poseda marcaje pentru realizarea tuturor acestor elemente. In figura de mai jos vedeti meniul "Format" dedicat manipulari textului.
167/137px 7.5KB
11-06-2005 20:22:54
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Titluri
Pentru ierarhizarea sectiunilor documentului se pot utiliza diferite nivele de titluri, acestea diferind prin marime si "ingrosare". Titlurile nu sunt numerotate, dar navigatoarele afiseaza titlurile astfel incat sa iasa in evidenta fata de textul obisnuit. Lungimea unui titlu nu este limitata.
Limbajul Html defineste sase nivele de titluri intr-un document, fiind folosite tag-urile:
<H1> titlu de nivel 1 </H1>
<H2> titlu de nivel 2 </H2>
<H3> titlu de nivel 3 </H3>
<H4> titlu de nivel 4 </H4>
<H5> titlu de nivel 5 </H5>
<H6> titlu de nivel 6 </H6>
Pentru afisarea centrata a titlurilor se poate folosi tagul <CENTER>...</CENTER>, dupa cum observati la titlul acestui subcapitol. De altfel, orice element introdus in marcajul Center va fi afisat centrat in pagina.
Iata cele 6 tipuri de titlu, afisate mai jos, de culoare albastra:
Titlul de nivel 1 -cel mai mare
Titlul de nivel 2
Titlul de nivel 3
Titlul de nivel 4
Titlul de nivel 5
Titlul de nivel 6 -cel mai mic
Paragrafe
In limbajul Html, paragraful este introdus in documente prin tagul <P>. Primele versiuni Html definesc acest tag ca fiind un marcaj vid, deci fara un corespondent </P>. La intalnirea marcajului de paragraf, navigatorul lasa cateva randuri libere intre paragraful care tocmai s-a terminat si paragraful care tocmai incepe, deci nu se lasa un "alineat" la inceputul paragrafului asa cum se intampla cu tipariturile clasice. Incepand cu Html 2.0 tagul <P> este nevid, insa tagul </P> este optional. Daca nu se foloseste marcajul in forma container, paragraful se va termina la intalnirea unui alt marcaj <P>
Daca se doreste doar terminarea unui rand intr-un anumit loc si continuarea pe urmatorul rand, se va folosi tagul vid <BR>.
Pentru a delimita sectiunile unui document este prevazut si marcajul care introduce o linie orizontala. Acesta este primul marcaj invatat de noi pentru care rezultatul obtinut va diferi de la un navigator la altul (mai precis de la Internet Explorer - prescurtat IE si Netscape Navigator).
Marcajul este <HR> si are rolul de a trasa o linie orizontala pe toata latimea ferestrei navigatorului.
Internet Explorer permite utilizarea anumitor atribute pentru acest marcaj, si anume:
>Size = valoare_numerica - precizeaza grosimea in pixeli a liniei;
>Color = culoare - specifica o culoare pentru linie (vezi capitolul 6 - Culori si imagini)
>Width = val_numerica_sau_procent - spune cat de mare sa fie linia in raport cu marimea ferestrei navigatorului
In exemplul de mai jos vedeti diverse tipuri de linii (daca vizualizati documentul cu IE):
linie obisnuita
--------------------------------------------------------------------------------
linie de grosime 5
--------------------------------------------------------------------------------
linie albastra de grosime 3
--------------------------------------------------------------------------------
linie de 50 pixeli lungime
--------------------------------------------------------------------------------
linie cu lungimea de 40% din marimea ferestrei
Acest efect a fost obtinut prin urmatorul cod Html:
<HR> <Center>linie obisnuita</Center><BR>
<HR Size=5> <Center>linie de grosime 5 </Center><BR>
<HR Size=3 Color="red"> <Center>linie rosie de grosime 3 </Center><BR>
<HR Width=50> <Center>linie de 50 pixeli lungime </Center><BR>
<HR Width=40%> <Center>linie cu lungimea de 40% din marimea ferestrei </Center><BR>
De retinut ca Netscape nu implementeaza si atributul de culoare a liniilor, deci toate liniile sunt de aceeasi culoare.
O cale usoara de inserare a unei linii cu FrontPage, se face accesand comanda "Insert/Horizontal Line" din meniul principal. Ca urmare a acestei comenzi, programul va insera o linie standard, care ulterior va putea fi modificata, asa cum este ilustrat si in figura de mai jos.
353/230px 19KB
11-06-2005 20:26:43
horsegun
Pe lista neagra
Inregistrat: 20-04-2005
Fereastra de mai sus descrie proprietatile unei linii orizontale. "Width" configureaza lungimea liniei (100=intindere pe toata latimea ferestrei) iar "Height" configureaza inaltimea care standard este 2. De asemenea se poate configura si culoarea liniei "Color", culoare care insa va fi vizibila numai cu un navigator ca Internet Explorer.
Stilurile caracterelor
Tagurile pentru titluri, paragrafe, liste afecteaza blocul de text continut in ansamblul sau, schimband fonturile si spatierea verticala. Tagurile pentru stilurile caracterelor afecteaza modul in care sunt afisate cuvintele continute: cursiv, ingrosat, subliniat.
Stilurile fizice indica navigatorului cum sa afiseze textul continut, fiind definite urmatoarele marcaje:
<B> Acesta va fi un text ingrosat </B>
<I> Acesta va fi un text cursiv </I>
<U> Acesta va fi un text subliniat </U>
Aceste taguri se pot combina pentru obtinerea textelor cursive si ingrosate, ingrosate si subliniate, e.t.c
Stilurile logice indica doar cum anume va fi utilizat textul marcat, lasand la latitudinea navigatorului modul de afisare. Tagurile logice indica doar faptul ca textul este o definitie, o bucata de cod sau doar o portiune de text care trebuie scoasa in evidenta in raport cu restul documentului. Tagurile definite de Html sunt:
<EM>...</EM> - text accentuat
<STRONG>...</STRONG> - text puternic accentuat
<CODE>...</CODE> - secventa de cod afisata cu font fix
<DFN>...</DFN> - definitie sau cuvant ce urmeaza a fi definit
<CITE>...</CITE> - citat scurt
<BLOCKQUOTE>...</BLOCKQUOTE> - citat lung
<ADDRESS>...</ADDRESS> - informatiile cu privire la autor si la adresa acestuia
dar navigatoarele nu le interpreteaza pe toate conform specificatiilor din Html. De exemplu, in IE nu veti putea vedea vreo diferenta intre un text ingrosat si un text marcat cu <Strong> Nu este bine sa abuzati de aceste marcaje, ele fiind utile doar pentru scoaterea in evidenta a anumitor portiuni din document, utilizarea lor excesiva ducand la obtinerea unui text greu lizibil si enervant.In momentul in care veti dori sa modificati textul, fereastra de mai sus va fi afisata. Aceasta fereastra clasica permite selectarea unui font, a marimii acestuia, si a culorii. Remarcati in partea dreapta jos, a ferestrei sectiunea "Sample" (Mostra Text).
361/265px 25.4KB
11-06-2005 20:29:00
swiss
Membru Puf
Mesaj Privat
Inregistrat: 11-08-2005
super )) deci asa se facea?????)
vb serios bravo
_______________________________________
NU exista atei in transhee!
11-08-2005 15:39:01 E-mail
Phoenix
Membru Puf
Mesaj Privat
Inregistrat: 30-10-2005
Man dak se poate pune shi u un tutorial ceva
_______________________________________
"Cel mai neinteligibil lucru despre lume este ca e inteligibila." Albert Einstein
06-11-2005 00:48:05
2pac
Membru Junior
Mesaj Privat
Din: iasi
Inregistrat: 09-08-2005
shi cam pe undei a?... ca nu lam gasit desi toate "IE il au incorporat"
_______________________________________
nic' nu-mi vine..vreo sugestie?
11-11-2005 19:46:01 E-mail | Site
ReluA
Membru Gold
Mesaj Privat
Din: Tulcea
Inregistrat: 08-10-2005
Hm ma gandeam de unde ai chestiile astea ca doar nu le-ai scris tu dar totusi ai putea sa ne dai si noua adresa !!!
|
|
