Kā izveidot vietni, 2. daļu, pilnīgu vietni, kas izgatavota no 0 HTML, CSS ar attēlu galeriju - video pamācību

Šī apmācība apraksta vietni, izmantojot HTML un CSS, kas aptver visus posmus: mājas lapu izstrāde,
izveidot kontu par bezmaksas hostingu un, visbeidzot, augšupielādējot failus mūsu mājas lapā par šo hostingu, bezmaksas hosting ir ātra metode liekot mājas lapā mūsu tiešsaistes dažu minūšu laikā, tad trūkums šai metodei ir tas, ka mums būs dažas reklāmas parādās visu laiku augšdaļā (header iepriekš).

Ikviens, kas vēlas atvērt tīmekļa vietni, jums ir jāzina, HTML un CSS, nav nepieciešams būt eksperts HTML (Hyper Text Markup Lsāpēm), taču informācija par kodu ir absolūti nepieciešama, lai saprastu, kā šīs lietas darbojas.

Pat ja jūs veidot vienā vietā, jums joprojām ir nav ne jausmas par to, kas notiek ar šiem failiem būs nepieciešama periodiska izlabot kļūdas vai mērķu izmaiņas.

Daudzi cilvēki bēg no koda, daudzi salīdzina kodu ar hieroglifiem, tas nemaz nav tāds, kāds reiz teica: “KODS IR POĒTIKA”, viņam bija taisnība, kad redzējat, ka kaut kas ir dzimis no koda rindu sērijas, jūs jūtaties brīnišķīgi, jūs uzbūvējat virtuālā pasaule tikai ar tastatūru un peli.

Mēs jau sen izmantojām programmatūras kompāniju veidotas lietojumprogrammas, operējām tikai ar datoru, ir laiks veikt programmēšanu, patiesībā tā nav programmēšanas valoda, tā ir “iezīmēšanas valoda”, bet mēs atsauksimies uz tā ir kā programmēšanas valoda, jo tā izklausās diezgan dīvaini “iezīmēšanas valoda”, HTML ir viena no vienkāršākajām mūsdienās lietotajām programmēšanas valodām (iezīmēšana), HTML mēs redzam jebkurā vietnē, daudzās programmatūrās ir tie ir HTML komponenti, šī programmēšanas valoda ir visur, ir pienācis laiks to apgūt.

Pirmo reizi var būt mazāk biedējošu, bet, ja jūs uzmanīgi, nekā jūs sapratīsiet, uzreiz, ka ne viss ir tik grūti, ir vienkāršas un skaistas lietas, mēs izveidot kaut ko ar savām rokām, tas ir vissvarīgākais.

Mēs mācīties pamatus, tad mēs uzzinātu, kā ievadīt tekstu, kas mājas lapā, tad mēs organizē un krāsu tekstu, mēs izmantojam lapa stila CSS (Cascading Style Sheets), ar kuru mēs izvietot visus elementus lapas HTML vispār, lai jūs būs vieta mūsu mājas lapā ir, lai izskatās vienā gabalā.

Jūs uzzināsiet vienkāršus paņēmienus, pamata HTML un CSS, lai gan tie ir pamata lietas HTML un CSS, radīs pārskatu patīkamu.

Par šo pamācību Jums ir roku sevi ar uzmanību un pacietību, šī apmācība nav kaut mēs varam atļauties veikt maz, ja ritināšanas dažām sekundēm jūs varat palaist garām kaut ko ļoti svarīgu, un jūs redzēsiet vēlāk vairs jēgas, koncentrācija informācija ir ļoti augsts, un tas ir iemesls, kāpēc es lūdzu jūs būt ļoti, ļoti uzmanīgiem.

Pēc šo pamācību, pat intensīvu protams, es teiktu, jums būs labāka ideja, ko HTML un CSS, jūs varat kontrolēt kodu labi un jūs pilnībā saprast HTML dokumentu, sajūta, ka HTML ir ne tikai masīvs heroglife izkliedēs, jūs zināt, kas tas ir, ja paskatās HTML vai CSS vienu.

Mēs uzzināt par tagiem (tags), mēs esam šeit daži piemēri tagiem (tags), ka jūs varat izmantot HTML dokumentā, neuztraucieties, nav nepieciešams iegaumēt tos visus, jums ir nepieciešams, lai uzzinātu tikai pamatus pirmajā tabulā pārējo var atrast šeit uz vietas, vai uz neto, kad tās ir vajadzīgas.

Pat tabulas ir pasūtīts šos tagus, tiek veikti, izmantojot HTML.

Pamatelementi (tags).

Definē failu formātu Web
dokumenta header
Tilul dokuments
HTML lapa ķermenis
BGCOLOR = Krāsa Fona krāsu lapas
TEKSTS =Krāsa Teksta krāsa lapā
LINK =Krāsa Neapmeklētās saites krāsa lapa
VLINK =Krāsa Apmeklēja saite krāsa lapas
ALINK =Krāsa Link Color ar click lietotāja exacutat laikā
INFORMĀCIJAI = url Fona attēls lapa
punkts
<Hn> <Hn> Par dokumentu līmenī apakšvirsraksts (n = 1-6)
Īpaši atribūti karkasa teksta
SIZE =n Teksts izmērs ir 1-7
FACE ="A, b" Norādiet fontu: aJa pieejams, vai b
COLOR =s Teksta krāsa: vai nu krāsas nosaukums vai RGB vērtības
newline
informācija par iepriekš formatētas
HTML Comenatriu
Materiāls centri lapā
horizontālā lineāls
SIZE =x Lineāls augstums pikseļos
PLATUMS =x Lineāls platums pikseļos vai procentos
NOSHADE Atslēgt displeju ēnu uz horizontālo lineālu
align =x Alignment horizontālā lineāls lapā (pa kreisi, centrā, pa labi)
COLOR =x Color horizontālās lineāls (tikai IE)
Mark tipa enkuru
Href =url hiperteksta atsauce
Href =#name Atsauce uz iekšējo enkurs
Vārds =nosaukums Definīcija Iekšējo enkuru

Preces sarakstiem .

Apraksts definīcija
Saraksta veids definīcija
laikā definīcijas
Feature saraksts
<OL Sakārtots saraksts (numurētas)
TYPE =gals Numerācija. Iespējamās vērtības: a, a, es, es, 1
START =x No sākās pasūtītajā sarakstu skaits
<UL Nekārtots saraksts (marķēti)
TYPE =veidlapa Form grāmatzīmi. Iespējamās vērtības: aplis, kvadrāts, disku.

Raksturs formatēšanas elementi .

Ielīmēt tekstu treknrakstā
Ielīmēt tekstu kursīvā
Paste uzsvēra tekstu
Monospaced fonts teksts
citēšanas bibliogarfica
Listing Program
Stils izceļot loģika
teksta tastatūra
Uzsverot spēcīga loģika
Programma vai mainīga
<BASEFONT SIZE = n> Norāda noklusējuma fonta lielumu lapā

Elementi rāmjiem .

rakstīšanas lapu definēšana
COLS =x Skaits un relatīvais lielums kolonnām
ROWS =x Skaits un relatīvais lielums līnijas
ROBEŽU =x Norāda FRAMESET rāmja statusu “ieslēgts” vai “izslēgts” (1 vai 0)
frameborder = x Norāda rāmja izmēru
FRAMESPACING = x To telpu daudzums starp diviem blakus esošiem rāmjiem
Definīcija konkrēta rāmja
SRC =url URL avots rāmja
Name =nosaukums Rāmja nosaukums (izmantots kopā ar TARGET = nosaukums kā enkura zīmes sastāvdaļa
ritināšanu =SCRL Definēt variants bar derulare.Valori iespējams: par (aktivizēt), off (neaktīvs), Auto (automātiska)
frameborder =x No robežas lielums ap rāmja
marginheight =x Papildu telpa virs un zem noteiktā sistēmā
marginwidth =x Suplimetar telpa pa kreisi un pa labi, lai īpaša
lapas sadaļa parādīta lietotājiem, kuri nevar redzēt rāmis
Framework (tikai (IE)
SRC =url rāmis avots
Name =s Logs nosaukums (noderīgi TARGET)
Augstums =x Embedded rāmja augstums
PLATUMS =x Embedded rāmja platums

Elementi galdiem .

HTML tabula
ROBEŽU =x galda robeža
cellpadding =x Papildu telpas ietvaros tabulas šūnām
cellspacing =x Papildu telpa starp tabulas šūnām
PLATUMS =x Uzliek platums tabula
FRAME =vērtība Precīzu dozēšanu tabulas
NOTEIKUMI =vērtība Valdnieki fine regulēšana galda
borderColor = Krāsa Specifikācijas tabula apmales krāsa
BORDERCOLORLIGHT = Krāsa Šķiltavu krāsa no divu krāsu norādīts
BORDERCOLORDARK = Krāsa Tumšāku krāsu no divām krāsām norādīts
align =kreisais Pieskaņo tabulas kreisās malas lapas, un teksta plūsmu labo pusi
align =tiesības Pieskaņo tabulas labajā malā lapas un teksts plūst pa kreisi
hspace =x Suplimetar horizontālā telpa ap galdu
vspace =x Suplimetar vertikālā telpa ap galdu
COLS =x Norāda skaitu kolonnas tabulas
Izmantojot marķējumu, definē kolonnu definīciju kopu
<COL PLATUMS =x> Nosaka kolonnu platumu pikseļos
Definē tabulas virsrakstu
Definē tabulas ķermeni
līnija tabula
BGCOLOR =Krāsa Norāda fona krāsu visam līnijas
align =noregulēšana Cell saskaņošana par pašreizējo līnijas (pa kreisi, centrā, pa labi)
Dati šūna tabulas
BGCOLOR =Krāsa Norāda fona krāsu šūnas datu
colspan =x Kolonnu skaits, kas aptver pašreizējo šūnu dati
rowspan =x Līniju stiepšanās pašreizējo šūnu datu skaits
align =noregulēšana Saskaņojot audumu šūnas date.Valori iespējams: (pa kreisi, pa labi, centrā)
valign =noregulēšana Vertikālā saskaņošana materiāla no šūnas date.Valori iespējams: (augšējā, apakšējā, vidējā)
INFORMĀCIJAI =url Norāda fona attēlu tabulas šūnā
noWrap Neļaujiet griešanas rindiņas teksta ietvaros šūnas
align =bāzes Saskaņot datu šūnas pamatlīniju blakus teksta
align =raksturs Pielīdzina kolonnu noteiktai rakstzīmei (noklusējuma raksturs ir ".")
align =attaisnot Saskaņot gan kreiso malu un labo malu teksta

Preces pievienojot attēlus.

<IMG Marķēšanas ievades attēlus
SRC =url Source File grafika
ALT =teksts Alternatīva tekstu, lai parādītu, ja nepieciešams,
align =noregulēšana Sakārtojot attēlu lapā. Iespējamās vērtības: top (top), vidējā (vidū), grunts (zemāk), pa kreisi (pa kreisi), pa labi (pa labi)
Augstums =x Attēla augstums (pikseļos)
PLATUMS =x attēla platums
ROBEŽU =x Rāmis ap attēlu, kad tas tiek izmantots kā hipersaites
hspace =x Papildu telpa ap attēlu horizontāli (pikseļos)
vspace =x Papildu telpa ap attēlu vertikāli (pikseļos)

Veidlapas elementus.

Active HTML forma
ACTION =url CGI programmas uz servera, kas saņem datus
METODE =metode Kā dati tiek nosūtīti uz serveri (GET vai POST)
<IEVADE Camp teksta vai citu datu ievades
TYPE =izvēle Ievades lauka tips . Iespējamās vērtības: teksts, parole, izvēles rūtiņa, slēptais, fails,
Radio, iesniegt, reset, attēlu.
Name =nosaukums Simboliskais nosaukums vērtība lauks
VALUE =vērtība Satura noklusējuma teksta lauks
CHECKED = izvēle Poga / rūtiņa atzīmēta pēc noklusējuma
SIZE =x Skaits rakstzīmju teksta laukā
SIZE =x ļāva Maksimālais zīmju skaits
grupu rūtiņas
Name =nosaukums Simboliskais nosaukums vērtība lauks
SIZE =x No izvēlnes punktiem, kas tiek parādītas, tiklīdz numurs (noklusējums = 1)
VAIRĀKAS =x Ļauj vairākas atlases izvēlnes elementiem
<OPTION Īpaša izvēle laukā
VALUE =vērtība Rezultātā vērtība šajā atlases izvēlni
Camp pastiprinājums teksts uz vairākām līnijām
Name =nosaukums Simboliskais nosaukums vērtība lauks
ROWS =x Par līniju tekstlodziņa skaits
COLS =x Par kolonnām (zīmes) katrā rindā teksta lodziņa skaits
Dalīties ar loģisku veidlapu daļās
Nosaukums saistīts kopums laukiem (fieldsets)
align =s Norādiet izlīdzināšanas leģendu (paskaidrojums) redzams (augšējā, apakšējā, pa kreisi, pa labi)
tabindex =x Norādiet pasūtīt priekšmetus, kad lietotājs nospiež taustiņu Tab
ACCESKEY =c Kas nodrošina īpašu atslēgu no tastatūras saīsnes, kas saistīts ar konkrētu jautājumu
ATSPĒJOTS Elements ir neaktīvs, taču ir redzams uz ekrāna
tikai lasāms Elements ir redzams uz ekrāna, bet nevar rediģēt

Advanced elementi.

Konkrēta informācija par modeļa stilu
TYPE =val Stila modeļa tips. Parasti "teksts / css"
Parasti ietver skriptu JavaScript savā mājas lapā
LANGUAGE =valoda Lietotā valoda
EVENT =notikums Notikums, kas izraisa izpildi specifisku skriptu
FOR =numeobiect Objekta nosaukums lapa, uz kuras darbojas skriptu

LEJUPIELĀDĒT HTML tabulas ar tagiem

Ja jūs vēlaties apmeklēt vietnes veikta apmācība, jūs varat piekļūt šajā adresē: http://www.videotutorial.150m.com.

Es ieteiktu jums unzip pielikumu un izpētīt trīs failus HTML vai CSS failu, izmantojot Notepad ++ vai citu rediģēšanas programmu web lapas šādā veidā var veikt izmaiņas cau pat varat veikt piezīmes tās laikā jūs uzzināsiet html bez tevis konts.

Jūs vēlos jums patīkamu un sveikt Jūs šādos konsultācijas šajā sērijā un ārpus tās.

Lejupielādēt failus TEST

Dan Constantin
tutorialegimp.blogspot.com
Cristian Cismaru: Man patīk viss, kas saistīts ar IT & C, man patīk dalīties pieredzē un informācijā, ko uzkrāju katru dienu. Es mācos tevi mācīt!

Skatīt komentārus (333)

  • Ļoti jauki, tonnas informāciju šo pamācību.
    Šī apmācība var saukt infūzija HTML un CSS.
    Varbūt jūs nesaņemat, lai uzzinātu pēc dažiem mēnešiem var uzzināt šeit stundas vai arī tā, es esmu redzējis to visu pirms publicētās un var teikt, ka pārsteidza mani citēt informācija var ietilpt apmācība.
    Vienā brīdī es jutos nepieciešams dzert ūdeni, lai gan es tikai noskatījos apmācība, nedz es gribu domāt, citējot Dan dzēra ūdeni pēc tam.
    Tur ir kaut kas nav, lai uzzinātu HTML un / vai CSS pēc šo pamācību.

  • Aoleu, tas, ko esmu mēģinājis iemācīties apmēram 3 mēnešus, acīmredzot man nav laika ...
    Thanks a lot, es skatīties to uzmanīgi!

  • Cristi-adminĻoti jauki, tonnas informāciju šo pamācību.
    Šī apmācība var saukt infūzija HTML un CSS.
    Varbūt jūs nesaņemat, lai uzzinātu pēc dažiem mēnešiem var uzzināt šeit stundas vai arī tā, es esmu redzējis to visu pirms publicētās un var teikt, ka pārsteidza mani citēt informācija var ietilpt apmācība.
    Vienā brīdī es jutos nepieciešams dzert ūdeni, lai gan es tikai noskatījos apmācība, nedz es gribu domāt, citējot Dan dzēra ūdeni pēc tam.
    Tur ir kaut kas nav, lai uzzinātu HTML un / vai CSS pēc šo pamācību.

    jā, tev taisnība, ka tu esi kristietis, bet esmu vīlies, jo domāju, ka tu izdari apmācību :( bet tik un tā bravo dan ļoti laba apmācība

    • Tas nav jauki, ko jūs teicāt, un es jums to godīgi saku. Šis cilvēks apmēram pusotru stundu cīnījās, lai iemācītu jums izveidot vietni no nulles, un jūs sakāt, ka esat vīlušies, jo viņš to neizveidoja? Vai varat iedomāties, cik daudz darba cilvēks ir ieguldījis un cik daudz laika viņš ir pazaudējis, lai iemācītu mums html un css pamatus, pirms atveriet muti, padomājiet, ka jums nebūtu piemērots iesniegt darbu, un pēc tam atstājiet citus nevajadzīgus komentārus, piemēram, esat vīlies, ka viņš nelika, kāds cits izveidoja šo mācību, paldies, ka jums ir kur mācīties;)

  • knābis:
    Cristi jā jums ir taisnība, bet es esmu vīlies, jo es uzskatīju, ka jūs darīt tutorialu bet anyway dan bravo ļoti labu tutorialu

    Kā jūs domājat, vai sērija par tēmu “Kā izveidot vietni” ir beigusies.
    Nākamajā apmācība būs man.
    Jo tas, ko man būs nākamais apmācība, lai skatīties šo pamācību ar Dan veica.
    Ko es klāt ir atšķirīgs no pamācību es Aza Dan, bet informācija tajā būs nepieciešama pareizai izpratnei lietām.
    Ir vairāki veidi, kā publicēt saturu tīmeklī, bet visi ir kopsaucējs, HTML un CSS, bez tiem nevar darīt neko.

  • Cristi-admin:
    Ko jūs domājat, ka beidzās sēriju par "Kā padarīt mājas lapā".
    Nākamajā apmācība būs man.
    Jo tas, ko man būs nākamais apmācība, lai skatīties šo pamācību ar Dan veica.
    Ko es klāt ir atšķirīgs no pamācību es Aza Dan, bet informācija tajā būs nepieciešama pareizai izpratnei lietām.
    Ir vairāki veidi, kā publicēt saturu tīmeklī, bet visi ir kopsaucējs, HTML un CSS, bez tiem nevar darīt neko.

    Sveiki Cristi, nāks virkni php vai JS?

  • Alex:
    Sveiki Cristi, nāks virkni php vai JS?

    Mēs runājam par visu, bet arī PHP un JS vietā saistās ar HTML, HTML nevar būt bez.
    PHP ir vairāk izmantota, lai iegūtu datus no datubāzēm, tīmekļa lapas joprojām ir HTML, vai mēs runājam par dinamiskām vietnēm (php, dhtml, asp, jsp, cf) vai mēs runājam par statisku vietni, mēs izmantot HTML, bez tā jūs neko nevarat darīt.
    Daudzi cilvēki pieļauj lielu kļūdu "Es vairs nevēlos HTML vietni, es gribu dinamisku php vietni", tā ir liela kļūda, HTML tiek izmantots gandrīz visur, neatkarīgi no tā, vai mēs runājam par dinamiskām vietnēm vai statiskām vietnēm.
    JS (java script) nav pats ar JSP (Java Server Pages), kas atkarīga no servera, JS vietnes izmanto noteiktiem skriptus, nav nepieciešams jebkādu servera skripti JS var darboties jebkurā pārlūkprogrammā bez nepieciešamības servera komponentu, un šo pamācību, Dan izmanto virkni skripti JS (foto galerija), lai stuff precīzas lietojumi JS, nav pilns vietnes ar JS vietā ir pilna vietnēs, izmantojot Java Server Pages, ka ir kaut kas cits, lai gan tie, šķiet, tas pats.
    Es zinu, ka jūs jau sen sākat pētīt "kodu", šī apmācība ir lielisks palīgs. Dans ar šo mācību paveica ārkārtas lietas, jūs pat nenojaušat, cik šī apmācība ir vērtīga, zem apmācības jums ir gandrīz visi tagi ), ko izmanto HTML, jūs varat tos izmantot, jo īpaši tāpēc, ka katram no tiem ir apraksts.
    Neļaujiet jūsu ALEX, break kodu, tas ir balstīts.
    Ticiet man, jūs trūkst NAV potenciālajiem!

  • wow daudz ļoti labi strukturētas informācijas, lai ikviens to saprastu. Es personīgi apskatīju apmācību tikai tāpēc, lai uzzinātu kaut ko jaunu, un apmācības gaitā es biju pārsteigts, cik viegli vietni var izveidot, ne pārāk ielādēts un ļoti patīkams aplūkot. Apsveicu ar šo mācību, bet arī visus pārējos.Es ceru uz nākamo “uzlējumu” (cristi vārdi) ar informāciju.

  • Tas būs pamācību Dreamweaver? Dc nav izmantot Dreamweaver vai jūsu konsultācijas?

    Apsveicam ar visām pamācībām ... jūs esat stiprākā;)

  • Sveiki ... apmācība ir patiešām lieliska, ir ļoti daudz informācijas .. un es domāju, ka man bija jāiemācās pamata html pirmajā lapā 98 ', veicot desmitiem testu, kas ņemti no bibliotēkā esošajām grāmatām, jo ​​man nebija netā tajā laikā un tagad es varu skatīties apmācību, kurā izskaidrots viss, kas man jāzina .. ir skaidrs, ka esmu attīstījusies :))) .. Man patika tas, ka tas tika izskaidrots soli pa solim un ka viņi tika ielikti uz vietas visas pamatkomandas + piemērs, pie kā var strādāt..tiešām ir skaidrs, ka tu zini, ko dari, esi īsts skolotājs !!
    Vēl daudz kas strādā web dizains, izmantojot programmas, kas automātiski padara pasūtījumus un mans jautājums ir jūs veicat apmācība ar šādas programmas ??
    Es zinu, ka jūs sagatavojāt šo pamācību, lai saprastu komandas un tādējādi labāk izprastu tīmekļa dizaina programmas ... bet es joprojām esmu ieinteresēts redzēt, ko jūs turpināsit ar šo mācību materiālu sēriju, jo par šo tēmu ir daudz runāts, pat ja daži to uzskata garlaicīgas, ja runa ir par tādām apmācībām kā Dana, kuras es apsveicu ar šo mācību.

Saistītie Post

Šī vietne izmanto sīkdatnes.