Hati iliyotayarishwa kwa kutumia lugha ya alama ya hypertext. Lugha ya Markup ya Hypertext HTML5 - muundo na misingi ya uendeshaji

WIZARA YA ELIMU NA SAYANSI YA UKRAINE

CHUO KIKUU CHA TAIFA CHA SKHIDNOUKRAINIAN

Imetajwa baada ya Volodymyr Dahl

Idara ya Sayansi ya Kompyuta

Kwa nidhamu

Muundo wa kompyuta na multimedia

MwanafunziBoldakova I.V.

1. Utangulizi

3.1 Wahariri wa HTML

4. Uundaji wa tovuti kwa kutumia CMS Joomla 1.5.7

Fasihi

1. Utangulizi

Ulimwengu Mtandao mpana- Mtandao wa kompyuta wa kimataifa leo una mamilioni ya tovuti ambazo zina kila aina ya habari. Watu hupata habari hii kwa kutumia teknolojia ya mtandao. Ili kuzunguka WWW, programu maalum hutumiwa - Vivinjari vya Wavuti, ambavyo vinawezesha sana kusafiri kupitia upanuzi mkubwa wa WWW Taarifa zote kwenye kivinjari cha Wavuti zinaonyeshwa kwa namna ya kurasa za Wavuti.

Kurasa za wavuti, kusaidia teknolojia ya multimedia, kuchanganya aina mbalimbali za habari: maandishi, graphics, sauti, uhuishaji na video. Mafanikio yake kwenye Mtandao kwa kiasi kikubwa inategemea jinsi ukurasa fulani wa Wavuti unafanywa vizuri na kwa uzuri.

Mtumiaji anafurahi kutembelea kurasa hizo za Wavuti ambazo zina muundo maridadi, hazijalemewa na michoro nyingi na uhuishaji, hupakia haraka na zinaonyeshwa kwa usahihi kwenye dirisha la kivinjari.

Kuunda ukurasa wa Wavuti si rahisi, lakini labda kila mtu angependa kujaribu mwenyewe kama mbuni. Na katika kesi hii, mimi sio ubaguzi, ndiyo sababu nilichagua mada hii kwa kazi yangu ya kozi.

Katika insha yangu, nilifanya jaribio la kuelewa unachohitaji kujua na kuweza kufanya ili kuunda ukurasa wa Wavuti, ni programu gani ni zana ya kuunda kurasa za Wavuti na jinsi ya kuitumia kwa ufanisi.

Pia katika kazi hii nilipitia misingi ya lugha ya programu ya ukurasa wa Wavuti - HTML, ambayo ni kiwango cha WWW kinachokubalika kwa ujumla. Hii itatupa fursa ya kufahamiana na muundo wa ukurasa wa Wavuti na mbinu zake. muundo sahihi. Pia tutaangalia kuunda tovuti kwa kutumia CMS Joomla.

2. Zingatia HTML ya lugha ya alama za maandishi

Kurasa za wavuti zinaweza kuwepo katika muundo wowote, lakini inakubaliwa kama kawaida Lugha ya Alama ya Maandishi ya Hyper- Lugha ya alama ya maandishi ya hypertext iliyoundwa kuunda maandishi yaliyoumbizwa yaliyo na picha, sauti, uhuishaji, klipu za video na viungo vya maandishi kwa hati zingine.

Unaweza kufanya kazi kwenye Wavuti bila kujua HTML kwa sababu maandishi ya HTML inaweza kuundwa na wahariri mbalimbali maalum na waongofu. Lakini kuandika moja kwa moja katika HTML si vigumu. Inaweza hata kuwa rahisi kuliko kujifunza kihariri au kigeuzi cha HTML, ambacho mara nyingi huwa na uwezo mdogo, hitilafu, au kutoa HTML duni ambayo haifanyi kazi kwenye mifumo yote.

Lugha ya HTML huja katika ladha kadhaa na inaendelea kubadilika, lakini miundo ya HTML huenda itaendelea kutumika katika siku zijazo. Kwa kujifunza kuhusu HTML na kuielewa kwa undani zaidi, kuunda hati mwanzoni mwa kujifunza HTML na kuipanua kadri tuwezavyo, tunaweza kuunda kurasa za Wavuti zinazoweza kutazamwa na vivinjari vingi vya Wavuti, sasa na katika siku zijazo. Hii haizuii uwezekano wa kutumia njia zingine, kama vile njia ya hali ya juu iliyotolewa na Opera, Google Chrome, Internet Explorer au vivinjari vingine.

Kufanya kazi na HTML ni njia ya kujifunza mambo ya ndani na nje ya kuunda hati katika lugha sanifu, kwa kutumia viendelezi inapobidi tu.

HTML imeidhinishwa Ulimwenguni Pote Muungano wa Wavuti. Inasaidiwa na vivinjari vyote.

Kwa kuwa hati za HTML zimeandikwa katika umbizo la ASCI I, kihariri chochote cha maandishi kinaweza kutumika kuiunda.

Kwa kawaida hati ya HTML ni faili iliyo na kiendelezi cha .html au . htm, ambayo maandishi yana alama na vitambulisho vya HTML (tag ya Kiingereza - maagizo maalum ya kujengwa). Kwa kutumia HTML syntax na uwekaji wa vitambulisho ni maalum, kulingana na ambayo kivinjari kinaonyesha maudhui ya hati ya Mtandao. Maandishi ya vitambulisho wenyewe hayaonyeshwa na kivinjari cha Wavuti.

Lebo zote huanza na "<" и заканчиваются символом ">". Kwa kawaida kuna jozi ya vitambulisho - mwanzo (kufungua) na mwisho (kufunga) tag (sawa na kufungua na kufunga mabano katika hisabati), ambayo habari markup ni kuwekwa: ".

Habari

Hapa lebo ya kuanzia ni lebo

Na za mwisho -

. Lebo ya kumalizia inatofautiana na lebo ya kuanzia kwa kuwa ina mabano kabla ya maandishi<>kuna ishara" / "(kufyeka).

Kivinjari kinachosoma hati ya HTML huionyesha kwenye dirisha kwa kutumia muundo wa lebo ya HTML. Kila hati ya HTML lazima iwe na sehemu kuu tatu:

A) tamko la HTML;

B) Sehemu ya kichwa;

C) Chombo cha hati .

A) tamko la HTML

Na. Jozi ya lebo hizi humwambia mtazamaji (kivinjari) kuwa kuna hati ya HTML iliyoambatanishwa kati yao, na lebo ya kwanza kwenye hati inapaswa kuwa tagi. (mwanzoni mwa hati), na mwisho -(mwisho wa hati).

B) Sehemu ya kichwa.

Na. Kati ya vitambulisho hivi ni habari kuhusu hati (kichwa, maneno ya utafutaji, maelezo, nk). Hata hivyo, jambo muhimu zaidi ni kichwa cha hati, ambacho tunaona kwenye mstari wa juu wa dirisha la kivinjari na katika orodha za "Favorites (BookMark)". Programu maalum za buibui injini za utafutaji tumia kichwa cha hati kuunda hifadhidata zao. Ili kutoa jina kwa hati yako ya HTML, maandishi yanawekwa kati ya lebo Na.

Ukurasa wangu wa kwanza

C) Mwili wa hati.

Sehemu kuu ya tatu ya hati ni mwili wake. Mara moja hufuata kichwa na iko kati ya vitambulisho Na. Ya kwanza inapaswa kuwa mara tu baada ya lebo, na ya pili iko mbele ya lebo. Mwili wa hati ya HTML ni mahali ambapo mwandishi huweka habari iliyoumbizwa kwa kutumia HTML.

Ukurasa wangu wa kwanza ..........

Sasa tunaweza kuandika msimbo wa HTML wa ukurasa wetu:

Ukurasa wangu wa kwanza Kurasa zangu zitakuwa hapa!

Katika sehemu ya BODY, tabo zote na mapumziko ya mstari hupuuzwa na kivinjari na haziathiri maonyesho ya ukurasa kwa njia yoyote. Kwa hiyo, kulisha line kwa maandishi ya chanzo Hati ya HTML haitaanza mstari mpya katika maandishi yaliyoonyeshwa na kivinjari kwa kutokuwepo kwa vitambulisho maalum. Sheria hii ni muhimu sana kukumbuka na usisahau kuweka vitambulisho vinavyotenganisha mistari, vinginevyo maandishi hayatakuwa na aya na hayatasomeka.

Ili kuanza mstari mpya, tumia lebo
(iliyofupishwa kutoka kwa Kiingereza break - interrupt). Lebo hii husababisha kivinjari kuonyesha maandishi zaidi kutoka mwanzo mstari unaofuata. Hakuna lebo ya kufunga inayotumika kwa ajili yake. Ni rahisi ikiwa unahitaji kuandika kutoka kwa mstari mpya wakati fulani bila kuanza aya mpya, kwa mfano, katika shairi. Kuitumia tena hukuruhusu kuingiza moja au zaidi mistari tupu, kusonga kipande kinachofuata cha ukurasa chini.

Maandishi yanayoendelea bila mapengo si rahisi sana kusoma; si rahisi kuangalia na kutafuta maeneo yanayofaa. Imegawanywa katika aya, maandishi yanaonekana haraka zaidi. Lebo hutumika kuanza aya mpya

(Kiingereza aya - aya). Lebo hii, pamoja na kuanza mstari mpya, inaingiza mstari mmoja tupu. Lakini kurudia kurudia

Tofauti
, haitaongoza kwa kuonekana kwa mistari kadhaa tupu, bado kutakuwa na mstari mmoja tupu.

Ndani ya mabano ya lebo, pamoja na jina lake, sifa zinaweza pia kuwekwa. Wao hutenganishwa na jina na kutoka kwa kila mmoja kwa nafasi (moja au zaidi), na zimeandikwa kwa fomu sifa_jina ="maana". Ikiwa thamani haina nafasi, basi nukuu zinaweza kuachwa, lakini hii haifai. Tag

Huenda ikawa na sifa ya ALIGN inayobainisha upatanishi wa aya. Kwa chaguo-msingi, aya inapangiliwa kushoto ALIGN="kushoto". Mpangilio wa kulia ALIGN="kulia" na upangaji wa katikati ALIGN="katikati" pia unawezekana. Unapotumia sifa, unapaswa kutumia lebo ya kufunga baada ya maandishi yaliyoumbizwa

. Ikiwa haipo, basi lebo mpya

Ina maana ya kufunga moja uliopita, kwa mtiririko huo nested

Haiwezekani. Inawezekana pia kuweka maandishi katikati kwa kutumia lebo

.

Sasa tunaweza kuweka maandishi yenye mpangilio tofauti kwenye ukurasa wetu wa Wavuti:

Ukurasa wangu wa kwanza

Yangu yatakuwa hapa kurasa za kibinafsi!

Juu yao unaweza kupata: - hadithi kuhusu mimi na mambo yangu ya kupendeza; - picha zangu.

Kutoka kwa moja ya kurasa zangu itawezekana
nitumie barua pepe.

3. Zana za kuunda kurasa za Wavuti

3.1 Wahariri wa HTML

Kila mtu anachagua zana yake mwenyewe ya kuunda kurasa za Wavuti. Hii inaweza kuwa MS FrontPage au Macromedia DreamWeaver, Allaire HomeSite au 1st Page. Na watu wengine hutumia kihariri cha maandishi rahisi, kama Notepad.

Wahariri wa maandishi wanaweza kutumika tu kuunda kurasa ndogo, kwa kuwa zina shida nyingi: miradi haitumiki, hakuna "kuonyesha" maandishi, kwa ujumla, ni ngumu sana kufanya kazi.

Hasara kuu ya MS FrontPage ni kwamba inazalisha msimbo mkubwa sana wa HTML (vitu vingi vya lazima), hivyo kurasa zinageuka kuwa kubwa, ambayo huathiri kasi ya upakiaji. Aidha, wakati wa kuunda kurasa za Wavuti katika mhariri huu unaona jambo moja, lakini kwenye dirisha la kivinjari unaona kitu tofauti kabisa. Kurasa zinageuka kuwa potofu, kwa hivyo ili kuunda kurasa za Wavuti za hali ya juu, inashauriwa kutumia vifurushi ambavyo vitajadiliwa hapa chini.

Tutaanza na Macromedia DreamWeaver maarufu. Macromedia inachukuliwa kuwa kiongozi katika utengenezaji wa programu za kuunda tovuti, na vile vile mtengenezaji wa mwelekeo katika eneo hili.

Utangulizi

§ 1. Habari za jumla kuhusu lugha ya markup hypertext (HTML)

§ 2. Muundo wa hati ya HTML

§ 3. Vipengele vya kubuni ukurasa wa wavuti

§ 4. Utumiaji kivitendo wa lugha ya alama ya hypertext HTLM

Hitimisho

Fasihi

Utangulizi

Karatasi inachunguza lugha ya markup hypertext HTML (Lugha ya Kuweka alama ya Hypertext); Ubainifu wa kwanza wa lugha hii ya alama za kutambulika kwa wote na inayoweza kufikiwa na umma, HTML, iliidhinishwa mwaka wa 1991. HTML imekuwa kiwango na wakati huo huo "mzizi" kwa kurasa zote za Wavuti zilizotengenezwa.

Umuhimu wa mada ya kazi imedhamiriwa na ukweli kwamba leo HTML inabaki kuwa njia ya ulimwengu wote, hata ya lazima ya kuashiria hypertext, na, kwa hiyo, kuchapisha kwenye mtandao. Kuandika kurasa za Wavuti katika HTML hakuhitaji kubadilisha msimbo wa chanzo kuwa msimbo wa binary.

Kurasa za kisasa za Wavuti hazitegemei tena HTML pekee. Inakamilishwa kwa upatanifu na zana madhubuti za HTML: hati Lugha za JavaScript na/au VBScript, Laha za Mtindo wa Kuachia (CSS), wakati mwingine programu-jalizi za Java zipo. Kwa kweli, unaweza kupata ukurasa wa kisasa wa Wavuti: Ukurasa wa wavuti = HTML + DHTML (JavaScript/VBScript, CSS, Java applets) + CGI Hiyo ni, ukurasa wowote lazima uwe na mpangilio wa HTML - eneo la vipengee vya muundo wa maandishi na maandishi muhimu. - kama kiendelezi cha HTML katika eneo la eneo na maelezo ya mali vitu mbalimbali. Hati za CGI zinaweza kuchukua jukumu la msingi, kuunda ukurasa mzima, kuujaza na data muhimu, iliyosasishwa, au jukumu la pili - kujumuishwa ndani yake.

Madhumuni ya kazi ni kutoa maelezo ya jumla ya HTML ya lugha ya alama ya hypertext. Kwa mujibu wa lengo, kazi za kazi zimeundwa kama ifuatavyo:

1.muhtasari wa sifa kuu za HTML

2.uchambuzi wa vitendo matumizi ya HTML(kwa kutumia mfano wa programu za mafunzo).

§ 1. Maelezo ya jumla kuhusu lugha ya ghafi ya maandishi makubwa (HTML)

Hypertext ni maandishi yenye maneno ya alama (amri) yaliyoingizwa ndani yake ambayo yanarejelea sehemu zingine katika maandishi haya, hati zingine, picha, n.k. Unaposoma maandishi kama haya (katika programu inayolingana ambayo huichakata na kutekeleza viungo au vitendo vinavyolingana), unaona maneno yaliyoangaziwa (yaliyoangaziwa) kwenye maandishi. Ikiwa unasonga juu yao na mshale na bonyeza kitufe au kitufe (jicho) cha panya, basi neno hili linarejelewa litasisitizwa, kwa mfano, aya nyingine ya sura hiyo hiyo ya maandishi sawa. Kwenye WWW, kwa kutumia maneno muhimu unaweza kuingia kwenye maandishi tofauti kabisa kutoka kwa hati nyingine, ingiza programu fulani, fanya hatua fulani, nk. Kwenye mtandao katika muktadha wa WWW unaweza kufikia chochote, telnet, barua pepe, ftp, Gopher, WAIS, Archie, USENET News, nk. Katika WWW, unaweza kuunganisha data kwenye mashine nyingine mahali popote kwenye mtandao, basi unapowezesha kiungo hiki, data hii itahamishiwa moja kwa moja kwenye mashine ya chanzo na utaona maandishi, data, picha kwenye skrini, na ikiwa utatekeleza. wazo la multimedia, pia utasikia sauti, muziki, hotuba. Ni kumbukumbu kidogo ya Gopher, lakini kwa kweli ni tofauti kabisa na mpya. Gopher ina muundo wa menyu dhabiti ambao unapitia upendavyo. Muundo huu hautegemei kile unachofanya, ni hati gani unayotumia, nk. Kwenye WWW, unapitia hati, ambayo inaweza kuwa na muundo wowote wa maandishi. Unaweza kupanga kwa uhuru miundo ya menyu katika maandishi ya maandishi. Kuwa na mhariri wa maandishi ya hypertext, unaweza kuunda muundo wowote mazingira ya kazi, ikiwa ni pamoja na nyaraka, faili, data, picha, programu, nk, na haitakuwa programu mpya, lakini tu hypertext.

Programu za kisasa za ukuzaji seva ya Wavuti, kama vile MS FrontPage au Web Pen kwa Windows, huruhusu hata anayeanza kuunda kwa urahisi kurasa zilizotengenezwa tayari bila kusoma vitabu vya kiada. Katika kesi hii, mtaalamu katika kuunda Tovuti, inayoitwa Webmaster, inachukua faili tayari(maandiko, majedwali, michoro, hifadhidata, sauti, uhuishaji, video, programu) na hutumia vitufe na amri za menyu kuunda kurasa za tovuti. Programu kama hizo, kutekeleza amri kutoka kwa menyu ya ala na ya kufanya kazi, huunda maandishi ya seva ya WWW.

Maandishi ya chanzo, jedwali, picha na vitu vingine vimejumuishwa kwenye wavuti kwa kutumia lebo (lebo = njia ya mkato, lebo). Lebo ni mlolongo wa wahusika ambao hubainisha

) nafasi ya kitu kwenye ukurasa wa tovuti,

) kuonekana kwa kitu au

) muunganisho wa ukurasa huu na kurasa zingine za tovuti hii, pamoja na seva nyingine yoyote.

Lebo pia inaitwa alama ya kudhibiti au bendera. Programu kama vile Web Pen huweka lebo zenyewe, ili mtumiaji wa programu kama hizo asijue lugha ya alama ya maandishi (HTML = HyperText Markup Language).

Ujuzi wa HTML ni muhimu kwa sababu tano.
Kwanza, Msimamizi wa Tovuti huchambua tovuti za kampuni zinazoshindana na mifano iliyofanikiwa ya seva za WWW. Uchambuzi kama huo, muhimu ili kuboresha tovuti yako, hauwezekani bila ujuzi wa lugha ya markup hypertext.
Pili, ni rahisi kuboresha seva yako ya Wavuti bila kuifanyia kazi upya kabisa (ambayo inachukua muda na gharama kubwa) kwa kuingiza na kufuta vitu na vitambulisho kwa mikono.

Tatu, HTML inabadilika kila wakati, kwa hivyo programu kama MS FrontPage huwa nyuma kila wakati vipengele vya hivi karibuni lugha.

Nne, hatupaswi kusahau juu ya gharama kubwa ya programu kama hizo.

Mwishowe, tano, baada ya kutumia pesa kununua programu, bado unahitaji kutumia wakati kuisimamia.

Kwa kutumia HTML, Webmaster huamua muundo wa hati ya hypertext na kuonekana kwa kila kurasa zake. HTML hubainisha sintaksia ya lebo zinazowezesha mtazamaji kuonyesha maudhui ya hati: maandishi, picha, majedwali na aina nyinginezo za data. Lebo zenyewe hazionyeshwi na mtazamaji.

HTML hutumia usaidizi wa utaratibu wa viungo maalum vya hypertext, ambayo hutoa uhusiano kati ya hati hii na nyaraka zingine. Mwisho unaweza kupatikana:

) kwenye tovuti hii, yaani, katika folda iliyo na faili zote za htm, graphics, sauti, uhuishaji, video, programu;

) nje ya tovuti katika nyingine kwenye folda zilizowashwa kompyuta hii;

) katika mfumo wa Mtandao Wote wa Ulimwenguni, yaani, kwenye seva zingine za Wavuti;

) kwenye mtandao kwenye aina nyingine za seva (FTP, Gopher).

Utumiaji wa utaratibu wa kiungo cha hypertext hutengeneza umoja duniani kote nafasi ya habari, ambayo wafanyakazi wa kampuni ya biashara hupokea taarifa wanayohitaji. Kiwango cha HTML, kama viwango vingine vyote vinavyohusiana na Wavuti, hutengenezwa chini ya ufadhili wa World Wide Web Consortium (W3C). Maelezo ya viwango na rasimu za mapendekezo mapya yanaweza kupatikana katika #"justify">Maandiko ya HTML yaliyorekodiwa katika mwongozo yana taarifa muhimu ili kuunda Tovuti. Hii hukuruhusu kuongeza kiwango cha habari muhimu kwa wanafunzi. Njia inayokubalika ya uwasilishaji ina faida moja zaidi: mwanafunzi huzoea kusoma faili za htm. Hii ni muhimu kwa kuchambua na kuboresha tovuti zilizomalizika.

lugha ya alama ya hypertext hypertext

§ 2. Muundo wa hati ya HTML

hati ina maandishi, graphics, meza na vitu vingine vinavyowakilisha yaliyomo kwenye waraka. Programu ya mtazamaji hutumia vitambulisho vilivyoandikwa katika hati ya HTML ili kutaja muundo wa eneo la vitu na yao mwonekano. Mara nyingi, vitambulisho vya HTML vimeandikwa kwa jozi (vitambulisho vya mwanzo na mwisho), kati ya maandishi na vitu vingine vya hati huwekwa. Jina la lebo ya mwisho ni sawa na jina la lebo ya mwanzo, lakini jina la lebo ya mwisho hutanguliwa na mfgo wa mbele (/), unaoitwa kufyeka. Uumbizaji wa hati ya HTML ni rahisi: huanza na lebo na kuishia na lebo. Jina la lebo linaweza kuandikwa kwa herufi ndogo au kwa herufi kubwa.

Zindua programu ya Notepad kwa kutumia kitufe Anza kwenye upau wa kazi

ANZA => PROGRAMS => ACCESSORIES => NOTEEPAD

Weka madirisha mawili kwenye eneo-kazi kwa wakati mmoja: dirisha la MS Word na mwongozo huu na dirisha la Notepad.

Andika maandishi yafuatayo kwenye sehemu ya kuhariri ya Notepad:

Programu hii, kama nyingine zote zinazofuata, haiwezi kuandikwa kwenye kibodi, lakini kunakiliwa kwenye sehemu ya kuhariri Notepad kutoka kwa programu hii kwa kutumia amri ya menyu ya uendeshaji VIEW => CHANZO. Vidokezo vya chini ambavyo havijatumiwa katika programu vimechapishwa kwa rangi nyeusi.

Haya ndiyo maandishi yanayoonekana kwenye skrini unapofungua hati hii.

Na maandishi haya yataandikwa kwa italiki.

Ikiwa huna muda wa kutosha wa kuandika maandishi, basi soma faili ris1.htm na Notepad, iliyo kwenye saraka sawa ambayo umesoma mwongozo huu.

Katika dirisha la saraka ya kufanya kazi, bofya mara mbili na kitufe cha kushoto cha mouse kwenye ikoni ya hati mpya iliyoundwa ris1a.htm na utumie MS Internet Explorer kutazama hati inayotokana.

Maandishi ya hati yanajumuisha vichwa na vipengele vya mwili, ambavyo vimeangaziwa na lebo ipasavyo Na Lebo kwenye kichwa . . . punguza maandishi yanayotumika kama upau wa kichwa wa dirisha la mtazamaji. Kitufe kwenye upau wa kazi wakati wa kutazama hati kina maandishi sawa.

§ 3. Vipengele vya kubuni ukurasa wa wavuti

Tatizo kuu wakati wa kuelezea na kujifunza HTML Hii inahusisha kufafanua seti ya sifa na thamani zao ambazo ni halali kwa kila kipengele. Mara nyingi sana unaweza kukutana na hali ambapo sifa fulani inayojulikana haikutumiwa katika kipengele fulani, na kisha ghafla matumizi yake yalianza kuwa na athari wakati wa kutazama ukurasa katika kivinjari kipya. Kusaidia sifa za ziada ni suala la kuboresha vivinjari kuliko lugha. Kwa mfano, Netscape na Microsoft wanaendeleza programu zao kila wakati.

Kichwa cha ukurasa. Kichwa cha ukurasa wa Wavuti kinawakilisha habari. iliyoambatanishwa ndani ya "sementi (sehemu) HEAD.

Kipengele hiki cha TITLE hubainisha maandishi yanayoonekana katika kichwa cha dirisha la kivinjari wakati wa kutazama ukurasa. Nakala hii haitumiki tu kama kidokezo, lakini pia inaweza kutumika <a href="https://redcomrade.ru/sw/case/kak-rabotayut-poiskovye-mashiny-interneta-poiskovye-mashiny/">injini za utafutaji</a> kwa uchambuzi wa ukurasa. Kuna njia tatu za kutafuta kurasa kwenye mtandao kulingana na data ya maandishi: kwa maneno muhimu katika kipengele cha META, kwa maandishi yaliyowekwa alama kwenye ukurasa. na kwa mstari wa kichwa ndani ya kipengele cha TITLE.</p><p>STYLE - na - LINK -. Lebo ya STYLE inapaswa pia kupatikana ndani ya kipengele cha HEAD. Ikiwa ungependa kuelewa ni miundo gani isiyo ya kawaida inayotumika kwenye ukurasa, unahitaji kuangalia maudhui ya kipengele hiki. Itaonyesha fomati zinazohitajika. Ikiwa hakuna fomati kama hizo, basi mitindo ya ukurasa imeandikwa <a href="https://redcomrade.ru/sw/processors/internet-eksplorer-dlya-vindovs-10-faily-kuki-kak-razreshat-faily-cookie/">faili tofauti</a>. Kiungo cha faili kama hii lazima kiwe katika kipengele cha LINK.</p><p>Sehemu ya kichwa inaweza kuwa na saruji kadhaa za META, ambayo kila mmoja anajibika kwa seti maalum ya vigezo. Matumizi ya vipengele vya META sio lazima, lakini mipangilio fulani inaweza kuwa muhimu sana. Kwa mfano, inajulikana kuwa kivinjari katika baadhi ya matukio kinaweza kuamua moja kwa moja aina ya encoding ya ukurasa. Mtumiaji, akifanya kazi na kivinjari, anaweza kuchagua encoding maalum kutoka kwenye menyu. Ili kuondoa kutokuwa na uhakika wakati wa kutazama ukurasa maalum, inashauriwa kuweka kiashiria cha ukurasa wa kificho juu yake.</p><p>Taarifa iliyojilimbikizia katika vipengele vya META huamua mipangilio ya jumla ya ukurasa wa Wavuti na inaitwa wasifu. Profaili zinaweza kuhifadhiwa katika faili tofauti na kushikamana na ukurasa maalum kwa kutumia sifa maalum ya kipengele cha HEAD: <br></p><p><HEAD prorIle=«lJRL»> <br></p><p>Sifa za kawaida. Kuna idadi ya sifa ambazo unyevu hutumiwa katika vipengele vingi. Baadhi ya sifa hizi ni muhimu sana kwa kuunda kurasa za Wavuti, wakati zingine zinafaa tu kwa kutatua shida fulani.</p><p>Kitambulisho hufanya kama jina la kipekee la kipengele. Kulingana na aina ya kipengele, sifa hii hufanya kazi tofauti</p><p>Sifa ya daraja hubainisha programu au kitu ambacho kinaweza kutumika katika vipengele fulani.</p><p>Sifa ya mtindo inaweza kutumika kwenye vipengele vingi. Imekusudiwa kufafanua umbizo <a href="https://redcomrade.ru/sw/case/metody-massivov-javascript-demonstraciya-udaleniya-konkretnogo-elementa-s/">kipengele maalum</a> na inaweza kuchukua maana mbalimbali.</p><p>Sifa ya darasa hufanya kazi sawa. Inaweza kubainishwa ikiwa sehemu ya HEAD ina kipengee cha STYLE au kiungo cha laha ya mtindo wa kuachia kitatumika (angalia sehemu ya "Majedwali ya Mitindo" hapa chini).</p><p>Sifa ya kupanga inatumika kupangilia maandishi, vipengee au vipengele vyote. Mpangilio unaweza kulinganishwa na mipaka ya dirisha, fremu za jedwali, n.k. Kila kipengele hukuruhusu kubainisha thamani maalum za sifa hiyo. Kwa ujumla, maadili yanaweza kuwa kama ifuatavyo:</p><p>kushoto - usawa wa kushoto;</p><p>kulia - usawa wa kulia;</p><p>kuhalalisha - usawa wa upana (kwa maandishi);</p><p>upangaji wa katikati - katikati (usawa):</p><p>mpangilio wa kati - katikati (wima):</p><p>juu - alignment kwa mpaka wa juu;</p><p>chini - alignment kwa mpaka chini.</p><p>Sifa ya lang huamua maandishi ndani ya kipengele cha sasa yamo katika lugha gani: lang - "msimbo wa lugha"</p> <p>Uumbizaji wa maandishi. Maandishi ndicho kitu pekee cha ukurasa wa Wavuti ambacho hakihitaji <a href="https://redcomrade.ru/sw/processors/illyustrirovannyi-samouchitel-po-microsoft-windows-xp-bufer-obmena/">ufafanuzi maalum</a>. Kwa maneno mengine, herufi za kiholela hufasiriwa kama data ya maandishi kwa chaguo-msingi. Lakini kuna idadi kubwa ya vipengele vya kupangilia maandishi. Wengi wao, isipokuwa wale maalum, wanaunga mkono sifa za kawaida: id, darasa, lang. dir, kichwa, mtindo na sifa za tukio.</p><p>Hapo awali, HTML ilianzisha chaguo chache za uumbizaji wa maandishi kuliko wahariri wa maandishi wa kawaida. Kama matokeo, waandishi wa hati za maandishi ya hypertext walilazimika kutumia hila kadhaa ili kutoa maandishi kuonekana unayotaka. Sasa hali imebadilika, lakini vipengele vyote vya ziada hutolewa kupitia matumizi ya karatasi za mtindo. Kwa mfano, kwa kutumia tu sifa ya kujongeza maandishi, unaweza kuweka kiasi cha ujongezaji kwa mstari wa kwanza wa aya.</p><p>Unaweza pia kupanga maandishi kwa kutumia vipengele vya jadi: kuangazia vipande katika italiki, herufi nzito, chagua fonti, n.k. Hebu tuangalie vipengele hivi. Sifa za kawaida za kitambulisho zinaweza kutumika kwao. darasa, lang, dir. kichwa, mtindo, sifa za tukio, pamoja na sifa zinazofafanua sifa za kipekee za vipengele fulani.</p><p>Kipengele cha aya ni mojawapo ya manufaa zaidi. Inakuwezesha kutumia tu lebo ya kuanza, kwa kuwa kipengele cha P kinachofuata sio tu alama ya mwanzo wa aya inayofuata, lakini pia mwisho wa uliopita. Katika hali ambapo ni muhimu kuonyesha mwisho wa aya, unaweza pia kutumia lebo ya mwisho. Katika hali nyingine, ni rahisi kuweka lebo ya kuanza mwishoni mwa mstari: haitaashiria tu mwisho wa aya, lakini pia kufanya kazi ya tepe. <BR>(kuvunja mstari). Pamoja na kipengele cha aya, unaweza</p><p><ЕМ> </ет>Na <DFN> </dfn> vipengele vinavyoashiria kujieleza (msisitizo) wa kipande fulani cha maandishi na ufafanuzi wa kitu (ufafanuzi). Vipengele vyote viwili vinafanana katika kitendo chao kwa kipengele cha 1, yaani, katika hali nyingi hukuruhusu kuangazia maandishi katika italiki.</p><p>Kutoka kwa mtazamo wa kubuni wa hati, vipengele hivi sio tofauti. Zinaweza tu kuwa muhimu kwa kuangazia kwa usawa vipande vya maandishi ambavyo vinafanana kwa kusudi (au maana). iko katika sehemu tofauti za hati au hata kwenye kurasa tofauti. Msanidi, katika kesi hii, hawezi kujua hasa ni fonti gani itatumika: hii imedhamiriwa na kila kivinjari kwa njia yake mwenyewe. Lakini anaweza kuwa na uhakika kwamba vipande vyote vya maandishi vitaumbizwa sawa. Kuna vipengele vingine kadhaa katika lugha ambavyo vinaweza kupewa sifa sawa.</p><p>Vipengele hivi na vingine vya maudhui vinaweza kuwa na sifa za kawaida: id. darasa, lang, dir, kichwa, mtindo, sifa za tukio.</p><p>BLOCKQUOTED blockquote - uteuzi wa nukuu. Kipengele hiki kinahitaji lebo ya mwisho. Maandishi yanasalia bila kubadilika, lakini aya imeingizwa ndani. Kipengele hiki pia hakihusiani na alama za nukuu: ikiwa kuna alama za nukuu katika nukuu, lazima ziwekwe kwa uwazi. Kwa mwonekano, uumbizaji wa kipengele hiki unajumuisha tu pedi za kushoto, kwa hivyo kipengele kinaweza kutumika katika hali mbalimbali. Kipengele hiki kina sifa yake isiyo ya kawaida ambayo hukuruhusu kuonyesha chanzo cha nukuu:</p><p>="L0resookulshta->krva1kttn11ka""11re;1!yu.gazh!sya kwamba anwani imebainishwa kama URL. <br></p><p>Karatasi za mtindo ni mojawapo ya ubunifu wenye nguvu zaidi wa HTML 4. Wanakuwezesha kubadilisha mali ya vipengele kwa mujibu wa matakwa ya msanidi wa ukurasa. Karatasi za mtindo hazina uhusiano wowote na meza za kawaida. Kwa ujumla, template ya karatasi ya mtindo inaonekana kama hii:</p><p>Kipengele. jina la mtindo (Sifa 1: thamani; mali 2: thamani:... j) Kwa sababu hiyo, seti ya sifa (mbalimbali ambayo ni muhimu sana) imebainishwa kwa kipengele fulani. Hii huondoa mapungufu ya HTML, na kufungua uwanja mpana wa shughuli kwa mbuni (mwandishi wa ukurasa). Moja ya sifa muhimu zaidi za mtindo ni kwamba ... kwamba vipengele vyote vilivyomo ndani ya saruji na mtindo fulani vinaweza kubadilishwa. Hivyo. Kwa kufafanua mtindo wa kipengele cha BODY, unaikabidhi kwa maudhui yote ya ukurasa wa Wavuti. Kwa kulinganisha na lugha za programu zinazoelekezwa na kitu, ubora huu unaitwa urithi.</p><p><МЕТА http-equi\=«Content-Style-Type» content-»text/css»> <br></p><p>Kivinjari kitajulishwa ni lugha gani ya mtindo inatumika. "CSS" katika kesi hii ina maana ya "Cascading Style Laha". Ni kawaida na lugha inayopanua HTML ya jadi. Kwa sasa kuna vipimo viwili (CSS1 na CSS2) vinavyoorodhesha sifa za kipengele. "Sifa hizi zinafanana sana na sifa, lakini kuna tofauti mbili: kuna mali nyingi zaidi na sheria za syntax ni tofauti kidogo.</p><p>Katika kesi hii, mitindo mpya imeundwa kwa ukurasa mzima kwa vichwa vya ngazi ya kwanza na ya pili. Kwa vipengele vya CODE, fonti na rangi ya usuli huchaguliwa.</p><p>Orodha zilianzishwa katika HTML, bila shaka ziliathiriwa na mafanikio ya wahariri wa maandishi. Orodha ni tofauti na <a href="https://redcomrade.ru/sw/security/kak-pereiti-s-t9-na-obychnyi-rezhim-nabora-teksta-t9-vklyuchenie-i/">maandishi wazi</a> Kwanza kabisa, mtumiaji hawana haja ya kufikiri juu ya kuhesabu vitu vyake: programu inachukua kazi hii. Orodha hiyo inaongezewa na vitu vipya au kufupishwa, na nambari hurekebishwa kiatomati. Kwa upande wa orodha zisizo na nambari, programu huweka alama mbele ya kila kitu: miduara, mistatili, almasi au picha zingine. Kwa sababu hiyo, orodha inachukua sura inayosomeka, "ya chapa". Vitambulisho vya kuunda orodha vinaweza kugawanywa katika vikundi viwili: baadhi ninafafanua! mtazamo wa jumla wa orodha (na kuruhusu kutaja sifa), wakati wengine wanabainisha <a href="https://redcomrade.ru/sw/graphics-card/komandnyi-interpretator-osnovnye-komandy-dlya-operacionnaya-sistema-unix/">muundo wa ndani</a>. Unaweza kutumia sifa za kawaida katika orodha. Kuna aina kadhaa za orodha.</p><p>Rahisi zaidi ni orodha isiyopangwa. Template yake inaonekana kama <br></p><p><L1>PARAGRAPH</p><p><L!>SHATI!</p><p><L1>KIFUNGU CHA 1<1.1>KIFUNGU CHA 1<ДЛ.> <br></p><p>Kipengele cha UL ni aina ya fremu ya orodha. Inakuruhusu kutenganisha orodha moja kutoka kwa nyingine. Kipengele cha LI kinaashiria kila moja ya vitu.</p><p>Kwa hivyo muundo wa orodha iliyohesabiwa ni sawa na ile iliyotangulia: <br></p><p><OL><LI>PUHKTl <LI>KIFUNGU CHA 1<[Л>KIFUNGU CHA 1<1Л>KIFUNGU CHA 1</OL> <br></p><p>Moja ya wengi <a href="https://redcomrade.ru/sw/power-supply/heshtegi-v-instagramm---samyi-vazhnyi-element-v-raskrutke-instagram-akkaunta-kak-v/">vipengele muhimu</a> lugha ambayo inaruhusu kuundwa kwa viungo. Template inayotumika sana ni: <br></p><p>Au hii: <br></p><p><А hre>f="Unganisha anwani" <span> <IMCi «гс= «Ссылка на рисунок» </а> <br><p>Mchoro wa kwanza hutumiwa wakati kiungo kinapoonekana kwenye maandishi. Sifa ya href inaweza kuelekeza kwenye rasilimali ya Mtandao, faili iliyo kwenye hifadhi ya ndani, au lebo iliyo ndani ya ukurasa wa sasa. Maandishi ndani ya kipengele A ni sehemu inayoonekana ya kiungo. Mtumiaji lazima abonyeze juu yake ili kufanya mabadiliko. Kivinjari huangazia kipande hiki kwa rangi, na baada ya kutumia kiungo, hubadilisha rangi ili kutoa kidokezo.</p><p>Kiolezo cha pili kinatajwa wakati sehemu inayoonekana ya kiungo ni picha. Ikiwa mwisho una sura iliyofafanuliwa, pia hubadilisha rangi baada ya kutumia hyperlink. Ikiwa kiungo kinaelekeza kwenye picha ambayo iko kwenye diski ya ndani, lazima ianze na faili ya neno. yaani, vyenye dalili ya itifaki.</p><p>Neno la msimbo mwanzoni mwa URL linaonyesha kinachojulikana kama mpango wa ufikiaji. Huamua aina ya seva inayopatikana kupitia kiungo hiki. Kwa mtumiaji, hii inaonekana kama upatikanaji wa mojawapo ya aina za mtandao.Kwa maana hii, tunaweza kusema kwamba mtandao ni kama mitandao kadhaa katika moja. Kila moja ya mitandao hii ya kibinafsi ina sheria zake za ufikiaji, faida, hasara, wafuasi na wapinzani. Lakini watumiaji wote hutumia njia sawa za mawasiliano. Hali kama hiyo inazingatiwa katika mitandao ya kawaida ya simu. Zinaweza kutumika kwa mawasiliano ya sauti, utumaji wa faksi, mawasiliano baina ya kompyuta, n.k. Kama mfumo wa kisasa zaidi, lazima uhakikishe utangamano na mifumo ya zamani, ili wasiache itifaki za zamani, lakini jaribu kuzibadilisha ili ziendane na mahitaji ya kisasa. mfano, ftp). Miradi ifuatayo ya ufikiaji ipo:</p><p>e - ufikiaji wa faili kwenye diski ya ndani; - ufikiaji wa kumbukumbu za faili lakini itifaki> uhamishaji wa faili (itifaki ya kuhamisha tile): - ufikiaji wa WWW; - kutuma ujumbe kwa barua-pepe; - ufikiaji wa habari za USENET: - ufikiaji wa Habari za USENET kupitia itifaki NNTP: - muunganisho kupitia itifaki ya telnet:. - unganisho kwa mfumo wa utaftaji wa WAIS. <br></p><p>Wakati kiungo kinapotumika kubainisha anwani ya barua pepe, kuichagua hakukupeleki kwenye hati mpya, bali huanzisha kidadisi kutuma ujumbe kwa mpokeaji aliyebainishwa. Kwa kawaida, kiungo kama hicho kitawekwa mwishoni mwa ukurasa ili kutoa mawasiliano na Msimamizi wa Tovuti au mwandishi wa ukurasa.</p><p>Katika kesi wakati mabadiliko yanatumiwa ndani ya ukurasa wa sasa, lebo lazima ziwekwe juu yake.</p><p>Tovuti kubwa mara nyingi hutumia vitambulisho ili kuruka hadi sehemu mahususi ya baadhi ya ukurasa: <br></p><p><А name-» http: Адрес Файл. 1пт1#мегка»> </а> <br></p><p>Maandishi ya kidokezo<А Ьге1=«<span>£ <span>lebo">Nakala ya kubofya</а> <br><p>Kipengele A kina sifa mbalimbali. Sifa ya hreflang, sawa na sifa ya lang. hukuruhusu kubainisha lugha inayotumika kwenye anwani ya ukurasa wangu.</p><p>Muundo wa hyperlink inaruhusu kuundwa kwa nyaraka za maandishi tata zinazopatikana kupitia mtandao. Hati kama hizo zinatarajiwa kuwa na kurasa nyingi za HTML zilizorejelewa. Ili mtumiaji adhibiti hati kwa ufanisi, kivinjari lazima kiboreshe matumizi ya kurasa binafsi, kwa mfano, kupakia kurasa ambazo mtumiaji anaweza kuhitaji chinichini. Ili kufanya hivyo, unahitaji kutoa kurasa na habari kuhusu madhumuni ya viungo.</p><p>Ili kutatua tatizo hili, viungo vimegawanywa mbele na nyuma. Kiungo kinachosababisha mpito kutoka kwa ukurasa wa sasa kinaitwa kiungo cha moja kwa moja. Ipasavyo, mpito wa kurudi nyuma unaweza kufanywa kwa kutumia kivinjari au kiungo kingine. Ili kufafanua aina sahihi zaidi ya kiungo, sifa mbili hutumiwa (moja kwa moja kwa moja, moja kwa <a href="https://redcomrade.ru/sw/security/mertvyi-redirect-php-php-redirekt-vneshnih-ssylok-redirekt-s-zaderzhkoi-i-taimerom/">viungo vya nyuma</a>) Yafuatayo yanafafanuliwa <a href="https://redcomrade.ru/sw/more/invertornyi-generator-kak-ustroen-i-rabotaet-invertornyi/">aina za kawaida</a> viungo: mbadala - toleo jingine la hati; karatasi ya mtindo - karatasi ya mtindo kama faili tofauti;</p><p>Fremu ni eneo maalum ambalo ukurasa hupakiwa. Kwa hivyo kile unachokiona kimekusanywa kutoka kwa HTML nyingi. Kwa kweli, SSI, PHP na lugha zingine nyingi za programu, hati, n.k. hufanya takriban kitu kimoja.</p><p>Fremu zilivumbuliwa mwanzoni mwa HTML ili kuwezesha uundaji wa kurasa. <a href="https://redcomrade.ru/sw/motherboard/iphone-7-plus-razmer-displeya-sravnenie-gabaritnyh-razmerov-razmerov/">ukubwa mkubwa</a>. Muafaka ulifanya iwezekane kuhifadhi, kwa mfano, menyu katika faili tofauti, na mara moja - bila kuchimba kadhaa, mamia, na baadhi hata maelfu ya kurasa za html ili kuongeza au kuondoa kipengee cha menyu. Inaweza kuonekana kuwa rahisi sana ..., lakini kwa sababu fulani mfumo wa kutunga sio daima (ningesema hata karibu kamwe!) Inatambuliwa kwa usahihi na injini nyingi za utafutaji. Ukadiriaji wa kurasa zilizopangwa katika injini nyingi za utafutaji ni wa chini kuliko ule wa kurasa zile zile, zenye maudhui sawa, lakini kwa menyu iliyojengewa ndani bila fremu.</p><p>Jaribio la kurasa lilionyesha kuwa chini kabisa ya orodha kulikuwa na ukurasa kwenye fremu, juu ya yote ilikuwa ukurasa wa teknolojia ya SSI na majumuisho ya PHP. Kwa kweli, teknolojia hizi mbili, ambazo zilifanikiwa kuchukua nafasi ya muafaka wa zamani, zilionyesha kupatikana na urahisi sawa. Bila kutaja urahisi mkubwa zaidi wa matumizi. Lakini waandaaji programu wengi wenye ujuzi kuhusu masuala haya kwa kauli moja walionyesha ubora wa PHP juu ya SSI katika suala la urahisi wa kutumia kwa seva.</p><p>Graphics hufanya tovuti kuvutia na kueleweka. Faili ya grafika.htm ina maandishi yafuatayo.</p><p>Lebo <img src='/security/dokument-podgotovlennyi-s-pomoshchyu-yazyka-razmetki-giperteksta/' loading=lazy loading=lazy>iliyoandikwa mahali palipokusudiwa kuwekwa kwa chati, grafu, mchoro au picha. Katika mfano huu, picha itaonekana upande wa kushoto <a href="https://redcomrade.ru/sw/security/chto-oznachaet-zvezdochka-na-telefone-chto-oznachaet-zvezdochka-na/">kona ya juu</a> skrini, kwani ndio sehemu pekee ya mwili wa hati ya HTML.</p><p>Kwa upande wa kulia wa ishara sawa, andika jina la faili ya gif inayohifadhi kitu cha picha. Katika mfano huu, jina hili horse.gif limeandikwa bila kutaja njia, kwani faili za horse.gif na grafika.htm ziko kwenye saraka sawa (kwenye folda moja). Ikiwa faili ya horse.gif ilikuwa kwenye folda ya dir1, iliyowekwa kwenye folda iliyo na faili ya grafika.htm, basi dir1/horse.gif ingeandikwa upande wa kulia wa ishara sawa.</p><p>Ili kuchapisha picha kwenye tovuti, unahitaji faili za gif au jpg. Lakini kihariri cha picha cha Rangi kilichotolewa na Microsoft hukuruhusu kuunda faili ukitumia kiendelezi cha .gif au .jpg. Kwa hiyo, unaweza kutumia, kwa mfano, mhariri wa picha ya LView Pro inayoendesha chini ya mifumo ya uendeshaji <a href="https://redcomrade.ru/sw/windows-7/kak-vernut-dengi-za-predustanovlennuyu-operacionnuyu-sistemu-windows/">Microsoft Windows</a> 95 na Windows NT. Mhariri wa LView Pro anapaswa kusoma faili ya bmp iliyoundwa kwa kutumia Rangi na kuihifadhi kama faili ya gif au jpg.</p><p>Hebu kwanza tuunde faili ya bmp. Ili kufanya hivyo, unahitaji kuelewa kwanza na kisha ufuate hatua hizi.</p><p>Uzinduzi <a href="https://redcomrade.ru/sw/power-supply/graficheskie-redaktory-dlya-raboty-s-kartami-sumo-paint-brauzernoe/">Maombi ya rangi</a> kwa kutumia kitufe <span>Anza <span>kwenye upau wa kazi: <br><p>ANZA => PROGRAMS => VIWANGO => Rangi <br></p><p>Rudi kwenye dirisha <a href="https://redcomrade.ru/sw/motherboard/ispolzovanie-tekstovyh-processorov-v-professii-spasatelya/">kichakataji cha maneno</a> MS Word kwa kubofya kitufe kwenye upau wa kazi.</p><p>Unda dirisha jipya la kichakataji neno la MS Word kwa kutumia amri ya menyu ya uendeshaji (Dirisha, Dirisha Jipya) au kwa kubofya kitufe cha menyu ya zana ya Kawaida.</p><p>Tumia amri ya menyu ya uendeshaji (Dirisha, Panga Zote) ili kuweka madirisha mawili kwenye maonyesho mara moja: kwa mwongozo na mpya. Mshale lazima uwe kwenye dirisha jipya. Tumia amri ya menyu ya uendeshaji ya MS Word (Ingiza, Picha...) ili kufungua kisanduku cha kidadisi cha Chomeka Picha.</p><p>Kutoka kwa orodha ya faili za wmf upande wa kushoto wa paneli ya mazungumzo, bofya faili 1stplace.wmf. Angalia picha inayoonekana upande wa kulia wa paneli ya mazungumzo.</p><p>Kurudia hatua zilizoonyeshwa katika hatua ya 6, tazama picha kadhaa. Chagua muundo wa rangi nyingi unaopenda kwa kubofya kitufe cha Sawa katika sehemu ya chini kushoto ya kidirisha cha kidadisi. Picha hii itaonekana kwenye dirisha jipya la MS Word.</p><p>Weka pointer ya panya kwenye picha na ubofye kitufe cha kushoto cha panya. Nakili picha kwenye ubao wa kunakili kwa kutumia amri ya menyu ya uendeshaji (Hariri, Nakili) au kwa kubofya kitufe cha menyu ya zana ya Kawaida.</p><p>Funga dirisha la kuchora kwa kutumia amri ya kibodi. Ongeza ukubwa wa dirisha na mwongozo kwa kubofya kitufe ili kuongeza ukubwa wa dirisha hili.</p><p>Nenda kwenye dirisha la mhariri wa picha ya Rangi kwa kubofya kitufe kwenye upau wa kazi.</p><p>Bandika picha kutoka kwenye ubao wa kunakili kwa kutumia amri ya menyu ya uendeshaji ya Rangi (Hariri, Bandika).</p><p>Kwa kutumia kihariri cha LView Pro, tutasoma faili ya bmp iliyoundwa kwa kutumia Rangi na kuihifadhi kama faili ya gif, kuelewa na kutekeleza hatua zifuatazo kwa hili.</p><p>Zindua Kivinjari cha Faili kwa kutumia kitufe cha Anza kwenye upau wa kazi:</p><p>ANZA => PROGRAMS => MPUGUZI <br></p><p>Kwenye gari D: fungua folda ya LWPRO na uzindua kihariri cha LView Pro kwa kubofya mara mbili kwenye jina la faili Lviewpro.exe.</p><p>Soma faili ya bmp iliyoundwa kwa kutumia Rangi kwa kutumia amri ya menyu ya uendeshaji ya LView Pro (Faili, Fungua).</p><p>Rangi katika hati za HTML zinaweza kubainishwa kwa njia mbili - kwa kubainisha msimbo wa rangi au kwa kubainisha jina la rangi <a href="https://redcomrade.ru/sw/power-supply/obshchenie-na-angliiskom-yazyke-dlya-nachinayushchih-onlain-kak-besplatno-praktikovat/">Lugha ya Kiingereza</a>. Katika njia ya kwanza, nambari ya rangi imeandikwa kama nambari ya hexadecimal iliyo na nambari sita: nambari mbili za kwanza zinaweka ukubwa wa rangi nyekundu, ya pili - kijani, ya tatu - bluu. Kwa njia ya pili, majina ya rangi yafuatayo hutumiwa: nyeusi, maroon, kijani, mizeituni, rangi ya zambarau, teal, kijivu ), fedha, nyekundu, chokaa, njano, bluu, fuchsia, aqua na nyeupe.</p><p>Wacha tuunde hati iliyo na jedwali ambalo seli zake zimepakwa rangi tofauti. Weka usuli wa hati kuwa nyeusi. Wacha tuandike (au tuhariri) hati kwa kutumia Notepad na tuiandike kwenye folda inayofanya kazi kwenye faili colortab1.htm.</p> <p><TH>- Hiki ndicho kinachoitwa lebo ya kichwa cha jedwali. Kwa kweli inatangaza mstari ambao kichwa cha meza kinapaswa kuandikwa. Katika kesi hii ana <a href="https://redcomrade.ru/sw/multimedia/html-kody-dlya-tablicy-primer-primenenie-atributa-colspan/">COLSPAN sifa</a>, ambayo hubainisha ni seli ngapi kutoka kwa safu mlalo inayofuata kichwa hiki kinapaswa kuingiliana. Lebo <FONT >inafafanua mipangilio ya mali ya fonti. Katika kesi hii, rangi ya maandishi kwenye bar ya kichwa imewekwa. Kwa ujumla, unaweza kutumia sifa nyingi katika vitambulisho, lakini tag <FONT>ni ubaguzi - lebo tofauti hutumiwa kwa kila mabadiliko katika sifa za maandishi <FONT>, Kwa mfano:</p><p>Unda hati kwenye folda yako ya kufanya kazi, font1.htm, katika mwili ambao ni pamoja na maandishi ya mfano hapo juu na uangalie matokeo. Unaweza kuharakisha kazi kwa kunakili mfano huu kwenye maandishi yaliyoundwa na Notepad. Ili kufanya hivyo, chagua mfano katika mwongozo kwa kuburuta pointer ya panya (na ufunguo wa kushoto umesisitizwa) kando ya upau wa uteuzi upande wa kushoto wa mistari mitatu ya mfano. Kwa kutumia hati ya colortab1.htm kama sampuli, tengeneza hati ya table3.htm kwenye folda inayofanya kazi iliyo na jedwali lenye kichwa "Viratibu vya Kiini" na seli 16 (mistari 4 ya seli 4), ambamo viwianishi vya seli hizi viko. iliyoandikwa kulingana na kanuni ya C1K1 (ambapo C - mstari, K - safu na nambari zinazolingana). Mandharinyuma ya hati yanapaswa kuwa ya bluu-kijani, mandharinyuma ya upau wa kichwa yanapaswa kuwa nyeupe, na maandishi ya upau wa kichwa yawe ya njano. Maandishi katika seli za jedwali yanapaswa kuwa nyeusi kwenye mandharinyuma ya kijivu. Seli za jedwali lazima ziwe na mipaka. <br></p><p>§ 4. Utumiaji kivitendo wa lugha ya alama ya hypertext HTLM <br></p><p>Kanuni kuu ya uundaji wa mazingira shirikishi ya kujifunzia kwa dhana zote za kujifunzia, kama inavyoonyeshwa <a href="https://redcomrade.ru/sw/monitors/ekonomiya-na-otpuske-prakticheskii-opyt-i-sovety-kak-zarabotat-v-puteshestvii/">uzoefu wa vitendo</a>, ni kanuni ya hypertext ya uundaji na uwasilishaji wa habari. Nadharia ya maandishi ya hypertext iliyoendelezwa katika fasihi, pamoja na uzoefu uliopo katika kuunda miundo ya hypertext, hufanya iwezekanavyo kuelezea idadi ya vipengele vyake muhimu, vya kimuundo muhimu vya dhana. Hebu tukumbuke historia ya malezi ya jambo hili. Hapo awali, teknolojia ya maandishi ya hypertext ilivutia usikivu wa walimu kama njia ya kuunganisha habari ya maandishi na habari iliyowasilishwa kwa njia zingine - multimedia (sauti, video, uhuishaji, nk). Kisha waandishi - watengenezaji wa programu za mafunzo ya kompyuta - waligundua hypertext kama njia ya kuiga michakato ya utambuzi na kwa hivyo kama njia mpya ya kudhibiti michakato hii. Ni dalili kwamba wazo lenyewe la hypertext (ingawa bila kuanzishwa kwa neno hili) lilikuwa la kwanza, kama ilivyoelezwa katika vitabu vyote vya Magharibi juu ya historia ya dhana hii na kama inavyokubaliwa kwa ujumla katika jumuiya ya habari ya mtandao. katika makala ya Vannevar Bush, yenye kichwa kama ifuatavyo: "Kama tunavyoweza kufikiria"; Ni kutokana na kazi hii kwamba enzi ya hypertext huanza kama jambo maalum katika nadharia ya habari, isimu na saikolojia ya utambuzi, na vile vile katika uwanja wa aina mpya ya usemi wa kisanii (hypertext fiction).</p><p>Hivi sasa, neno "hypertext" linatumika kwa vitu mbalimbali: 1) hii ni jina la njia maalum ya kujenga mifumo ya habari ambayo hutoa upatikanaji wa moja kwa moja kwa data wakati wa kudumisha uhusiano wa mantiki kati yao; 2) huu ni mfumo fulani wa maandishi na <a href="https://redcomrade.ru/sw/monitors/princip-kommutacii-kanalov-globalnye-seti-s-kommutaciei-kanalov-i-paketov/">habari za media titika</a> kwa namna ya mtandao wa maandishi yaliyounganishwa na faili nyingine; 3) hii ni kiolesura maalum cha ulimwengu wote, sifa zake tofauti ambazo ni mwingiliano wake na urafiki wa ajabu kwa mtumiaji. Ukuzaji wa mifumo ya maandishi kwa madhumuni ya kielimu ilianza nje ya nchi katika miaka ya 80; kazi kama hiyo nchini Urusi hadi hivi karibuni ilikuwa katika hatua ya majaribio. Mnamo 2004, tumeona ongezeko kubwa la idadi ya mifumo ya hypertext inayotolewa kwa ajili ya kujifunza umbali, ambayo inaambatana na mwelekeo wa kimataifa katika eneo hili.</p><p>Vifaa vya elimu vilivyoandaliwa kwa misingi ya multimedia <a href="https://redcomrade.ru/sw/multimedia/yazyk-gipertekstovoi-razmetki-html-tehnologii-web/">teknolojia za hypertext</a>, kuwa na idadi ya faida dhahiri kwa mwalimu, ambaye hutoa, anaongoza na kudhibiti mchakato wa kujifunza, na kwa mwanafunzi: kwanza kabisa, hizi ni uwezekano mpya wa uwasilishaji wa nyenzo za kielimu zinazohusiana na utumiaji wa kuona na kusikia. uwazi. Inapaswa pia kuzingatiwa kuwa muundo wa hypertext wa nyenzo za elimu yenyewe una umuhimu wake wa didactic, kwa kuwa ni aina rahisi zaidi ya kuwasilisha habari, kuruhusu mahitaji ya mtu binafsi ya mwanafunzi kuzingatiwa kwa kiwango cha juu. Kwa kweli, kila ufikiaji wa kozi ya mafunzo ya kiotomatiki, ambayo msingi wake ni hifadhidata iliyotengenezwa kwa muundo wa maandishi ya maandishi, ni mchakato wa kuunda maandishi yako ya kielimu ambayo yanalingana vya kutosha na kazi fulani ya sasa, kama matokeo ya ujifunzaji. mchakato hupata kipengele cha ubunifu. Kwa kuanzisha miunganisho ya kimantiki kati ya vizuizi vya habari, kupanga habari, kufuata mantiki yake mwenyewe ya kuielewa, mwanafunzi kimsingi anakuwa mwandishi mwenza, na labda hii inakuwa kipengele cha kuvutia zaidi cha kutumia kozi kama hizo katika mchakato wa kusoma. Hata hivyo, ni lazima kusisitizwa kwamba <a href="https://redcomrade.ru/sw/the-winchesters/oshibka-replikacii-1722-oshibka-server-rpc-nedostupen-klyuchevye-sposoby/">tatizo muhimu</a> katika mfumo kama huu, shida ya kupanga "urambazaji" inakuwa shida, bure au iliyowekwa na mkakati wa msanidi programu wa kusoma <a href="https://redcomrade.ru/sw/power-supply/informacionnoe-pole-zemli-i-vselennoi-ob-otnoshenii-ponyatii-informacionnoe-prostranstvo-informacion/">uwanja wa habari</a>, ambayo lazima pia kutatua matatizo halisi ya didactic. Katika masomo juu ya nadharia ya hypertext, masuala ya kuandaa "kusoma" kwa habari ya hypertext huzingatiwa kwa kushirikiana na uchambuzi rasmi wa muundo wa uwanja wa hypertext, uwezo. <a href="https://redcomrade.ru/sw/security/avtomatizirovannaya-informacionnaya-sistema-buhgalterskii-uchet-avtomatizirovannaya-informacionnaya-sis/">njia za kiufundi</a> udhibiti wa "urambazaji", pamoja na sifa za upendeleo wa kimkakati wa utambuzi wa kibinadamu (tunasisitiza tena kwamba eneo la mwisho bado ndilo eneo lililosomwa kidogo zaidi). Miundo ya kimkakati iliyoboreshwa vyema kabisa mara nyingi ni miundo msingi ya mifumo ya utafutaji otomatiki na mifumo otomatiki ya usindikaji wa hoja.</p><p>a) katika kiwango cha kwanza, cha juu zaidi, aina ya ufafanuzi mfupi zaidi hutumiwa kwa dhana zote za kimsingi za istilahi,</p><p>b) katika ngazi inayofuata, tafsiri kubwa ya dhana fulani imetolewa,</p><p>Katika nadharia ya hypertext, ili kurasimisha vigezo hivi, metric maalum ya hypertext ilitengenezwa, ambayo inajumuisha mbili <a href="https://redcomrade.ru/sw/ram/kastomnaya-proshivka-na-router-smartbox-beeline-zdes-nuzhno-ustanovit/">vigezo vya msingi</a>: kiwango cha uchangamano wa habari na faharasa ya utabakishaji. Kiwango cha juu cha mshikamano ni sifa ya miundo kama ya maandishi ya hypertext ambayo vizuizi vyovyote vya habari vinaweza kupatikana kwa urahisi kutoka kwa kizuizi kingine chochote (kawaida hii hutolewa na marejeleo mengi ya msalaba). Usongamano wa hali ya juu kupita kiasi unaweza kusababisha kuchanganyikiwa kabisa kwa msomaji anayegeukia maandishi ya hypertext, na pia hufanya iwe vigumu sana kufuatilia mwendelezo wa dhana. Uunganisho wa habari ya chini umejaa upotezaji wa nodi za kibinafsi kutoka kwa uwanja wa mtazamo wa msomaji wa maandishi, ambayo inaweza kubeba habari muhimu kwa malezi ya dhana fulani, au hata kufanya nodi za kibinafsi hazipatikani katika hali nyingi. Kielezo cha utabakaji hukuruhusu kukadiria kiwango kinachoruhusiwa cha uhuru katika kuchagua mlolongo wa usomaji wa hati ya hypertext. Ni kigezo hiki cha mwisho ambacho kinaonekana kwetu kuwa kigezo muhimu sana kwa aina mbalimbali za maandishi ya utendakazi-kimtindo kama hypertext ya elimu.</p><p>Katika elimu iliyoandaliwa <a href="https://redcomrade.ru/sw/power-supply/otchet-biblioteki-po-ispolzovaniyu-kompyuternogo-oborudovaniya-material/">vifaa vya kompyuta</a> ilipatikana kwa majaribio <a href="https://redcomrade.ru/sw/monitors/kakuyu-operativnuyu-pamyat-luchshe-kupit-kak-proverit-sovmestimost-materinskoi-platy-i-operativnoi-p/">kiasi mojawapo</a> viungo vinavyoruhusiwa kwa kila aya ya maandishi (si zaidi ya 1 - 2 viungo), pamoja na kiasi kilichopendekezwa cha habari ya maandishi: inapoonyeshwa kwenye skrini ya kompyuta, haipaswi kuchukua skrini zaidi ya 1.5 au 2. Kina cha miunganisho kinachoruhusiwa na kilichopendekezwa kilianzishwa kwa mujibu wa data ya nadharia ya utambuzi wa habari na isimu utambuzi. Ilichukuliwa kuwa, kulingana na mitindo ya utambuzi ya mtu binafsi ya uigaji wa habari, inaweza kuanzia hatua 2 hadi 5. Katika kazi kadhaa za kisaikolojia na kisaikolojia zilizotolewa kwa nadharia ya hypertext, majaribio yalifanywa ili kubainisha mikakati ya kimsingi ambayo ilionekana kuwa bora zaidi. <a href="https://redcomrade.ru/sw/motherboard/why-divide-into-different-workgroup-working-groups/">makundi mbalimbali</a> ya watu; Data iliyopatikana huturuhusu kubainisha aina tatu kuu za tabia katika nafasi ya maandishi ya ziada; katika mapokeo ya lugha ya Kiingereza zinaitwa urambazaji wa kina-kwanza, urambazaji wa upana-kwanza, na vibadala viwili vya mkakati wa kati (urambazaji bila mpangilio), unaochanganya katika uwiano fulani wa mbinu mbili za kwanza). Hata hivyo, ni lazima ieleweke kwamba watafiti wote, bila ubaguzi, wanasisitiza haja ya majaribio ya ziada katika mwelekeo huu ili kuanzisha kiwango cha kuaminika kwa data zilizopatikana. Bila shaka, suala hili linahitaji zaidi, utafiti wa kina zaidi, kwa hiyo kazi hii iliongozwa hasa na mawazo ya angavu kuhusu muundo bora wa viunganisho, ambavyo viliagizwa na maalum ya nyenzo za msingi za hypertext.</p><p>Majaribio na maswali ya mdomo ni kati ya zana za tathmini zinazotumiwa sana na zilizoendelezwa vyema katika elimu ya juu. Jaribio la kawaida ni mlolongo wa maswali rahisi. Kila swali lina jibu rahisi ambalo linaweza kujaribiwa rasmi na kupata alama kama sahihi, si sahihi, au sahihi kiasi (kwa mfano, haijakamilika). Maswali kwa kawaida huainishwa katika aina kulingana na aina ya jibu linalotarajiwa. Aina za maswali ya awali zimegawanywa katika maswali [ndiyo/hapana], [chaguo nyingi/jibu moja] (MC/MS) maswali, [chaguo nyingi/majibu mengi] (MC/MS) na maswali <a href="https://redcomrade.ru/sw/case/chem-otkryt-sit-na-mac-chem-otkryt-fail-sit-tipy-failov-sit/">aina ya wazi</a> kwa maandishi au jibu la nambari. Aina za maswali ya hali ya juu zaidi ni pamoja na maswali yanayolingana, <a href="https://redcomrade.ru/sw/multimedia/ms-sql-server-obsluzhivanie-sistemnyh-baz-dannyh-opoveshcheniya-na-email/">mlolongo sahihi</a>, akizungumzia maswali (jibu ni eneo moja au zaidi kwenye picha), pamoja na maswali ya graphic (jibu ni grafu rahisi). Aidha, kila mmoja <a href="https://redcomrade.ru/sw/internet/dino-espozito-razrabotka-sovremennyh-veb-prilozhenii/">eneo la somo</a> inaweza kuwa na aina fulani za maswali.</p><p>Chaguo za usaidizi wakati wa hatua ya uundaji hutegemea teknolojia inayotumika kuhifadhi suala mahususi kwenye mfumo. Kwa sasa, tunajua njia mbili tofauti za kuhifadhi swali: katika umbizo la uwasilishaji na umbizo la ndani. Katika muktadha wa kujifunza kwa msingi wa Wavuti, kuhifadhi swali katika umbizo la wasilisho kunamaanisha kulihifadhi kama kipande cha msimbo wa HTML (kawaida fomu ya HTML). Maswali kama haya yanaweza pia kuitwa maswali tuli. Ni "sanduku nyeusi" kwa mfumo wa WBE. Mfumo unaweza tu kuwasilisha maswali tuli "kama yalivyo" (kama yalivyoundwa). Kuunda maswali ya aina hii mara nyingi hauhimiliwi na mfumo wa WBE, kwani inaweza kufanywa katika mhariri wowote wa HTML.</p><p>Aina ya teknolojia ya mwingiliano inayotumiwa kuibua majibu ya wanafunzi ni mojawapo ya nyingi zaidi <a href="https://redcomrade.ru/sw/windows-7/differencialnyi-avtomat-ustanovka-i-oboznachenie-spisok-samyh-vazhnyh/">sifa muhimu</a> Mifumo ya WBE. Inafafanua utendakazi wote wakati wa hatua ya kutoa swali na pia huathiri uundaji wa maswali na hatua za tathmini. Hivi sasa, kuna teknolojia tano: viungo vya HTML, fomu za HTML/CGI, lugha za uandishi, programu-jalizi na viungo vya Java - nyingi zaidi. <a href="https://redcomrade.ru/sw/graphics-card/blockchain-dlya-chainikov-tehnologiya-blokchein-prostymi-slovami/">teknolojia rahisi</a> mwingiliano unaotekelezea seti ya majibu yanayowezekana kama orodha ya viungo vya HTML. Kila kiungo kimeunganishwa kwa ukurasa maalum wa maoni. Wakati wa kutumia mbinu hii, matatizo mawili hutokea: utata wa kuunda maswali (mantiki ya swali lazima ijengwe kwa nguvu katika hypertext ya kozi) na msaada kwa aina mbili tu za maswali: [ndiyo / hapana] na [MV / OO. ]. Teknolojia hii ilitumiwa hasa katika siku za mwanzo za kujifunza kwa msingi wa Wavuti, wakati teknolojia za hali ya juu zaidi za mwingiliano kama vile CGI, JavaScript, au Java zilikuwa bado hazijatengenezwa.</p><p>Teknolojia maarufu zaidi ya upimaji wa Wavuti inayotumiwa sasa na mifumo mingi ya kibiashara na vyuo vikuu ni mchanganyiko wa fomu za HTML na hati za CGI. Fomu za HTML ni muhimu sana kwa kuwasilisha aina za msingi za maswali. Maswali kama vile [ndiyo/hapana] na [MV/OO] yanawakilishwa na seti za aikoni, orodha za uteuzi na menyu ibukizi. [MV/MO] maswali yanawasilishwa kama orodha chaguo nyingi au seti za vitufe vya redio. Maswali ya wazi yanatekelezwa kama sehemu za kuhariri. Maswali ya kina zaidi, kama vile kulinganisha au maswali ya mfuatano sahihi, yanaweza pia kutekelezwa kwa kutumia fomu. Zaidi ya hayo, sehemu zilizofichwa zinaweza kutumika kuhifadhi <a href="https://redcomrade.ru/sw/power-supply/ipad-2-wi-fi-reviziya-a-veb-brauzer---eto-programmnoe-prilozhenie-dlya-dostupa-i/">Taarifa za ziada</a> kuhusu jaribio ambalo hati ya CGI inaweza kuhitaji. Manufaa makubwa kutokana na kutumia teknolojia ya upande wa seva (ambayo inajumuisha teknolojia ya Fomu/CGI) na teknolojia sawa na hiyo "ramani za upande wa seva" hutokea wakati wa kutekeleza maswali ya kuelekeza picha. <br></p><p>Hitimisho <br></p><p>Kulingana na matokeo ya kutatua shida za kazi, matokeo yafuatayo yalipatikana:</p><p>HTML ni ya kawaida <a href="https://redcomrade.ru/sw/multimedia/kakie-tekstovye-redaktory-est-v-standartnyh-programmah-obzor-tekstovyh/">aina ya maandishi</a> faili ambayo kile tunachoona kwa kawaida kwenye kurasa huingizwa na msimbo usioonekana kutoka kwa kivinjari. Msimbo huu usioonekana ni lugha ya alama ya HTML.</p><p>HTML sio lugha ya programu - hutumikia tu kuweka alama kwenye ukurasa, kutoa mwonekano fulani kwa kipengele kimoja au kingine, iwe meza, maandishi au picha.</p><p>Hii inafanywa kwa kugawa kila kipengele vigezo vyake, ambavyo kivinjari kinatambua. Vigezo hivi vinaweza kuweka kwa moja, au kwa kikundi au aina ya vipengele. Aina ya vipengele inaweza kuwa: meza, seli, viungo, maandishi, nk. Hiyo ni, kitu ambacho kinaweza kuitwa kwa muda mmoja. <a href="https://redcomrade.ru/sw/internet/metodika-postroeniya-obektnoi-modeli-v-oop-programmist-snachala-vydelyaet/">Mali ya mtu binafsi</a> Unaweza pia kuwapa kibinafsi vipengele vilivyochaguliwa. Sababu kuu ya kuonekana hivi karibuni <a href="https://redcomrade.ru/sw/processors/kak-uvelichit-skorost-skachivaniya-brauzere-yandeks-uvelichivaem/">kiasi kikubwa</a> Seva za wavuti ni kwamba ni rahisi kusakinisha na zinazidi kuongezeka <a href="https://redcomrade.ru/sw/windows-7/bolshie-dannye-kak-instrument-chto-takoe-big-data-sobrali-vs-samoe/">chombo kikubwa</a>, ambayo inaweza kutumika katika biashara. Sababu ya pili ni kuibuka kwa wahariri zaidi na bora wa HTML na vigeuzi vya maandishi, kukuwezesha kuunda kurasa mpya za Wavuti.</p><p>Kuhusu upeo wa maombi, yafuatayo yanaweza kusemwa. Mustakabali wa Wavuti pia unahusishwa na kuongezeka kwa kasi ya uhamishaji wa data kwenye Mtandao, kwani Wavuti imeunganishwa bila usawa na Mtandao.</p><p>Kuna uwezekano kusalia suala la kutopatana kati ya vivinjari na seva za Wavuti kwa sababu Netscape Communications imepanua HTML kwa kiasi fulani, na kusababisha si vivinjari vyote kuonyesha hati zilizoandikwa katika umbizo jipya la HTML. <br></p><p>Fasihi <br></p><p>1.<span>Broido V.L. <a href="https://redcomrade.ru/sw/multimedia/prezentaciya-na-temu-biografiya-dzhona-fon-neimana-prezentaciya/">Mifumo ya kompyuta</a>, mitandao na mawasiliano ya simu St. Petersburg, St. Petersburg 2002- 464 p. <p>2.<span>Informatics / iliyohaririwa na S.V. Simonovich. St. Petersburg, St. Petersburg 2001- 400 p. <p>.<span>Kirmayer M. Teknolojia ya habari. St. Petersburg: Peter, 2003 - 443 p. <p>.<span>Matthews J. Seva ya wavuti. St. Petersburg: Alama, 1998 - 356 p. <p>.<span>Oliver V.G., Olifer N.A. <a href="https://redcomrade.ru/sw/windows-8/osobennosti-postroeniya-obedinennoi-seti-superkompyuternogo/">Mitandao ya kompyuta</a>. St. Petersburg: Peter, 2005 - 864 pp. <p>.<span>Oliver V.G., Olifer N.A. Mtandao <a href="https://redcomrade.ru/sw/case/operativnaya-sistema-i-ee-vidy-chto-takoe-operacionnaya-sistema-vidy-operacionnyh-sistem-etapy-zagru/">Mfumo wa Uendeshaji</a>. St. Petersburg: Peter, 2003 - 539 p.</p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> <p><b>I</b><b>. Taarifa za msingi kuhusu</b><b>HTML</b><b>. </b></p> <p>Katika miaka ya hivi karibuni, maendeleo ya Mtandao yamebadilika kutoka kurasa tuli hadi mifumo ya habari inayobadilika. Wakati fulani uliopita, kuunda kurasa za kisasa za Wavuti kulihitaji zaidi ya amri kamili ya Lugha ya Kuweka Alama ya HyperText (HTML).</p> <p><b>HTML</b><i>ni lugha rahisi ya kuchakata maneno; katika lugha hii kwa kutumia seti ya vitambulisho (</i><i>vitambulisho</i><i>) hati imeundwa ambayo inaweza kutazamwa na mtazamaji maalum</i><i>Mtandao</i><i> (</i><i>kivinjari</i><i>). </i></p> <p>HTML si lugha ya programu kwa maana sawa na C++ au Visual Basic; ni kama fomati ya hati inayotumia mifuatano ya kutoroka. Usimbaji wa HTML mara nyingi hulinganishwa na kuunda hati ndani <a href="https://redcomrade.ru/sw/multimedia/kak-konvertirovat-otskanirovannyi-dokument-v-format-microsoft-word/">Muundo wa Microsoft</a> Neno kwa kuandika misimbo ya uumbizaji moja kwa moja kwenye Notepad. Kwa wazi, hii ina utendaji mdogo sana.</p> <p>Chini ya <b>hati ya hypertext</b> kuelewa hati ambayo ina viungo kwa hati nyingine. Haya yote yalitekelezwa kupitia <b>itifaki ya maambukizi <a href="https://redcomrade.ru/sw/motherboard/protokol-peredachi-giperteksta-http-xx-soobshcheniya-ob-uspehe/">HTTP hypertext</a> </b>(Itifaki ya Uhamisho wa Maandishi ya Hyper).</p> <p>Taarifa katika <a href="https://redcomrade.ru/sw/power-supply/podklyuchenie-skanera-k-pk-twain-web---skanirovanie-dokumentov-po/">Nyaraka za wavuti</a> inaweza kupatikana kwa kutumia maneno muhimu. Hii ina maana kwamba kila kivinjari cha Wavuti kina viungo maalum vinavyounda viungo vinavyoruhusu mamilioni ya watumiaji wa Intaneti kutafuta taarifa duniani kote.</p> <p>Nyaraka za Hypertext zinaundwa kulingana na <b>HTML (Lugha ya Alama ya Maandishi ya Hyper).</b> Lugha hii ni rahisi sana; misimbo yake ya udhibiti, ambayo kwa kweli hutungwa na kivinjari ili kuonyeshwa kwenye skrini, inajumuisha <a href="https://redcomrade.ru/sw/more/tablica-kodirovki-koi-8-desyatichnyi-kod-chto-za-kodirovka-koi8-r-i/">Nakala ya ASCII</a>. Viungo, orodha, vichwa, picha na fomu huitwa <b>vipengele vya lugha ya HTML</b>.</p> <p>Hivi sasa, kuna wahariri wengi wa kurasa za Wavuti ambao hawahitaji maarifa yoyote kutoka kwako. <a href="https://redcomrade.ru/sw/windows-8/izuchit-yazyk-razmetki-html-osnovy-html-dlya-nachinayushchih-zagolovki-stranicy-h1-h2/">Misingi ya HTML</a>. Lakini ili kuweza kujiandaa kitaaluma <a href="https://redcomrade.ru/sw/security/raznica-mezhdu-gipertekstovymi-i-obychnymi-dokumentami-otlichie/">hati za hypertext</a>, unapaswa kuwajua <a href="https://redcomrade.ru/sw/windows-7/vnutrennee-stroenie-kompyutera-stroenie-personalnogo-kompyutera-chto-u/">muundo wa ndani</a>, yaani, msimbo wa hati ya HTML.</p> <p>HTML hukuruhusu kutoa habari tofauti za maandishi kulingana na hati zilizoundwa.</p> <p>Kivinjari hutambua viungo vilivyotengenezwa na, kupitia Itifaki ya Uhawilishaji ya HyperText (HTTP), hufanya hati yako ipatikane kwa watumiaji wengine wa Mtandao. Bila shaka, ili kutekeleza haya yote kwa ufanisi, unahitaji programu ambayo inaendana kikamilifu na WWW na inasaidia HTML.</p> <p><b>II. Maelezo ya HTML</b></p> <p><b>hati ya HTML -</b> <i>hii ni faili ya maandishi ya kawaida</i>. Kwa kutumia kivinjari chochote cha Wavuti, unaweza kuona matokeo ya kazi yako kwa kupakia tu faili ya maandishi iliyoundwa kwa kutumia syntax ya HTML ndani yake.</p> <p><b>Lugha ya maandishi ya maandishi hutoa habari ya kusoma tu</b>. Hii ina maana kwamba ni mtu pekee aliyeziunda, na si mtumiaji wa kawaida wa Mtandao, ndiye anayeweza kuhariri kurasa za Wavuti.</p> <p>Wengi <b><a href="https://redcomrade.ru/sw/windows-8/ne-rabotaet-sensor-na-telefone-digma-glavnyi-ekran-i-elementy/">kipengele kikuu</a> lugha ya hypertext</b>-Hii <b>viungo</b>. Kwenye Mtandao Wote wa Ulimwenguni, bonyeza tu kwenye kiungo na ujipate mahali pengine papo hapo <a href="https://redcomrade.ru/sw/the-winchesters/programma-zemnoi-shar-sputnikovaya-karta-google-earth-skleivaem/">dunia</a> kwenye ukurasa wa chaguo lako.</p> <p><b>Lebo.</b></p> <p><b>Lebo</b>- <i>kitengo kilichoumbizwa cha msimbo wa HTML</i>.</p> <p><b>Lebo</b> HTML ina vitu vifuatavyo kwa mpangilio fulani:</p> <ul><li>mabano ya kona ya kushoto< (такого же, как "меньше чем" символа)</li> <li>kufyeka kwa hiari /, ambayo inamaanisha kuwa lebo ni <i>lebo ya mwisho inayofunga muundo fulani</i>. Kwa hivyo katika muktadha huu unaweza kusoma / ishara kama <i>mwisho...</i></li> <li>jina la lebo, kama vile TITLE au PRE</li> <li>hiari, hata kama lebo inaweza kuwa nazo, <b>sifa</b>. Lebo inaweza kuwa bila sifa au kuambatana na sifa moja au zaidi, kwa mfano: ALIGN=CENTER</li> <li>mabano ya pembe ya kulia > (sawa na kubwa kuliko ishara).</li> </ul><p>Vitambulisho vingi vina <b>kipengele cha kufungua<> </b> Na <b>kufunga</>. </b> Kati yao ni <b>kanuni</b> ambayo kivinjari cha Wavuti kinatambua</p> <p>Katika hali kama hizi, vitambulisho viwili na sehemu ya hati iliyotengwa nao huunda kizuizi kinachoitwa <b>Kipengele cha HTML</b>. Baadhi ya vitambulisho k.m. <HR>, ni <a href="https://redcomrade.ru/sw/windows-7/specialnye-i-vlozhennye-spiski-v-html-kode-numerovannye-spiski-element/">Vipengele vya HTML</a> wenyewe, na kwao lebo inayolingana ya mwisho sio sahihi.</p> <p>Kwa kila lebo, seti ya iwezekanavyo <b>sifa</b>. Lebo nyingi huruhusu sifa moja au zaidi, lakini kunaweza kuwa hakuna sifa hata kidogo. <b>Uainishaji wa sifa</b> inajumuisha yafuatayo:</p> <ul><li>jina la sifa, kama vile WIDTH</li> <li>ishara sawa (=)</li> <li>thamani ya sifa, ambayo inatajwa na kamba ya tabia, kwa mfano, "80".</li> </ul><p>Daima muhimu <b>weka thamani ya sifa katika nukuu</b>, kwa kutumia single ("80") au <a href="https://redcomrade.ru/sw/processors/inurl-comment-php-id-chaemyi-poisk-tochnoi-frazy-pri-pomoshchi-dvoinyh/">nukuu mara mbili</a> ("80"). <b>Mfuatano ulionukuliwa lazima usiwe na manukuu ndani yake</b>. Kwa hivyo, ikiwa tarehe imefungwa kwa nukuu mbili, tumia <a href="https://redcomrade.ru/sw/windows-7/ekranirovat-odinarnye-kavychki-php-uroki-po-php-tipy-peremennyh/">nukuu moja</a> kwa kuambatanisha kwa baadae katika alama za nukuu, na kinyume chake. Unaweza pia kuacha nukuu za maadili ya sifa ambayo yanajumuisha herufi zifuatazo tu:</p> <ul><li>Herufi za alfabeti za Kiingereza (A - Z, a - z)</li> <li>nambari (0 - 9)</li> <li>vipindi vya muda</li> <li>viambatisho (-)</li> </ul> <p>Lugha ya markup hypertext (HTML) hutumiwa mara nyingi kuunda programu za mafunzo ya kielektroniki.</p> <p>Chaguo hili linatokana na ukweli kwamba, pamoja na urahisi wa kuunda aina hii ya hati, lugha ya alama ya maandishi ya hypertext ina uwezo mkubwa, kama vile kutoa maandishi yaliyopangwa, kwa kutumia. <a href="https://redcomrade.ru/sw/ram/pechat-i-sohranenie-prozrachnyh-graficheskih-obektov-kak-udalit/">vitu vya picha</a> karibu miundo yote inayojulikana, kwa kutumia taswira ya usuli, kuingiza vitu kama vile sauti ya usuli, video, n.k.</p> <p>Kwa kuongeza, HTML hurahisisha kupanga viungo vya vitu vingine au vipande vya maandishi kwenye hati yenyewe.</p> <p>Faida kubwa ya HTML ni kwamba zana nyingi za kisasa (kama vile vihariri vya maandishi na picha, lugha za programu zinazoonekana, Internet Explorer...) zinasaidia kufanya kazi na kuhifadhi hati katika umbizo la HTML.</p> <p>Kwa hiyo, HTML mara nyingi hutumiwa kuunda vile <a href="https://redcomrade.ru/sw/ram/chto-yavlyaetsya-programmno-informacionnym-produktom-ponyatie-informacionnyh/">bidhaa za programu</a>. Hata hivyo, uumbaji <a href="https://redcomrade.ru/sw/windows-7/fail-atributy-faila-i-ego-obem-hranenie-informacionnyh-obektov/">aina mbalimbali</a> mifano ya demo, taratibu za kupima na tafiti, kwa maoni yangu, bado zinafanywa rahisi kwa msaada wa lugha za programu za kuona.</p> <p>Kwa hivyo, nadharia hii inachunguza ujumuishaji wa zana anuwai za kuunda mafunzo, programu za upimaji na vitabu vya kiada vya elektroniki.</p> <p>Hata hivyo, matumizi ya nyaraka za HTML huwezesha sana uandishi wa sehemu ya kinadharia ya programu na kuifanya kuwa hai zaidi. Hebu tuangalie masuala machache yanayohusiana na kuunda hati za HTML. Unaweza kufanya kazi kwenye Wavuti bila kujua lugha ya HTML, kwani maandishi ya HTML yanaweza kuundwa na wahariri na waongofu mbalimbali maalum.</p> <p>Hata hivyo, ni bora kuandika moja kwa moja katika HTML, au angalau kufuatilia na kurekebisha msimbo wa HTML mara kwa mara. Kuandika moja kwa moja katika HTML si vigumu. Inaweza hata kuwa rahisi zaidi kuliko kujifunza kihariri au kigeuzi cha HTML, ambacho mara nyingi huwa na uwezo mdogo, buggy, au kuzalisha HTML mbaya ambayo haifanyi kazi kwenye majukwaa mbalimbali.</p> <p>Toleo la kwanza la HTML lilitengenezwa mapema miaka ya 90 na Tim Beners-Lee kwa kivinjari maarufu cha Musa. Lakini katika siku hizo, kivinjari wala lugha yenyewe ilikuwa bado imepata matumizi yanayostahili. HTML+ ilionekana mnamo 1993, na toleo hili pia halikutambuliwa. Anza <a href="https://redcomrade.ru/sw/ram/kakova-osnovnaya-osobennost-otlichayushchaya-avtotransformator-ot/">matumizi makubwa</a> Hypertext ilipewa toleo la 2.0, ambalo lilionekana mnamo Juni 1994.</p> <p>Huu ndio wakati ambapo WWW ilianza kukua kwa umaarufu duniani kote. Vipengele vilivyojumuishwa katika toleo la 2, kwa sehemu kubwa, bado vinatumika leo.</p> <p>Toleo la 3.0 la HTML, ambalo lilionekana mwaka mmoja baadaye, lilianzisha uwezo wa kuchora <a href="https://redcomrade.ru/sw/the-winchesters/php-specsimvoly-kody-specsimvolov-ascii-matematicheskie-simvoly/">alama za hisabati</a>(ishara muhimu, infinity, sehemu, mabano, n.k.) kwa kutumia vipengele vya lugha. Vivinjari (Uwanja) pia vilitengenezwa kwa toleo hili. Lakini mradi huu uligeuka kuwa mwisho na haukupokea usambazaji zaidi.</p> <p>Mnamo 1996 alionekana <a href="https://redcomrade.ru/sw/the-winchesters/adobe-flesh-pleer-russkaya-versiya-onlain-html-igry/">matoleo ya HTML</a> 3.2. Hili lilikuwa suluhisho la kiubunifu; inatosha kutaja kwamba viunzi vililetwa katika maelezo ya lugha, ambayo sasa yamekuwa maarufu sana miongoni mwa watengenezaji wa kurasa za Wavuti.</p> <p>Hata sasa, ufumbuzi mzuri sana wa kubuni unaweza kutekelezwa kulingana na vipimo hivi. Karibu vivinjari vyote vya kisasa vinaunga mkono kikamilifu toleo la 3.2, kwa hivyo waandishi hawana shaka juu ya utendaji wa vitu vilivyotangazwa.</p> <p>Pamoja na maelezo ya lugha rasmi, ambayo yalitengenezwa na shirika la W3C (W3 Consortium), kampuni za utengenezaji wa vivinjari ziliundwa. <a href="https://redcomrade.ru/sw/multimedia/chem-otlichaetsya-apple-ot-android-ios-protiv-android-chto-vs--taki-luchshe-sobstvennyi-vid/">vipengele vyake</a>(viendelezi).</p> <p>Baadaye, baadhi ya vipengele hivi, baada ya kupata kukubalika kwa ujumla, vilijumuishwa katika ubainifu wa toleo linalofuata la lugha. Inashangaza, kwa mfano, kwamba ufumbuzi wa ubunifu - muafaka - ambao watengenezaji wengi walipenda, haukujumuishwa katika vipimo vya 3.2.</p> <p>Lakini vivinjari viliunga mkono fremu, na vitabu vingi kwenye HTML vilijumuisha maelezo ya fremu bila kutaja kwamba vilikuwa vipengee visivyo vya kawaida. Na ilikuwa sawa, kwa sababu muafaka ukawa kiwango cha ukweli. Tayari zilijumuishwa katika toleo la 4 la lugha kwa sababu nzuri.</p> <p>Kinyume chake, vipengele vya APPLET na SCRIPT vinavyohitajika kupanua HTML kwa kutumia msimbo mwingine havikuwa na jukumu ambalo vilikusudiwa kutekeleza katika toleo la 3.2.</p> <p>Hii ilitokana na ukweli kwamba vivinjari <a href="https://redcomrade.ru/sw/case/chto-takoe-firewall-chto-takoe-fairvol-i-kak-ego-otklyuchit-v-razlichnyh-versiyah-windows/">matoleo tofauti</a> ilitafsiri programu katika Java, JavaScript, na Visual Basic VBScript tofauti. Kama matokeo, haikuwezekana kupata msimbo ambao ulifanya kazi kwa uhakika vya kutosha, na lugha hizi zilitumiwa na wapenda HTML haswa kwa majaribio.</p> <p>Uainishaji rasmi wa HTML 4 (Dynamic HTML) ulionekana mnamo 1997. Kwa wakati huu, ilikuwa tayari dhahiri kwamba maendeleo zaidi ya hypertext yangefanywa kupitia programu ya hati. Hii iligeuka kuwa na ufanisi zaidi kuliko kuanzisha vipengele vipya katika lugha.</p> <p>Vivinjari vilivyoonekana wakati huo (Netscape Navigator 4, Microsoft Internet Explorer 4, nk) tayari vilitafsiri msimbo wa programu kwa uhakika kabisa (kiwango fulani cha viwango kilipatikana). Walakini, watengenezaji bado wana shida. Kwa mfano, inaweza kuzingatiwa kuwa maandishi mengi huanza kwa kuamua toleo la kivinjari ili kutumia hii au kipande cha msimbo.</p> <p>Kwa wazi, programu inawajibika kwa kupima kurasa kwenye vivinjari vyote maarufu kwa sasa. Kwa kuongezea, shida ya kutumia ya zamani au sio ya zamani sana inabaki kuwa muhimu. <a href="https://redcomrade.ru/sw/more/spisok-samyh-populyarnyh-antivirusnyh-programm-skachat/">programu maarufu</a>. Microsoft na Netscape wanachukuliwa kuwa viongozi katika ukuzaji wa kivinjari, lakini pia kuna kampuni zingine.</p> <p>Kama matokeo, kutumia uwezo wote wa HTML ya Nguvu imekuwa jukumu la waandaaji wa programu katika mashirika makubwa ambapo kuna masharti ya maendeleo. <a href="https://redcomrade.ru/sw/motherboard/kak-ochistit-programmu-zdorove-na-iphone-kak-ispolzovat-apple-health/">programu ngumu</a> na majaribio yao ya kina. Waundaji wa kurasa za kibinafsi za Wavuti wakati mwingine wanapaswa kuafikiana kati ya kutegemewa na uvumbuzi ili kupata msimbo wa HTML unaotosheleza.</p> <p>Anatomia ya Ukurasa wa Wavuti</p> <p>Chini ni sampuli ya hati ya kawaida ya Wavuti. Katika mfano huu, tutaangalia muundo wa kurasa za HTML.</p> <p>Mfano (kiolezo) cha ukurasa wa Wavuti</p> <p><Т1Т1Е>Muundo wa ukurasa wa wavuti

Ikiwa unatazama maandishi ya chanzo ya kurasa mbalimbali za Wavuti, unaweza kuona kwa urahisi kufanana kwa miundo yao. Hii inaelezwa na ukweli kwamba nyaraka zinaundwa kulingana na sheria fulani.

Sintaksia ya lugha ya HTML inatokana na kiwango cha ISO 8879:1986 "Uchakataji wa taarifa. Mifumo ya maandishi na ofisi. Lugha Sanifu ya Marejeleo ya Jumla (SGML)". Kweli, kuna tofauti kubwa kati ya kiwango rasmi na kiwango halisi. HTML inabadilika kila wakati, ikiongezewa na vitu vipya, na inapaswa kusomwa sio kutoka kwa vyanzo rasmi vya msingi, lakini kwa mazoezi, ikigeukia maendeleo ya hivi karibuni ya kampuni zinazoongoza na wataalamu.

Ili kuelewa muundo wa ukurasa wa Wavuti, unahitaji kuzingatia uzito wa vipengele vilivyojumuishwa kwenye orodha hapo juu. Tunapozingatia vipengele vya lugha, tutatumia vitambulisho vyote viwili: kuanza na mwisho.

Kwa mfano: . Hii inaweza kusisitizwa kuwa katika hali nyingi msanidi anapaswa kutumia vitambulisho viwili kwa kila kipengele. Idadi ya matukio ambapo lebo ya mwanzo pekee inaruhusiwa (vipengee vingine havina lebo ya mwisho kabisa) ni ndogo, na vimebainishwa haswa. Unaweza kutumia herufi kubwa au kubwa kwa majina ya lebo. kesi ya chini Alfabeti ya Kilatini.

Watumiaji wengine huandika lebo za kuanza kwa herufi kubwa na za mwisho kwa herufi ndogo. Hii hukusaidia kuelewa matini chanzo cha ukurasa wa Wavuti.

Sintaksia ya HTML.

Nukuu ya hati ya HTML. Ilitajwa hapo juu kuwa kanuni mojawapo ya lugha ni uwekaji wa viota wa vipengele mbalimbali. Kipengele hiki ndicho cha nje zaidi, kwani ukurasa wote wa Wavuti lazima uwe kati ya vitambulisho vyake vya kuanza na mwisho.

Kimsingi, kipengele hiki kinaweza kuzingatiwa kama utaratibu. Ina toleo, sifa za lang na dir, ambazo hazitumiwi sana katika kesi hii, na inaruhusu kuota kwa HEAD, BODY, FRAMESET na vipengele vingine vinavyoamua muundo wa jumla wa ukurasa wa Wavuti. Kwa kawaida, tag ya mwisho nyaraka zote hizo zinaisha.

Eneo la kichwa cha ukurasa wa Wavuti. Kwa maneno mengine, sehemu yake ya kwanza. Pia kipengele kilichotangulia, HEAD hutumika kuunda tu muundo wa jumla hati. Kipengele hiki kinaweza kuwa na sifa za lang na d i r, lazima kijumuishe kipengele cha TITLE, na kinaruhusu kuweka vipengee vya BASE, META, LINK, OBJECT, SCRIPT, STYLE.

Kipengele cha kuweka kichwa cha ukurasa wa Wavuti. Mstari wa maandishi ulio ndani ya kipengele hiki hauonyeshwa kwenye hati, lakini kwenye upau wa kichwa wa dirisha la kivinjari. Mfuatano huu mara nyingi hutumiwa wakati wa kuandaa utafutaji kwenye WWW. Kwa hiyo, waandishi wanaounda kurasa za Mtandao kwa ajili ya kuchapisha kwenye mtandao lazima wahakikishe kwamba mstari huu, bila kuwa mrefu sana, unaonyesha kwa usahihi madhumuni ya hati.

Maelezo ya mtindo wa baadhi ya vipengele vya ukurasa wa Wavuti. Faili ya Strukt.htm inapeana fonti kwa vipengele vya H2 na CODE.

Kwa kawaida, kwa kila kipengele kuna mtindo wa kawaida, hivyo matumizi ya kipengele cha STYLE sio lazima, lakini inahitajika.

Inafurahisha jinsi sintaksia ya HTML inavyoakisi historia ya maendeleo teknolojia ya kompyuta. Kwa mfano, kipengee cha zamani cha BLINK ambacho sasa hakitumiki kinatukumbusha nyakati ambazo watu walitumia maonyesho ambayo yalikuwa na hali ya maandishi pekee. Kwa kuzingatia hali hii ya mambo, maandishi ya kufumba na kufumbua pengine ndiyo yalikuwa athari ya kuona inayoweza kufikiwa.

Kinyume chake, kipengee cha STYLE, kilicholetwa hivi majuzi, kinaibua uhusiano na programu za Windows, kwani walianzisha kwanza mtindo wa maandishi, ambao sasa ni maarufu sana, na bila hiyo haiwezekani tena kufanya kazi katika programu kama vile Neno au Excel.

Kipengele hiki kina maelezo ya huduma ambayo hayaonyeshwa wakati wa kutazama ukurasa wa Wavuti. Hakuna maandishi ndani yake kwa maana ya kawaida, kwa hivyo hakuna lebo ya mwisho. Kila kipengele cha META kina sifa kuu mbili, ya kwanza ambayo inafafanua aina ya data, na ya pili maudhui.

Kwa kuongeza, kipengele cha META kinaweza kuwa na URL. Kiolezo cha sifa inayolingana ni:

URL="http://anwani"



Kipengele hiki kina hypertext, ambayo kwa kweli inafafanua Ukurasa wa wavuti. Hii ni sehemu ya kiholela ya hati ambayo inatengenezwa na ukurasa wa kiotomatiki na ambayo inaonyeshwa na kivinjari. Ipasavyo, lebo ya mwisho ya kipengee hiki inapaswa kupatikana mwishoni mwa faili ya HTML. Ndani ya kipengele cha BODY, unaweza kutumia vipengele vyote vilivyokusudiwa kwa muundo wa ukurasa wa Wavuti. Ndani ya lebo ya mwanzo ya kipengele cha BODY, unaweza kuweka idadi ya sifa zinazotoa mipangilio ya ukurasa mzima. Hebu tuwaangalie kwa utaratibu.

Mojawapo ya muhimu zaidi kwa muundo ni sifa inayofafanua usuli wa ukurasa. Muonekano wake unaweza kulinganishwa na mapinduzi madogo katika WWW, kwani kurasa zile zile za Wavuti za kijivu zilichanua ghafla na mifumo angavu ya rangi:

background="Njia ya faili ya usuli"

Muundo rahisi wa usuli unakuja ili kuweka rangi yake:

bgcolor="#ff/?GGSS"

Rangi ya mandharinyuma imebainishwa na nambari tatu za heksadesimali zenye tarakimu mbili ambazo huamua ukubwa wa nyekundu, kijani na rangi ya bluu kwa mtiririko huo. Kuweka rangi kutaelezwa kwa undani zaidi hapa chini. Sifa zote mbili zilizo hapo juu si mbadala na mara nyingi hutumiwa pamoja: ikiwa kwa sababu fulani muundo wa mandharinyuma hauwezi kupatikana, rangi hutumiwa.

Kwa sababu mandharinyuma ya ukurasa yanaweza kubadilika, unahitaji kuwa na uwezo wa kulinganisha rangi ya maandishi. Kwa kusudi hili kuna sifa ifuatayo

text="#/?/?GGB5"

Ili kuweka rangi ya maandishi ya viungo, tumia sifa ifuatayo:

Kwa njia hiyo hiyo, unaweza kuweka rangi kwa viungo vilivyotazamwa:

vlink="#/?/?GGflS"

Unaweza pia kubainisha mabadiliko ya rangi kwa kiungo cha mwisho kilichochaguliwa na mtumiaji:

Maandishi makubwa yaliyo ndani ya kipengele cha BODY yanaweza kuwa na muundo wowote. Imedhamiriwa, kwanza kabisa, kwa madhumuni ya ukurasa wa Wavuti na mawazo ya msanidi programu.

Kipengele cha kichwa. Kuna viwango sita vya vichwa, ambavyo vimeteuliwa H1...H6. Kichwa cha kiwango cha 1 ndicho kikubwa zaidi, na kiwango cha 6 kinatoa kichwa kidogo zaidi. Kwa vichwa, unaweza kutumia sifa inayobainisha upangaji wa kushoto, katikati au kulia:

Utawala wa usawa ni kipengele kinachotumiwa sana. Kwanza, kwa sababu ni rahisi sana kugawa ukurasa katika sehemu. Pili, kwa sababu mwandishi wa ukurasa ana uteuzi mdogo sana wa vipengele vile vya kubuni. Hakika, hakuna miundo kama hiyo katika HTML, kwa sababu fulani tu ubaguzi ulifanywa kwa mstari wa mlalo. Kweli, licha ya ubahili wa lugha katika eneo hili, unaweza kupata picha nyingi za kawaida za picha ambazo zinaweza kubadilisha mwonekano wa kurasa.

Kipengele hicho hakina lebo ya mwisho, lakini huruhusu idadi ya sifa kupangiliwa kushoto, kuwekwa katikati, kulia, kuhalalishwa:

Unaweza kuweka unene wa mstari:

51ge = unene katika saizi

Unaweza kudhibiti urefu wa mstari:

fiitifn - urefu katika saizi

upana=/^twa kwa asilimia/saa

Unaweza kuchagua rangi:

co1og="rangi"

Hati ya HTML inaweza kuwa kubwa sana, katika hali ambayo mtumiaji anapaswa kuwa na uwezo wa kwenda kwa haraka hadi sehemu inayotakiwa ya hati. Kwa kufanya hivyo, unaweza kutumia utaratibu wa hyperlink. Inahitajika pia kuweka alama zinazofaa katika sehemu zinazofaa katika maandishi. Hapa tutaangalia kiolezo pekee cha kuunda lebo:

<А name=" метка ">Maandishi ya bure

Katika kesi hii, mstari uliopewa wa hati hupewa jina, na kwa hiyo hyperlink inaweza kuundwa katika sehemu nyingine ya hati, au hata kwenye hati nyingine, inayoongoza kwa hatua hiyo. Kwa mfano, ili kusogeza ndani ya hati, unaweza kutumia muundo ufuatao:

<Р>Mpito kwa<А href=" Пметка ">lebo

Mistari kadhaa inayofanana inaweza kuunda aina ya jedwali la yaliyomo kwa ukurasa wa Wavuti, ambayo inaweza kuwekwa mwanzoni na mwisho wa hati.

Kipengele cha kubainisha anwani ya msingi (URL) ya viungo. Hii inakuwezesha kuacha sehemu ya awali ya anwani katika viungo vya hati. Ili kutumia kipengele hiki lazima utumie ujenzi ufuatao:

Njia // kipande cha anwani ni chaguo.

Anwani kamili inapotolewa, itatupwa.

Kwa hiyo, ikiwa kuna kiungo cha jamaa katika maandishi ya hati

<А ef =" путь2/имя документа, htm" ">Maandishi ya kiungo yanayoonekana,

basi italingana na URL

Katika kesi wakati unahitaji kuweka anwani ya msingi kwa diski ya ndani (kwa mfano.D :), ujenzi wafuatayo unapaswa kutumika:

Kisha, wakati wa kutaja kiungo cha jamaa, unaweza kutaja sio tu jina la faili, lakini pia majina ya folda ambayo iko. Kwa maneno mengine, njia ya faili inaweza kugawanywa katika sehemu mbili: kabisa na jamaa. Hii ni muhimu wakati faili zilizoainishwa kwenye hati zina sehemu ya kawaida ya njia ya kuanzia. Unaweza pia kuacha marejeleo ya mpango wa ufikiaji (faili://) katika usemi kamili wa kiungo. Katika kesi hii, tu sehemu ya kushoto ya kiungo kabisa hadi tabia ya kwanza ya kushoto "", yaani, jina la gari la ndani, litazingatiwa.

Kanuni za sintaksia

Sasa kwa kuwa tunajua jinsi msimbo wa ukurasa wa Wavuti unavyoonekana, tunaweza kufanya hitimisho la jumla kuhusu sintaksia ya HTML. Wakati wa kutumia kila kipengele, ni muhimu kujua ni vipengele vipi vinaweza kuwekwa ndani yake na ni vipengele vipi ambavyo vinaweza kuwekwa ndani.

Kwa hivyo, nafasi ya jamaa ya vipengele vya HTML, HEAD, TITLE na BODY inapaswa kuwa ya kawaida kwenye ukurasa wowote, hata hivyo, katika hali ambapo fremu hazitumiwi. Ikiwa ukurasa ni hati ya mpangilio wa fremu, basi kipengele cha FRAMESET kinatumika badala ya kipengele cha BODY.

Kuna vikundi vya vipengele vinavyotumiwa pamoja. Hizi ni pamoja na vipengele vya kuunda majedwali, orodha na muafaka.

Katika kesi hii, utaratibu wa vipengele vya nesting imedhamiriwa na mantiki ya kuunda kitu fulani kwenye ukurasa: hapa unahitaji kukumbuka sheria rahisi za kubuni.

Jedwali na muafaka mara nyingi hutumiwa kupanga maelezo ya ukurasa (picha, maandishi, nk) kwa utaratibu maalum.

Kwa mfano, kwa kuweka picha ndani ya seli ya meza, unaweza kufikia nafasi fulani.

Katika hali kama hizi, uwekaji wa vipengee umedhamiriwa na msanidi wa ukurasa wa Wavuti, na mengi inategemea mawazo na ustadi wake.

Idadi kubwa ya vipengee vinavyotumika kuumbiza maandishi huruhusu aina mbalimbali za chaguo za kutandika. Na wao wenyewe lazima lazima wawe ndani ya mambo fulani.

Hapa tunapaswa kuongozwa na akili ya kawaida: kila kipengele hufanya kazi fulani na ina upeo maalum.

Mfano hapa chini una aya mbili (ya kwanza kwenye sanduku la kijani kibichi) na jedwali:

<Р style="border: Зрх solid дгееп">Maandishi ya aya ya 1

. . .

<Р>Nakala ya aya ya 2

Jedwali katika kesi hii ni kipengele cha kujitegemea. Inaweza, kwa mfano, kulinganishwa kwa kujitegemea kwa maandishi mengine.

Unaweza kutumia nambari nyingine:

<Р style="border: Зрх solid дгееп">Maandishi ya aya ya 1

. . .

<Р>Nakala ya aya ya 2

Lebo ya mwisho ya aya ya kwanza imetoweka. Jedwali sasa ni sehemu ya aya ya kwanza, na mpaka wa kijani utajumuisha meza na maandishi. Kinyume chake, kipengele cha P kinaweza kupatikana ndani ya jedwali: kwa mfano, kipengele cha TD kiini kimoja kinaweza kuwa na aya kadhaa za P.

Kukiuka sheria za kuweka viota ni mojawapo ya makosa ya kawaida wakati wa kuunda kurasa za Wavuti. Ili kuepuka makosa hayo, unahitaji kutumia wahariri wa hypertext ambao hudhibiti moja kwa moja utekelezaji wa sheria za syntax. Ifuatayo ni mstari ulio na hitilafu ya kawaida ya kipengee:

<Н1>Kichwa 1<Н2>Kichwa cha 2Kichwa cha 3

Ikumbukwe kwamba vivinjari vinajengwa kwa namna ambayo "hujaribu" kujibu makosa ya markup ya hypertext. Ikiwa ukurasa unaweza kuonyeshwa, unaonyeshwa bila ujumbe wowote wa onyo.

Mpango huo hutafsiri vitambulisho vilivyowekwa vibaya kwa njia fulani na hutoa picha, kufuatia mantiki iliyojengwa ndani yake na watengenezaji. Wakati huo huo, muonekano wa ukurasa hauwezi kuendana na nia ya mwandishi. Na tu katika kesi ya makosa makubwa sana au utata dhahiri, kivinjari kinaonyesha ujumbe unaosema kwamba ukurasa hauwezi kuonyeshwa.

Ishara isiyo ya moja kwa moja ya hitilafu ya markup inaweza kuwa kuonekana kwa vipande vya msimbo wa HTML kwenye ukurasa. Watumiaji wanaofanya kazi sana na Mtandao labda wamekutana na hali hii.

Sheria za sintaksia pia hutumika kwa matumizi ya vitambulisho vya kuanzia na mwisho, sifa, na maudhui ya vipengele. Usichanganye dhana za "kipengele" v. "tagi". Kipengele ni chombo kilicho na sifa ndani ya lebo ya kuanza na taarifa muhimu kati ya lebo za mwanzo na za mwisho. Lebo ni muundo uliofungwa katika mabano ya pembe na hutumika kuonyesha upeo wa kipengele.

Baadhi ya vipengele havina lebo ya mwisho. Ni wazi, kipengele cha BR kinachoashiria mwisho wa mstari hakihitaji lebo ya mwisho. Vipengee vingine vinaweza kutumika na au bila lebo ya mwisho. Mfano unaovutia zaidi ni kipengele cha aya R.

Inaweza kuwa na lebo ya mwisho, lakini ikiwa lebo hiyo haijabainishwa, lebo ya mwisho ya kipengele ni kipengele kifuatacho ambacho kinaweza kufafanua kimantiki mwisho wa aya ya sasa: kipengele kingine cha P, kipengele cha picha cha IMG, kipengele cha orodha ya UL, TABLE. kipengele cha meza, nk.

Kwa hivyo, upakiaji wa kipengele kimoja lazima uwe kati ya vitambulisho vya mwanzo na mwisho vya kipengele hicho, au kati ya lebo ya kuanza ya kipengele hiki na lebo ya mwanzo ya kipengele kinachofuata.

Maandishi yoyote ya kiholela yaliyowekwa kwenye ukurasa yanafasiriwa na kivinjari kuwa yanapaswa kuonyeshwa kwenye skrini na hivyo kufomatiwa kulingana na vipengele vinavyozunguka maandishi hayo. Hii haizingatii mgawanyiko wa maandishi katika mistari iliyopatikana katika mhariri wa maandishi. Kinadharia, ukurasa mzima wa Wavuti unaweza kuwa katika mstari mmoja mrefu. Herufi za mwisho wa mstari zilizoingia, kwa mfano, katika Notepad, zinaweza kusaidia kusoma msimbo wa HTML, lakini hazionyeshwa na kivinjari.

Mwisho, wakati wa kuonyesha ukurasa kwenye skrini, unaweza kuvunja mstari kwa mujibu wa mpangilio wa vipengele vya Hn, P au BR, na katika hali nyingine hutengeneza aya kiholela, kulingana na kiasi cha maandishi, saizi ya fonti na ya sasa. ukubwa wa dirisha.

Kwa hivyo, kurasa za Wavuti lazima zipangwa kwa njia ambayo mwonekano wao haubadilika sana kwa hali tofauti za azimio la mfuatiliaji, saizi ya skrini, saizi ya dirisha la kivinjari, na pia kwa skrini kamili au njia zilizo na madirisha.

Sheria muhimu sana, ambayo haina ubaguzi, ni kuweka sifa za kipengele ndani ya lebo ya kuanza.

Lugha ya Alama ya Maandishi ya Hyper, au weka tu HTML, ndiyo lugha kuu ya kuunda kurasa za wavuti. Katika makala hii tutatoa utangulizi wa jumla wa lugha ya HTML.

Lugha ya Alama ya Maandishi ya Hyper

Hati ya HTML imejengwa kwa misingi ya vitambulisho. Lebo huunda muundo wa hati. Lebo kuu zimeunganishwa. Hii ina maana kwamba kama kuna ufunguzi tag kama<…>, basi lazima kuwe na lebo ya kufunga na kufyeka. Ni muhimu kuzingatia kwamba pia kuna vitambulisho visivyo na jozi.

Hati nzima ya HTML imezungukwa na vitambulisho viwili … . Kama unavyoona, zimeunganishwa. Kwa kuongeza, hati ya HTML lazima iwe na lebo moja ya kihalaliinayoonyesha aina ya hati ya sasa.

HTML 4 ina vithibitishaji vitatu, HTML 5 ina kithibitishaji kimoja. Muundo wa lebo ya HTML 5 ni kama ifuatavyo:

Mifano:

  • kwa hati za HTML 4.
  • sare kwa hati zote za HTML5.

Muundo wa Hati ya HTML

Hati ya HTML ina kichwa na mwili. Kichwa kimewekwa na lebo … . Mwili wa hati umewekwa kwa vitambulisho vilivyooanishwa …

.

Mfano: Mfumo wa msingi wa hati ya HTML 5 inapaswa kuwa na muundo ufuatao:

Hapa kuna mahali pa jina Hapa kuna maandishi ya hati

Muundo wa kichwa

Kichwa … , inajumuisha vitambulisho kadhaa maalum. Ya kuu ni vitambulisho: Na .

lebo ya kichwa

Hiki ndicho kichwa cha hati, kilichoonyeshwa katika sehemu ya kichwa cha ukurasa.

meta tag

Meta tag, au tuseme meta tagi, kwa sababu kunaweza kuwa na vitambulisho kadhaa katika hati moja. ina habari maalum. Kwa mfano, lazima kuwe na meta tag inayoonyesha usimbaji wa hati:

Maelezo na meta tagi za maneno ni muhimu kwa kuorodhesha kurasa za wavuti:

Ninaona kwamba injini za kisasa za utafutaji zimeacha "kuona" maneno muhimu, lakini hii haipuuzi matumizi yao. Hakuna mtu aliyeghairi uunganisho wa ndani.

Mfano wa ukurasa wa wavuti katika HTML

Hapa kuna ukurasa wa msingi wa wavuti wa HTML:

<i>Ukurasa wa wavuti ninaoupenda</i> Ukurasa wangu wa kwanza na kwa hivyo ninaupenda zaidi.

Kujifunza misingi ya HTML haiwezekani bila kusoma na kutumia wahariri maalum wa maandishi. Kwa sababu kuandika maandishi yoyote kurasa za HTML inahitajika tu katika kihariri cha maandishi kama: NotePad++, Sublime Text2, nk. Baada ya kuandika hati, unahitaji kuihifadhi na ugani wa htm au html. Tunafungua faili iliyoundwa katika kivinjari chochote unachotumia.

Muundo wa mwili wa hati

Maandishi kwenye hati (katika vitambulisho

) pia imegawanywa katika mada na sehemu kwa tagi.

Vichwa vya habari na vitambulisho vya aya

Maandishi ya hati yanaweza kuwekwa na vitambulisho maalum.
Aya imeangaziwa na vitambulisho

Vichwa vya sehemu za maandishi vimeangaziwa kwa lebo

,

,

, kabla

Vitambulisho vya vichwa vimepangwa katika mfumo wa hali ya juu, na nambari iliyo kwenye lebo inaonyesha kina cha kuota kwa kichwa.

Mfano wa kutumia vitambulisho

<i>Ukurasa wa wavuti ninaoupenda</i>

Aya kutoka kwa ukurasa wa wavuti ninaoupenda

h1 Aina ya bidhaa

h2 Aina ya bidhaa

h3 kitengo cha bidhaa

h4 kitengo cha bidhaa

h5 Aina ya bidhaa
h6 Aina ya bidhaa


Tag sifa

Moja ya sifa kuu za vitambulisho ni sifa ya umbizo inayoitwa align. panga thamani ya sifa:

  • kushoto - panga upande wa kushoto,
  • katikati - panga katikati,
  • kulia - panga kulia,
  • kuhalalisha - upatanisho wa ulinganifu kwenye kingo mbili.

Mfano:

Ukurasa wa wavuti ninaoupenda

h1 Bidhaa

h2 Bidhaa

h3 Bidhaa

Uumbizaji huu unaitwa kimwili na kimsingi umepitwa na wakati. Kwa uumbizaji, ni bora na inapendekezwa kutumia Laha za Mitindo ya Cascading (CSS).

Orodha

Kiwango cha kisasa cha HTML kinatoa uundaji wa aina tatu kuu za orodha:

  • Orodha zisizo na mpangilio;
  • Orodha za nambari (orodha iliyoagizwa);
  • Orodha ya ufafanuzi.

Hebu tuangalie kila aina ya orodha.

Orodha zilizo na vitone

Orodha zilizo na vitone hubainishwa na lebo (orodha isiyopangwa). Lebo hutumiwa kuunda kila kipengee cha orodha Na(orodha ya vitu).

Mfano:

  • Bidhaa 1 kutoka kwenye orodha ya bidhaa
  • Bidhaa 2 kutoka kwenye orodha ya bidhaa
  • Bidhaa 3 kutoka kwenye orodha ya bidhaa

Unaweza kuweka lebo za mada kwenye orodha:

    Kichwa cha orodha

  • Bidhaa 1 kutoka kwenye orodha ya bidhaa
  • Bidhaa 2 kutoka kwenye orodha ya bidhaa
  • Bidhaa 3 kutoka kwenye orodha ya bidhaa

Alama, yaani, icons zinazoonekana mbele ya vitu vya orodha, zinaweza kubadilika, na kuonekana kwao kunatajwa na sifa za aina. Sifa za aina zinaweza kuwa: mduara (mduara usiojazwa), diski (mduara uliojaa) na mraba (mraba uliojaa). Chaguo msingi ni sifa ya diski. Mfano wa kutumia alama na sifa ya diski:

  • Bidhaa 1 kutoka kwenye orodha
  • Bidhaa 2 kutoka kwenye orodha
  • Bidhaa 3 kutoka kwenye orodha

Orodha za nambari

Orodha za nambari au zilizoagizwa, kila kipengele cha orodha kinapewa nambari. Orodha za nambari huundwa kwa lebo. Kwa kila kipengele cha orodha iliyohesabiwa, vitambulisho vilivyooanishwa pia hutumiwa … .

Orodha zilizo na nambari hutumia sifa tano:

1-nambari za Kiarabu; i- nambari za herufi ndogo za Kirumi; I - nambari kuu za Kirumi; a-Kilatini herufi ndogo; A-Kilatini herufi kubwa.

Mfano wa orodha iliyohesabiwa.

    Orodha ya Bidhaa zilizopewa nambari

  1. Bidhaa 1 kutoka kwenye orodha
  2. Bidhaa 2 kutoka kwenye orodha
  3. Bidhaa 3 kutoka kwenye orodha

Mfano wa orodha iliyo na nambari na alama za herufi ndogo za Kilatini:

  1. Bidhaa 1 kutoka kwenye orodha
  2. Bidhaa 2 kutoka kwenye orodha
  3. Bidhaa 3 kutoka kwenye orodha

Orodha za ufafanuzi

Ili kuunda orodha za aina ya ufafanuzi wa neno, vitambulisho hutumiwa

…
(orodha ya ufafanuzi) na
…
(maelezo ya ufafanuzi). Zaidi ya hayo, neno lenyewe liko kwenye lebo iliyooanishwa
, na ufafanuzi (ufafanuzi) wa neno hilo upo kwenye lebo iliyooanishwa
.

Mfano:

Kichwa

Muhula wa 1
Ufafanuzi wa neno 1
Kipindi cha 2
Ufafanuzi wa neno 2

Orodha za viota

Aina yoyote ya orodha, iliyo na vitone na kuhesabiwa, inaweza kuwekwa ndani ya kila mmoja. Kiambatisho chochote kinaruhusiwa. Jambo kuu wakati wa kuunda orodha zilizowekwa sio kuchanganyikiwa katika vitambulisho vilivyooanishwa.

Mfano wa orodha zilizoorodheshwa:

    Orodha Zilizowekwa

  • Sehemu ya bidhaa 1
    1. Sehemu ya bidhaa 1.1
    2. Sehemu ya bidhaa 1.2
  • Sehemu ya bidhaa 2
    1. Sehemu ya bidhaa 2.1
    2. Sehemu ya bidhaa 2.2
    3. Sehemu ya bidhaa 2.3
  • Sehemu ya bidhaa 3
    1. Sehemu ya bidhaa 3.1

Majedwali katika HTML

Ili kuunda hati za HTML, muundo kuu ni meza. Hata hivyo, ni muhimu kuzingatia kwamba matumizi ya meza ili kuandaa miundo ya ukurasa inazidi kuwa ya kizamani na haipendekezi tena.

Muundo wa Jedwali:

//- vitambulisho vya kontena vya meza vilivyooanishwa;// //chombo cha kuunda safu ya jedwali//
, ambayo inapaswa kuwa ndani ya // tag
// tag ya kuunda seli moja ya jedwali. Lebo hii lazima iwe ndani ya chombo

  • Mpaka - sura ya 2 px kwa upana;
  • Cellpadding-umbali kati ya mipaka ya nje ya seli za meza;
  • Nafasi ya seli ni umbali kati ya mipaka ya nje ya seli za jedwali.
  • Urefu - urefu wa meza;
  • Upana - upana wa meza.
  • Manukuu - lebo ya kuunda kichwa cha jedwali, inaweza tu kuwekwa ndani ya chombo .

    Jedwali la mfano:

    Jedwali rahisi
    1-1 1-2 1-3
    2-1 2-2 2-3

    colspan na vitambulisho vya safu mlalo
    iliyoundwa kwa kuchanganya seli :

    Kuunganisha seli katika jedwali la HTML

    Seli 1.1 na 1.2Kiini 1.3
    Kiini 2.1Kiini 2.2Kiini 2.3
    Viini 3.1 - 3.3


    Viungo

    Sifa kuu ya lebo hii ni href. Lebo hii ina anwani ya rasilimali ambayo kiungo kinaongoza. Maandishi ya kiungo yameandikwa ndani ya lebo ya kontena.

    Nanga

    Ili kutaja nanga katika hati nyingine, jina la nanga yenye hashi (#) imeandikwa mara moja baada ya anwani ya hati ya tatu, bila nafasi.

    Unganisha kwa Anchor 3 katika Hati 009

    Picha kama viungo

    Michoro na picha pia zinaweza kufanywa kama viungo. Kwa kufanya hivyo, picha imeingizwa kwenye maandishi na lebo . Sifa ya src ya lebo hii ina thamani ya faili ya picha:

    Ni hayo tu! Bila shaka, misingi ya HTML haijumuishi vipengele vyote vya lugha hii, lakini inatoa wazo la uundaji wa hati ya HTML.



MAKALA INAYOHUSIANA