Kako narediti spletno stran, 2. del, popolno spletno stran, narejeno iz 0 v HTML, CSS z galerijo slik - video vadnica

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

PRENOS HTML MIZE z oznakami

Č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.

PRENOS TEST FILES

Dan Constantin
tutorialegimp.blogspot.com
Cristian Cismaru: Všeč mi je vse, kar je povezano z IT&C, rad delim izkušnje in informacije, ki jih nabiram vsak dan. Učim se te učiti!

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!

  • Cristi-adminZelo 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.

    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;)

  • kljun:
    Cristi ja imaš prav, ampak jaz sem razočaran, ker sem verjel, da si bo naredil tutorialu ampak vseeno dan bravo zelo dobro tutorialu

    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.

  • Cristi-admin:
    Kaj mislite, da je končal serijo z naslovom "Kako narediti spletno stran".
    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?

  • Alex:
    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.

  • 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 ...

Related Post

Ta spletna stran uporablja piškotke.