Šī 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.
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!
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;)
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.
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.
Apsveicam !! Ļoti jauka apmācība, tā būs Rumānija, kas pilna ar tīmekļa dizaineriem :) (cerams !!)
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.