Ta vadnica opisuje stran z uporabo HTML in CSS, ki zajema vse faze: razvoj spletnih strani,
ustvarjanju računa na brezplačno gostovanje, in na koncu nalaganje datotek našo spletno stran na to gostovanje, brezplačno gostovanje je hiter način dajanja spletne strani naše spletne v nekaj minutah, slabost te metode je, da bomo imeli nekaj oglasi prikazani v vsakem trenutku na vrhu (Glava zgoraj).
Vsakdo, ki želi odpreti spletno stran, morate vedeti, HTML in CSS, ni treba biti strokovnjak v HTML (Hyper Text MArkupe Language), vendar so nekatere informacije o kodi nujno potrebne za razumevanje, kako te stvari delujejo.
Tudi če ste graditi eno mesto, še vedno imate, da nimajo pojma, kaj se dogaja s temi datotekami bo potrebno periodično popravek napak ali doseganje sprememb.
Mnogi ljudje bežijo od kode, mnogi podobno kodo hieroglifom, to sploh ni tako, nekdo je nekoč rekel: "KODA JE POEZIJA", imel je prav, ko vidiš, da se iz vrste vrstic kode nekaj rodi, se počutiš čudovito, zgradiš virtualni svet samo s tipkovnico in miško.
Dolgo smo uporabljali aplikacije, ki so jih gradila programska podjetja, delali smo le računalniško delovanje, čas je, da naredimo programiranje, pravzaprav to ni programski jezik, je "označevalni jezik", vendar se bomo sklicevali na je kot programski jezik, ker se sliši precej čuden "označevalni jezik", HTML je eden najlažjih programskih jezikov (označevanje), ki se danes uporablja, HTML vidimo na katerem koli spletnem mestu, veliko programske opreme je v so sestavni del HTML-ja, tega programskega jezika je povsod, čas je, da se ga naučite.
Prvič, ko je lahko manj zastrašujoč, vendar če ste previdni, kot boste takoj razumeli, da ni vse tako težko, so preproste in lepe stvari, smo ustvarili nekaj, kar z rokami, da je najbolj pomembna stvar.
Spoznali bomo osnove, nato pa smo se naučili, kako se vnos besedila na spletni strani, nato pa bomo uredili in bo barvo besedila, ki jih uporabljamo stran slog CSS a (Cascading Style Sheets), s katerim bo lahko uvrstimo vse elemente strani HTML na vse, tako da bo mesto na naši spletni strani je narejen, da izgleda kot en kos.
Naučili se boste preprostih tehnik, osnovni HTML in CSS, čeprav so te osnovne stvari v HTML in CSS, bo ustvarilo pregled prijetno.
Za to tutorski, morate se oborožite s pozornostjo in potrpežljivost, ta tutorial ni nekaj, kar si lahko privoščimo, da opravljajo malo, če pomikanje nekaj sekundah lahko zamudili nekaj zelo pomembnega, in boste videli, potem ni več smisla, koncentracija informacije, je zelo visoka in zato vas prosim, da je zelo, zelo previdni.
Po tem tečaju, celo intenzivno seveda bom rekel, boste imeli boljšo predstavo, kaj HTML in CSS, lahko nadzor kodo dobro in boste popolnoma razumeli dokument HTML, občutek, da je HTML ni le niz heroglife pregnale, veš kaj je to, če pogledaš na HTML ali CSS eno.
Spoznali bomo oznak (tags), imamo tukaj nekaj primerov oznak (tags), ki jih lahko uporabite v dokumentu HTML, ne skrbi, ne bo treba jih zapomniti vse, kar potrebujete, da se naučijo samo osnov v prvi tabeli ostalo je na voljo tukaj na spletni strani ali na net, ko jih potrebujete.
Tudi tabele se naloži te oznake, so narejeni z uporabo HTML.
Osnovni elementi (oznake).
Določa format datotek spletu z | |
glava dokumenta | |
Tilul dokument | |
HTML stran telesa | |
bgcolor = barva | Barva ozadja strani |
TEXT =barva | Barva besedila na strani |
LINK =barva | Neobiskane povezava barva stran |
VLINK =barva | Obiskal barva povezava na stran |
ALINK =barva | Barva povezave med uporabnikom klik exacutat |
OZADJE = url | Ozadje slike strani |
odstavek | |
<Hn> <Hn> | Podnaslov ravni dokumenta (n = 1-6) |
Posebne lastnosti okvirju besedila | |
SIZE =n | Velikost besedila je 1-7 |
FACE ="A, b" | Določite pisavo: aČe je na voljo, ali b |
COLOR =s | Barva besedila: ali ime barve ali vrednost RGB |
novo vrstico | |
informacije kupijo | |
HTML Comenatriu | |
Material centri v stran | |
vodoravno ravnilo | |
SIZE =x | višina vladar v pikslih |
WIDTH =x | Širina vladar v pikslih ali odstotkih |
NOSHADE | Onemogoči prikaz sence na ravnilu |
PORAVNAJTE =x | Poravnava vodoravno ravnilo na strani (levo, v sredini, desno) |
COLOR =x | Barva vodoravno ravnilo (samo IE) |
Mark vrste sidro | |
href =url | referenčna hypertext |
href =#name | Sklicevanje na notranjem sidro |
Ime =ime | Opredelitev notranjih sider |
Predmeti na seznamih .
Opis opredelitev | |
opredelitev Vrsta seznama | |
v definiciji | |
Seznam Feature | |
<OL | Urejen seznam (oštevilčenih) |
TYPE =Nasvet | Oštevilčenje. Možne vrednosti: A, A, I, i, 1 |
START =x | Število začel naročenega seznama |
<UL | Neurejen seznam (z oznako) |
TYPE =Obrazec | Oblika zaznamek. Možne vrednosti: krog, kvadrat, disc. |
Character oblikovanja elementov .
Lepljenje besedila v krepkem tisku | |
Lepljenje besedila v poševnem tisku | |
Paste poudarjeno besedilo | |
Enopresledna besedilo pisave | |
citiranje bibliogarfica | |
Ad Program | |
Style poudarjanje logika | |
Besedilo tipkovnica | |
Poudarjanje močno logiko | |
Programa ali spremenljiva | |
<OSNOVNA PISAVA SIZE = n> | Določa privzeto velikost pisave strani |
Elementi za okvirje .
Definiranje pisanje stran | |
COLS =x | Število in relativna velikost stolpcev |
ROWS =x | število in relativna linije velikosti |
BORDER =x | Določi stanje "vklopljeno" ali "izklopljeno" za okvir FRAMESET (1 ali 0) |
frameborder = x | Določi velikost okvirja |
FRAMESPACING = x | Količina prostora med dvema sosednjima okvirji |
Opredelitev določenega okvirja | |
SRC =url | URL vir okvirja |
NAME =ime | Ime okvirja (uporablja se skupaj s TARGET = ime kot del sidrne oznake |
Drsenje =SCRL | Določite možnost bar derulare.Valori mogoče: o (aktiviranje), off (v mirovanju), samodejno (avtomatsko) |
frameborder =x | Velikost meje okoli okvirja |
marginheight =x | Dodaten prostor nad in pod določeno okvira |
marginwidth =x | Suplimetar prostor levo in desno za poseben |
Oddelek stran prikazana uporabnikom, ki ne vidijo okvir | |
Okvir (samo (IE) | |
SRC =url | vir okvir |
NAME =s | Ime okno (uporabno za TARGET) |
HEIGHT =x | Vgrajeni višina okvirja |
WIDTH =x | Vgrajeni širina okvirja |
Elementi za tabele .
miza HTML | |
BORDER =x | miza meja |
odmik celice =x | Dodaten prostor v celicah tabele |
razmik med celicami =x | Dodaten prostor med celic tabele |
WIDTH =x | Naložena širina table |
FRAME =vrednost | Fina nastavitev mize |
PRAVILA =vrednost | Vladarji fina nastavitev tabele |
borderColor = barva | Specifikacije Tabela meja barva |
BORDERCOLORLIGHT = barva | Svetlejše barve dveh barv navedeni |
BORDERCOLORDARK = barva | Temnejša barva dveh barv navedeni |
PORAVNAJTE =levo | Usklajuje mizo na levi rob strani, besedilo teče desno stran |
PORAVNAJTE =Pravica | Usklajuje tabelo na desni rob strani in besedilo, ki teče v levo |
hspace =x | Suplimetar horizontalni prostor za mizo |
vspace =x | Suplimetar navpični prostor okoli mizo |
COLS =x | Določi število stolpcev tabele |
Določa nabor definicij stolpcev z uporabo označevanja | |
<COL WIDTH =x> | Definira širino stolpca v pikslih |
Določa naslov tabele | |
Določa tabelo telo | |
miza Line | |
bgcolor =barva | Določa barvo ozadja za celotno linijo |
PORAVNAJTE =poravnava | Cell usklajevanje na trenutne vrstice (levo, v sredini, desno) |
Podatki celica tabele | |
bgcolor =barva | Določa barvo ozadja za podatke mobilni |
colspan =x | Število stolpcev, ki zajema trenutni podatki celic |
rowspan =x | Število vrstic, ki se raztezajo trenutne podatke celic |
PORAVNAJTE =poravnava | Poravnava strukturo celice date.Valori mogoče: (levo, desno, center) |
valign =poravnava | Vertikalna poravnava materiala iz celice date.Valori mogoče: (zgoraj, spodaj, na sredini) |
OZADJE =url | Določa sliko za ozadje celice v tabeli |
NoWrap | Ne dovolite, da delitev vrstic besedila znotraj celice |
PORAVNAJTE =izhodiščno | Uskladiti podatkovnih celic z izhodiščem v sosednji besedila |
PORAVNAJTE =značaj | Poravna stolpec z določenim znakom (privzeti znak je ".") |
PORAVNAJTE =upravičujejo | Poravnajte tako levi rob in desni rob besedila |
Postavke za dodajanje slik.
<IMG | Označevanje vhodne slike |
SRC =url | grafični vir datoteke |
ALT =besedilo | Alternativna besedilo za prikaz, če je to potrebno |
PORAVNAJTE =poravnava | Poravnava sliko na strani. Možne vrednosti: top (zgoraj), srednji (v sredini), od spodaj (spodaj), levo (levo), desno (desno) |
HEIGHT =x | višina slike (v pikslih) |
WIDTH =x | širina slike |
BORDER =x | Okvirja okoli sliko, kadar se uporablja kot hiperpovezave |
hspace =x | Dodaten prostor okrog slike vodoravno (v pikslih) |
vspace =x | Dodaten prostor okrog slike navpično (v pikslih) |
Obrazci elemente.
Aktivna oblika HTML | |
AKCIJA =url | CGI Program na strežniku, ki sprejema podatke |
METODA =metoda | Kako se podatki prenašajo na strežnik (GET ali POST) |
<VNOS | Camp besedilo ali drugih vhodnih podatkov |
TYPE =možnost | Vrsta vnosnega polja . Možne vrednosti: besedilo, geslo, potrditveno polje, skrito, datoteka, Radio, predloži novega, slike. |
NAME =ime | Polje simbolično ime vrednost |
VREDNOST =vrednost | polje z besedilom vsebina privzeto |
Preverjeno = možnost | Button / polje označeno privzeto |
SIZE =x | Število znakov v besedilnem polju |
SIZE =x | Največje dovoljeno število znakov |
potrditvena polja skupina | |
NAME =ime | Polje simbolično ime vrednost |
SIZE =x | Število elementov menija, ki so prikazani enkrat (privzeto = 1) |
VEČ =x | Omogoča večkratno izbiro menijskih postavkah |
<MOŽNOST | Posebna izbira na področju |
VREDNOST =vrednost | Dobljeno vrednost tega izbirnega menija |
Camp ojačitev besedilo na več linij | |
NAME =ime | Polje simbolično ime vrednost |
ROWS =x | Število vrstic besedilno polje |
COLS =x | Število stolpcev (znakov) na liniji besedilno polje |
Delite logično obliko v delih | |
Ime povezan niz polj (fieldsets) | |
PORAVNAJTE =s | Določite legendo poravnavo (razlage) Prikazani (zgoraj, spodaj, levo, desno) |
tabindex =x | Določiti vrstni red postavk, ko uporabnik pritisne tipko Tab |
ACCESKEY =c | Ki določa poseben ključ bližnjico na tipkovnici, povezane z določeno točko |
INVALIDOV | Element je nedejavna, vendar se prikaže na zaslonu |
samo za branje | Element se prikaže na zaslonu, vendar jih ni mogoče urediti |
Napredni elementi.
Posebne informacije o vzorčnih stilov | |
TYPE =val | Vrsta modela sloga. Običajno "text / css" |
Ponavadi vključuje skript Javascript na vaši spletni strani | |
LANGUAGE =jezik | Uporabljeni jezik |
DOGODEK =Dogodek | Dogodek, ki sproži izvajanje posebnih skript |
ZA =numeobiect | Predmet Ime stran, na kateri deluje skripta |
Če želite obiskati spletno stran izvajajo vaje, lahko dostopate na tem naslovu: http://www.videotutorial.150m.com.
Priporočam vam razširite prilogo in preučiti tri datoteke HTML ali CSS datoteko z beležnico ++ ali drug program za urejanje spletne strani na ta način lahko spreminjate Cau lahko celo zapiske v njem pa boste izvedeli html brez tebe računa.
Si Vam prijetno in vas pozdravljam v naslednjih vajah v tej seriji in drugod.
Poglej komentarje (333)
Zelo lepo, tone informacij v tej vadnici.
Ta vodič lahko imenujemo infuzijo HTML in CSS.
Morda ne boste dobili, da se naučijo v nekaj mesecih lahko izvedeli tukaj v uro ali tako, sem videl vse pred objavo, in lahko rečemo, da je navdušil citiram informacije mogoče vgraditi v vajah.
V nekem trenutku sem začutil, da je treba piti vodo, čeprav sem gledal samo na vajah, niti ni želim razmišljati, citira Dan pil vodo po tem.
Nekaj je, da ne učijo HTML in / ali CSS po tem tečaju.
Aoleu, česa se poskušam naučiti približno 3 mesece, očitno nimam časa ...
Hvala, sem ga skrbno pazi!
ja, prav imaš, Cristi, vendar sem razočaran, ker sem mislil, da boš naredil vadnico :( ampak vseeno bravo dan zelo dobra vadnica
Ni lepo, kar ste rekli, in iskreno vam povem, ta človek se je približno uro in pol boril, da bi vas naučil, kako spletno stran narediti iz nič, in pravite, da ste razočarani, ker tega ni naredil? Predstavljajte si, koliko dela je človek vložil in koliko časa ga je izgubil, da nas je naučil osnov html in css, pomislite, preden odprete usta, da vam ne bi ustrezalo, da oddate delo, in nato pustite druge nepotrebne komentarje, kot npr. razočarani ste, ker ni dal, nekdo drug je ustvaril to vadnico, hvala, da se imate kje učiti;)
Kaj menite, da je serija o "Kako narediti spletno mesto" končana.
V naslednjem vajah bo me.
Kajti to, kar je naslednji tutorial bom treba gledal te vaje, ki jih Dan izvaja.
Kaj Predstavljam se razlikuje od vaj sem naredil aza Dan, vendar so informacije v njem bo nujno potrebna za pravilno razumevanje stvari.
Več načinov za objavo vsebin na spletu, ampak vsi imajo skupni imenovalec, HTML in CSS, brez njih ne morete storiti ničesar.
Pozdravljeni Cristi, bo prišel na vrsto php ali js?
Govorimo o vsem, ampak tudi PHP in JS mesto se veže na HTML, HTML ne more biti brez.
PHP se bolj uporablja za pridobivanje podatkov iz baz podatkov, spletne strani so še vedno v HTML-ju, ali govorimo o dinamičnih spletnih mestih (php, dhtml, asp, jsp, cf) ali govorimo o statičnem mestu, uporabite HTML, brez njega ne morete storiti ničesar.
Veliko ljudi naredi veliko napako "ne želim več spletnega mesta HTML, želim dinamično spletno mesto php", to je velika napaka, HTML se uporablja skoraj povsod, pa naj gre za dinamična mesta ali statična mesta.
JS (java script) ni isto z JSP (Java Server Pages), ki je odvisna od strežnika, JS strani uporabljajo za nekatere skripte, ni treba nobene strežniških skript JS lahko deluje v kateremkoli brskalniku brez potrebe komponenta strežnika, in v tem tečaju, Dan uporabili vrsto skripte JS (foto galerija), da se stvari točne načine uporabe JS, ni polni strani z JS, namesto da so polni strani, ki uporabljajo Java strežniški strani, da je nekaj drugega, čeprav se zdi enako.
Vem, da ste že zdavnaj začeli preučevati "kodo", ta vadnica je odlična pomoč, Dan je s to vadbo naredil izjemno stvar, sploh se ne zavedate, kako dragocena je ta vadnica, pod vadnico imate skoraj vse oznake ), ki se uporabljajo v HTML, jih lahko uporabite, še posebej, ker ima vsak opis.
Ne pustite, da vam Alex, odmor kodo, ta temelji.
Verjemite mi, da ti manjka NI ZA POTENCIAL!
wow veliko zelo dobro strukturiranih informacij, tako da jih lahko kdo razume. Osebno sem si ogledal vadnico samo zato, da sem izvedel kaj novega, in ko je vadnica napredovala, sem bil presenečen nad tem, kako enostavno je mogoče narediti spletno mesto, ne preveč naložen in zelo prijeten za ogled. Čestitke za to vadnico, pa tudi za vse druge. Veselim se naslednje "infuzije" (Cristijeve besede) z informacijami.
Čestitamo !! Zelo lepa vadnica, Romunija bo polna spletnih oblikovalcev :) (upam !!)
To bo tutorial Dreamweaver? Dc ne uporabljajte Dreamweaver ali v vaših vajah?
Čestitke za vse vaje ... ste najmočnejši;)
Živjo ... vadnica je res odlična, na voljo je "na tone" informacij ... in mislim, da sem se moral naučiti osnovnega html-a v prvi strani 98 "in naredil na desetine testov iz knjig v knjižnici, ker nisem imel neto takrat in zdaj lahko gledam vadnico, ki razlaga vse, kar moram vedeti .. jasno je, da sem se razvila :))) .. Všeč mi je bilo dejstvo, da je bilo razloženo korak za korakom in da so jih postavili na spletnem mestu vsi osnovni ukazi + primer, ki ga je mogoče delati .. je jasno, da veste, kaj počnete, ste pravi učitelji !!
Še veliko tistih, ki delajo v web design uporabo programov, ki samodejno izvajajo naloge in moje vprašanje se vam bo tutorial s takšnim programom ??
Vem, da ste naredili to vadnico za razumevanje ukazov in s tem boljše razumevanje programov spletnega oblikovanja ... ampak vseeno sem radoveden, kaj boste nadaljevali s to serijo vaj, ker se na to temo veliko govori, čeprav nekateri menijo, da dolgočasno, ko gre za vaje, kot jih je izdelal Dan, za kar ob tej priložnosti čestitam za vadnico ...