Дизайн на страницы html


дБЧБКФЕ ОБ ЬФПФ ТБЪ ЪБКНЈНУС ЮЕН-ОЙВХДШ УПЧУЕН РТБЛФЙЮЕУЛЙН: ОБРТЙНЕТ, РПУФТПЙН HTML-УФТБОЙЮЛХ. еУМЙ ЧЩ ХЦЕ ЙОУФБММЙТПЧБМЙ Dreamweaver — ЬФП ИПТПЫП, ОП УЕЗПДОС ПО ОБН ОЕ РПОБДПВЙФУС: ЧПУРПМШЪХЕНУС УФБТЩН ДПВТЩН Notepad.

ъБЮЕН ЬФП ОХЦОП? оБ УЧЕФЕ УХЭЕУФЧХЕФ НБУУБ ЧУСЛЙИ ТБЪОЩИ ТЕДБЛФПТПЧ HTML, ОБЮЙОБС У FrontPage Й ЪБЛБОЮЙЧБС ФЕН ЦЕ Dreamweaver. лБЦДПЕ ХЧБЦБАЭЕЕ УЕВС ПЖЙУОПЕ РТЙМПЦЕОЙЕ РТЕДМБЗБЕФ УПИТБОЙФШ ДПЛХНЕОФЩ Ч HTML-ЖПТНБФЕ ЙМЙ ДБЦЕ УТБЪХ РХВМЙЛПЧБФШ ЙИ ОБ ЧЕВ-УЕТЧЕТЕ. оП НЩ ФБЛ ДЕМБФШ ОЕ ВХДЕН. б РПЮЕНХ?

дБ РПФПНХ, ЮФП РТЕЦДЕ МАВПЗП ЧЙЪХБМШОПЗП ТЕДБЛФЙТПЧБОЙС, ЛПФПТПЕ ОЕ ФТЕВХЕФ ХЗМХВМЈООЩИ ЪОБОЙК, ОХЦОП РПФТПЗБФШ HTML ТХЛБНЙ. рПФПН — ОЕНОПЗП РПЪЦЕ — ЧЩ ОБХЮЙФЕУШ ЬЛПОПНЙФШ УЧПЈ ЧТЕНС, ДЕМБС УФТБОЙЮЛЙ Ч Dreamweaver, ОП Й ФПЗДБ ЧБН ОЕТЕДЛП РТЙДЈФУС ТЕДБЛФЙТПЧБФШ ЛПД ЧТХЮОХА, Б ЬФП ВХДЕФ ПЮЕОШ Й ПЮЕОШ ОЕРТПУФП ВЕЪ ИПТПЫЕЗП ЪОБОЙС СЪЩЛБ ТБЪНЕФЛЙ.

пДОБЦДЩ НЕОС РПРТПУЙМЙ ЙУРТБЧЙФШ УУЩМЛЙ Ч ЧЕВ-УФТБОЙЮЛБИ ДМС ЧОХФТЕООЕЗП РПМШЪПЧБОЙС, ЛПФПТЩЕ УЕЛТЕФБТШ ДЕМБМБ Ч MS Word Й УЛМБДЩЧБМБ Ч ПУПВХА РБРПЮЛХ ОБ УЕТЧЕТЕ ЛПНРБОЙЙ. уУЩМПЮЛЙ РПЮЕНХ-ФП ЙУРТБЧМСФШУС ОЕ ИПФЕМЙ, Й С ЪБЗМСОХМ Ч ЛПД. лТЕУФОБС УЙМБ! с ОБДЕАУШ, НОЕ ВПМШЫЕ ОЙЛПЗДБ Ч ЦЙЪОЙ ОЕ РТЙДЈФУС ХЧЙДЕФШ ьфп. уФТБОЙЮЛЙ, ЛБЦДБС ЙЪ ЛПФПТЩИ УПДЕТЦБМБ 3–4 БВЪБГБ ФЕЛУФБ, ЪБОЙНБМЙ РП дизайн на страницы html 200–300 ЛЙМПВБКФ ЛБЦДБС: Word РТЙ УПИТБОЕОЙЙ ДПЛХНЕОФПЧ Ч ЖПТНБФЕ HTML ДПВБЧМСМ Ч ЖБКМЩ ЮХДПЧЙЭОПЕ ЛПМЙЮЕУФЧП УПЧЕТЭЕООП ДХТБГЛПК ТБЪНЕФЛЙ, ЙЪ-ЪБ ЛПФПТПК ЙУИПДОЩК ФЕЛУФ РТПУФП ОЕЧПЪНПЦОП ВЩМП ПВОБТХЦЙФШ.

оЙЛПЗДБ ОЕ ДЕМБКФЕ ЧЕВ-УФТБОЙЮЛЙ У РПНПЭША ЙОУФТХНЕОФПЧ, ЛПФПТЩЕ ДМС ЬФПЗП ОЕ РТЕДОБЪОБЮЕОЩ.

рЕТЧЩК ПРЩФ

пФЛТПКФЕ Notepad. оБВЕКФЕ РТЙЧЕДЈООЩК ОЙЦЕ ЛПД (МХЮЫЕ ОЕ ЛПРЙТПЧБФШ, Б ЧУЈ-ФБЛЙ РПФТПЗБФШ ТХЛБНЙ). уПИТБОЙФЕ ЖБКМ У ЙНЕОЕН test.html. б ФЕРЕТШ ПФЛТПКФЕ ЕЗП ВТБХЪЕТПН. юФП РПМХЮЙМПУШ?

<HTML> <HEAD> <TITLE>дПВТП РПЦБМПЧБФШ Ч ЗПУФЙ!</TITLE> </HEAD> <BODY> <H1> рТЙЧЕФ ЧУЕН!<BR> нЕОС ЪПЧХФ мЙОХУ фПТЧБМШДУ. </H1> <HR align="left" width="300"> <P> чПФ ЬФП НПС МАВЙНБС УУЩМЛБ: </P> <P> <A href="http://www.microsoft.com/">уБКФ ДСДЙ вЙММЙ.</A> </P> <P> дП УЧЙДБОЙС! </P> <HR align="left" width="300"> <P> &copy; нПЈ ЬФП, ОЙЛПНХ ОЕ ПФДБН. </P> </BODY> </HTML>

вТБХЪЕТ РПЛБЪЩЧБЕФ УФТБОЙГХ, ЮБУФШ ФЕЛУФБ ЛПФПТПК УПЧРБДБЕФ У ФЕН, ЮФП ЧЩ ОБРЕЮБФБМЙ, ОП ВПМШЫБС ЮБУФШ ЙОЖПТНБГЙЙ ЛБЦЕФУС ВЕЪЧПЪЧТБФОП РПФЕТСООПК. ч ЮЈН ЦЕ ДЕМП?

оБ УБНПН ДЕМЕ ЧУЈ ПЮЕОШ РТПУФП. ч РТЙЧЕДЈООПН РТЙНЕТЕ ЧУС ЛЙТЙММЙГБ ПФОПУЙФУС Л ФПНХ, юфп ДПМЦЕО РПЛБЪЩЧБФШ ВТБХЪЕТ ОБ УФТБОЙЮЛЕ. б РТБЛФЙЮЕУЛЙ ЧУС МБФЙОЙГБ ПРЙУЩЧБЕФ ФП, лбл ЬФП ОХЦОП ДЕМБФШ. й ЙНЕООП ПОБ Й РТЕДУФБЧМСЕФ УПВПК СЪЩЛ ПРЙУБОЙС ЧЕВ-УФТБОЙГ: HTML.

юФП ЦЕ ФБЛПЕ HTML?

HTML ФБЛЦЕ ОБЪЩЧБАФ СЪЩЛПН ЗЙРЕТФЕЛУФПЧПК ТБЪНЕФЛЙ. уПВУФЧЕООП, РП-БОЗМЙКУЛЙ ПО Й ЕУФШ HyperText Markup Language. рТЙУФБЧЛБ зйрет ПВПЪОБЮБЕФ, ЮФП ФП, У ЮЕН НЩ Ч ДБООПН УМХЮБЕ ЙНЕЕН ДЕМП — ВПМШЫЕ ЮЕН РТПУФП ФЕЛУФ. й ДЕКУФЧЙФЕМШОП. чЪСФШ ИПФС ВЩ ЧУЕН ЙЪЧЕУФОЩЕ уущмлй: ТБЪЧЕ ЧЩ ЧУФТЕЮБМЙ ЮФП-ФП РПДПВОПЕ Ч ПВЩЮОЩИ ФЕЛУФПЧЩИ ЖБКМБИ? ;-)

зПЧПТС РП-ТХУУЛЙ, НЩ ВЕТЈН ФЕЛУФ, Й, ЙУРПМШЪХС УРЕГЙБМШОХА ТБЪНЕФЛХ Ч ЧЙДЕ ЛМАЮЕЧЩИ УМПЧ (фезпч) Й ОЕЛПФПТЩИ ДТХЗЙИ ЧУРПНПЗБФЕМШОЩИ ЛПОУФТХЛГЙК, ПВЯСУОСЕН ВТБХЪЕТХ, ЛБЛ ПО ДПМЦЕО ЧЩЗМСДЕФШ. ч ПВЭЕН УМХЮБЕ, ЛПОЕЮОП, НЩ ЗПЧПТЙН ОЕ РТПУФП П ФЕЛУФЕ, Б П лпофеофе (УПДЕТЦЙНПН) ЧЕВ-УФТБОЙГ, ЛПФПТЩК, ЛТПНЕ ФПЗП, НПЦЕФ ЧЛМАЮБФШ Ч УЕВС ЛБТФЙОЛЙ, ЖПТНЩ Й ТБЪОПЗП ТПДБ ЧОЕДТЈООЩЕ ПВЯЕЛФЩ, УЛБЦЕН — ТПМЙЛЙ Flash, БРРМЕФЩ Java ЙМЙ ЬМЕНЕОФЩ ActiveX. оП ПВ ЬФПН РПЪЦЕ.

йФБЛ, РПЧФПТСА ЕЭЈ ТБЪ: HTML — ЬФП ОБВПТ ЙОУФТХЛГЙК, РТЕДРЙУЩЧБАЭЙИ РТПЗТБННЕ ДМС РТПУНПФТБ ЧЕВ-УФТБОЙГ (ВТБХЪЕТХ) РТБЧЙМБ ПФПВТБЦЕОЙС лпофеофб. лПОЕЮОП, ЧУЕ ВТБХЪЕТЩ ДЕМБАФ ЬФП ОЕНОПЗП РП-ТБЪОПНХ, ОП ЛХДБ ХЦ ДЕЧБФШУС! оБ НПК ЧЪЗМСД, МХЮЫЕ ЧУЕИ У ИЬФПК ЪБДБЮЕК УРТБЧМСЕФУС Microsoft Internet Explorer ЧЕТУЙЙ 4 Й ЧЩЫЕ (ПК, ЪБЛМААФ! ;-) ЙМЙ, ОБ ИХДПК ЛПОЕГ, Mozilla Firefox. оП ЮФП ЦЕ ЪОБЮЙФ «МХЮЫЕ»?

уРПУПВЩ ПРЙУБОЙС ЧЕВ-УФТБОЙГ ОЕ ЙУЮЕТРЩЧБАФУС СЪЩЛПН HTML. уХЭЕУФЧХЕФ НБУУБ ДТХЗЙИ ОБВПТПЧ ЙОУФТХЛГЙК, ОБРТЙНЕТ JavaScript, VBScript, CSS… РЕТЕЮЙУМЕОЙЕ НПЦЕФ ЪБФСОХФШУС ОБДПМЗП. фБЛ ЧПФ, УХЭЕУФЧХАФ УРЕГЙБМШОЩЕ ДСДЙ (Й ФЈФЙ), ЛПФПТЩЕ УРЕГЙБМШОП ЪБОЙНБАФУС ФЕН, ЮФП ТБЪТБВБФЩЧБАФ УФБОДБТФЩ ДМС ЛБЦДПК ЙЪ НОПЦЕУФЧБ ЧЕВ-ФЕИОПМПЗЙК. еУФЕУФЧЕООП, ПОЙ ДЕМБАФ ЬФП ОЕ ЛБЛ ВПЗ ОБ ДХЫХ РПМПЦЙФ, Б УП ЪОБОЙЕН ДЕМБ. ьФБ ЧЕУЈМБС ЛПНРБОЙС ОБЪЩЧБЕФУС W3C World Wide Web Consortium, Й ХЦ ЕУМЙ ПОЙ П ЮЈН-ФП УЛБЪБМЙ, ЮФП ДПМЦОП ВЩФШ ЙНЕООП ФБЛ Й ОЕ ЙОБЮЕ, ФП ЗПУРПДБ РТПЙЪЧПДЙФЕМЙ ВТБХЪЕТПЧ (Microsoft, Netscape, AOL Й ЙЦЕ У ОЙНЙ) ДПМЦОЩ ЙЪЧЙОЙФШ, РПДЧЙОХФШУС Й УДЕМБФШ УЧПК ВТБХЪЕТ ФПЮОП РП ЙОУФТХЛГЙЙ. оП… ОЙЮФП ОЕ УПЧЕТЫЕООП РПД МХОПК, Й ЧУЕ ДЕМБАФ РП-УЧПЕНХ. нБКЛТПУПЖФ ДЕМБЕФ УЧПК ОПЧЩК ВТБХЪЕТ РТЙНЕТОП УППФЧЕФУФЧХАЭЙН ФТЕВПЧБОЙСН ЛПОУПТГЙХНБ, ЛБУБАЭЙНУС УФБОДБТФБ СЪЩЛБ HTML Й УПРХФУФЧХАЭЙИ ЕНХ. чПФ ЬФП С Й ЙНЕМ Ч ЧЙДХ.

у ФЕИ РПТ, ЛБЛ ЬФПФ ХТПЛ ХЧЙДЕМ УЧЕФ, УЙФХБГЙС УМЕЗЛБ ЙЪНЕОЙМБУШ. Firefox РПДДЕТЦЙЧБЕФ УФБОДБТФЩ ЧП НОПЗПН МХЮЫЕ IE, ИПФС Й ПО ОЕ ВЕЪ ЗТЕИБ. бХФУБКФЕТ — Opera, ОП ПОБ ЪБФП МХЮЫЕ ЧУЕИ ТЕОДЕТЙФ ЛБТФЙОЛЙ. чПФ ФБЛ.

оП ЬФП ЧУЈ УМПЧБ, Й ХНЕОЙК Х ОБУ У ЧБНЙ ПФ ФЕПТЕФЙЪЙТПЧБОЙС ОЕ РТЙВБЧЙФУС. дБЧБКФЕ ФЕРЕТШ РПРТПВХЕН ТБЪПВТБФШУС, ЮФП ЙНЕООП УПДЕТЦБМБ ОБЫБ ФЕУФПЧБС УФТБОЙЮЛБ.

тБЪВПТ РПМЈФПЧ

рТЕЦДЕ ЧУЕЗП ДБЧБКФЕ ЪБЗМСОЈН Ч УБНПЕ ОБЮБМП УФТБОЙЮЛЙ Й Ч ЕЈ ЛПОЕГ. юФП НЩ ЧЙДЙН?

<HTML>... </HTML>

йФБЛ, ЛБЦДЩК ФЕЗ СЪЩЛБ HTML ПВТБНМСЕФУС ХЗМПЧЩНЙ УЛПВЛБНЙ, ХЛБЪЩЧБАЭЙНЙ ВТБХЪЕТХ, ЮФП РПУМЕДПЧБФЕМШОПУФШ УЙНЧПМПЧ, ЪБЛМАЮЈООБС Ч ФБЛЙЕ УЛПВЛЙ, ЕУФШ ЛМАЮЕЧПЕ УМПЧП.

ъДЕУШ ОЕПВИПДЙНП ЧЧЕУФЙ ЕЭЈ ПДОП РПОСФЙЕ. вПМШЫЙОУФЧП ФЕЗПЧ СЧМСЕФУС лпофекоетбнй, Ф. Е. ЖБЛФЙЮЕУЛЙ Ч ЙУИПДОПН ФЕЛУФЕ УФТБОЙГЩ ПОЙ ЧУФТЕЮБАФУС РБТБНЙ, УПУФПСЭЙНЙ ЙЪ ПФЛТЩЧБАЭЕЗП (<HTML>) Й ЪБЛТЩЧБАЭЕЗП (</HTML>) ФЕЗПЧ, НЕЦДХ ЛПФПТЩНЙ ОБИПДЙФУС ЛПОФЕОФ, РПДЮЙОСАЭЙКУС РТБЧЙМБН ЖПТНБФЙТПЧБОЙС, ИБТБЛФЕТОЩН ДМС ДБООПЗП ФЕЗБ. ъБЛТЩЧБАЭЙК ФЕЗ ПФМЙЮБЕФУС ПФ ПФЛТЩЧБАЭЕЗПУС ОБМЙЮЙЕН ЛПУПК ЮЕТФЩ (УМЬЫБ) РПУМЕ ХЗМПЧПК УЛПВЛЙ.

оЕ ЧУЕ ФЕЗЙ ПФЧЕЮБАФ ЪБ ПФПВТБЦЕОЙЕ ЛПОФЕОФБ, ОЕЛПФПТЩЕ ЙЪ ОЙИ ЙУРПМШЪХАФУС ДМС ТБЪВЙЧЛЙ ЗЙРЕТФЕЛУФБ ОБ ВМПЛЙ, ОЕУХЭЙЕ ТБЪМЙЮОХА ЖХОЛГЙПОБМШОХА ОБЗТХЪЛХ. оБРТЙНЕТ, РБТБ ФЕЗПЧ <HTML>...</HTML> ПВПЪОБЮБЕФ, ЮФП ЧУЈ, ОБИПДСЭЕЕУС ЧОХФТЙ РБТЩ, ДПМЦОП ЙОФЕТРТЕФЙТПЧБФШУС ЛБЛ ЗЙРЕТФЕЛУФ. уПВУФЧЕООП, ЬФБ РБТБ ФЕЗПЧ ПВСЪБФЕМШОБ ДМС ЙУРПМШЪПЧБОЙС Й УПДЕТЦЙФУС Ч ЙУИПДОПН ЛПДЕ МАВПК ЧЕВ-УФТБОЙГЩ, РПНЕЮБС ЕЈ ОБЮБМП Й ЛПОЕГ.

ч ОБЫЕН РТЙНЕТЕ ДБМЕЕ УМЕДХЕФ ЛПОФЕКОЕТ <HEAD>...</HEAD>. ьФБ ЮБУФШ ОБЪЩЧБЕФУС ВМПЛПН ЪБЗПМПЧЛБ Й РТБЛФЙЮЕУЛЙ ЧУЕЗДБ УПДЕТЦЙФ ОЕПФПВТБЦБЕНХА ЙОЖПТНБГЙА, ЪБ ЙУЛМАЮЕОЙЕН ФЕЗБ <TITLE>, ЛПФПТЩК ФБЛЦЕ СЧМСЕФУС ЛПОФЕКОЕТПН, ОП УПДЕТЦЙФ УФТПЛХ, ПФПВТБЦБАЭХАУС Ч ЪБЗПМПЧЛЕ ПЛОБ ВТБХЪЕТБ ЧП ЧТЕНС РТПУНПФТБ УФТБОЙГЩ.

уМЕДХАЭЙК ВМПЛ (ЛПОФЕКОЕТ <BODY>...</BODY>) ЧЛМАЮБЕФ Ч УЕВС ПФПВТБЦБЕНХА ЮБУФШ УФТБОЙГЩ, ЕЈ ФЕМП. пО, РПНЙНП ФЕЛУФБ, УПДЕТЦЙФ ЕЭЈ ОЕНБМП ФЕЗПЧ, ОБРПДПВЙЕ <P>, <HR>, <H1>, <A> Й Ф. Д. рПЗПЧПТЙН П ОЙИ РПРПДТПВОЕЕ.

фЕЗЙ Ч HTML

тБУУНПФТЙН ПВЭЙК УМХЮБК УЙОФБЛУЙУБ ЪБРЙУЙ ФЕЗБ.

<TAG param1="value1" param2="value2">Something</TAG>

ъБНЕФЙН, ЮФП ПФЛТЩЧБАЭЙК ФЕЗ НПЦЕФ УПДЕТЦБФШ ПДЙО ЙМЙ ОЕУЛПМШЛП РБТБНЕФТПЧ param1...paramN, ЛПФПТЩИ НПЦЕФ Й ОЕ ВЩФШ. лБЦДПНХ ЙЪ РБТБНЕФТПЧ РТЙУЧБЙЧБЕФУС ЪОБЮЕОЙЕ value, ЪБЛМАЮЈООПЕ Ч ЛБЧЩЮЛЙ. ъБЮЕН ОХЦОЩ РБТБНЕФТЩ? чПЪШНЈН ЛПОЛТЕФОХА ТЕБМЙЪБГЙА.

<HR align="left" width="300">

фЕЗ <HR> ПЪОБЮБЕФ, ЮФП ОБ ЕЗП НЕУФЕ ОБ ЧЕВ-УФТБОЙГЕ РПСЧЙФУС ЗПТЙЪПОФБМШОБС МЙОЙС (Horisontal Ruler), ТБЪДЕМСАЭБС ЮБУФЙ ЛПОФЕОФБ, Ч ОБЫЕН УМХЮБЕ — БВЪБГЩ ФЕЛУФБ. ъБЛТЩЧБАЭЙК ФЕЗ ЪДЕУШ ПФУХФУФЧЕФ, Ф. Л. ФЕЗ <HR> ОЕ СЧМСЕФУС ЛПОФЕКОЕТПН: Б ЮФП, РП ЧБЫЕНХ, ЬФБ МЙОЙС НПЦЕФ УПДЕТЦБФШ, ЛТПНЕ УЕВС УБНПК? ;-) рБТБНЕФТ align ЪБДБЈФ ФЙР ЧЩТБЧОЙЧБОЙС (Ч ДБООПН УМХЮБЕ ЧЩТБЧОЙЧБОЙС РП МЕЧПНХ ЛТБА ФЕЛУФБ), РБТБНЕФТ width — ДМЙОХ МЙОЙЙ Ч РЙЛУЕМБИ.

чПЪШНЈН ДТХЗПК РТЙНЕТ.

<A href="http://www.microsoft.com/">уБКФ ДСДЙ вЙММЙ.</A>

ьФПФ ФЕЗ ПРТЕДЕМСЕФ УУЩМЛХ (Anchor). пО СЧМСЕФУС ЛПОФЕКОЕТПН, Й НЕЦДХ ЪБЛТЩЧБАЭЙН Й ПФЛТЩЧБАЭЙН ФЕЗБНЙ Ч ОБЫЕН УМХЮБЕ ОБИПДЙФУС ФЕЛУФ, ЛПФПТЩК ВХДЕФ ЧЩЗМСДЕФШ ЛБЛ УУЩМЛБ (РП ХНПМЮБОЙА ЬФП ПЪОБЮБЕФ РПДЮЈТЛЙЧБОЙЕ Й УЙОЙК ГЧЕФ ФЕЛУФБ). рБТБНЕФТ href РТЙОЙНБЕФ ЪОБЮЕОЙЕ БДТЕУБ, РП ЛПФПТПНХ ЧЩ РЕТЕКДЈФЕ РПУМЕ ЭЕМЮЛБ НЩЫША ОБ ЬФПК УУЩМЛЕ. рТПУФП, РТБЧДБ?

рБТЩ ФЕЗПЧ <P>...</P> ПВТБНМСАФ ПФДЕМШОЩЕ БВЪБГЩ. ьФПФ ФЕЗ ФБЛЦЕ НПЦЕФ ЧЛМАЮБФШ РБТБНЕФТЩ, ОБРТЙНЕТ align. чОХФТЙ ЛПОФЕКОЕТБ <P>...</P> НПЦЕФ ЧУФТЕФЙФШУС ПДЙОПЮОЩК ФЕЗ <BR>, ПВПЪОБЮБАЭЙК «НСЗЛЙК» РЕТЕОПУ УФТПЛЙ (ВЕЪ УПЪДБОЙС ПФДЕМШОПЗП БВЪБГБ), ЙМЙ ЛПОФЕКОЕТ <NOBR>...</NOBR>, ПВПЪОБЮБАЭЙК, ЮФП ВТБХЪЕТ ОЙ Ч ЛПЕН УМХЮБЕ ОЕ ДПМЦЕО РЕТЕОПУЙФШ ЙМЙ ЛБЛ-ФП ЙОБЮЕ ТБЪТЩЧБФШ ТБУРПМПЦЕООЩК ЧОХФТЙ ЬФПЗП ЛПОФЕКОЕТБ ФЕЛУФ. No breaks! чУЈ ДПМЦОП РПНЕУФЙФШУС Ч ПДОХ УФТПЛХ ЧОЕ ЪБЧЙУЙНПУФЙ ПФ ЕЈ ДМЙОЩ. рТЙНЕТ — ДМЙООЩЕ ПДОПУФТПЮОЩЕ ЪБЗПМПЧЛЙ Ч ВЙВМЙПФЕЛЕ нПЫЛПЧБ, ЧЩЪЩЧБАЭЙЕ РПСЧМЕОЙЕ ЗПТЙЪПОФБМШОПЗП УЛТПММЕТБ.

лПОФЕКОЕТ <H1>...</H1> НБМП ПФМЙЮБЕФУС ПФ ЛПОФЕКОЕТБ <P>...</P>, ОП УПДЕТЦБЭЙКУС Ч ОЈН ФЕЛУФ ВХДЕФ ПФПВТБЦБФШУС УХЭЕУФЧЕООП ВПМЕЕ ЛТХРОЩН ЫТЙЖФПН, РПУЛПМШЛХ ЬФПФ ФЕЗ УРЕГЙБМШОП РТЕДОБЪОБЮЕО ДМС ЪБЗПМПЧЛПН. уХЭЕУФЧХАФ ФБЛЦЕ ФЕЗЙ <H2>, <H3> Й ФБЛ ДБМЕЕ ДП <H6>, У ЙИ РПНПЭША НПЦОП ЧЩДЕМСФШ ЪБЗПМПЧЛЙ ТБЪОЩИ ХТПЧОЕК.

оХЦОП УДЕМБФШ ЕЭЈ ПДОХ ЧБЦОХА ПЗПЧПТЛХ. оЕУНПФТС ОБ ФП, ЮФП ЧП ЧУЕИ РТЙНЕТБИ С РЙЫХ ФЕЗЙ РТПРЙУОЩНЙ ВХЛЧБНЙ, СЪЩЛ HTML (Ч ПФМЙЮЙЕ, УЛБЦЕН, ПФ JavaScript) ОЕ ЮХЧУФЧЙФЕМЕО Л ТЕЗЙУФТХ. оЕ ЙНЕЕФ ЪОБЮЕОЙС, ВХДЕФЕ МЙ ЧЩ ЙУРПМШЪПЧБФШ ФБЛЦЕ РТПРЙУОЩЕ ВХЛЧЩ ЙМЙ ДМС УЛПТПУФЙ ПЗТБОЙЮЙФЕУШ УФТПЮОЩНЙ, ВТБХЪЕТ ЬФПЗП РТПУФП ОЕ ЪБНЕФЙФ. вПМЕЕ ФПЗП, РБТБНЕФТЩ, ЪОБЮЕОЙС ЛПФПТЩИ ОЕ УПДЕТЦБФ РТПВЕМПЧ, НПЦОП ОЕ ЪБЛМАЮБФШ Ч ЛБЧЩЮЛЙ, ФБЛПК УЙОФБЛУЙУ ФПЦЕ ЙНЕЕФ РТБЧП ОБ УХЭЕУФЧПЧБОЙЕ: align=right. б ЧПФ ФП, ЮФП ФЕЗ <P> НПЦОП ЙУРПМШЪПЧБФШ ВЕЪ ЪБЛТЩЧБАЭЕЗП ФЕЗБ </P>, ЛБЛ ПВ ЬФПН РЙЫХФ Ч ОЕЛПФПТЩИ ТХЛПЧПДУФЧБИ, С ВЩ ОЕ ТЕЛПНЕОДПЧБМ РТЙОЙНБФШ ЧП ЧОЙНБОЙЕ: ЧУЈ-ФБЛЙ ОХЦОП РЩФБФШУС ВЩФШ РПУМЕДПЧБФЕМШОЩНЙ, ДБ Й ЧППВЭЕ РТЙЧЩЮЛБ ЪБЛТЩЧБФШ ФЕЗЙ ЧРПУМЕДУФЧЙЙ УПУМХЦЙФ ЧБН ДПВТХА УМХЦВХ РТЙ ЙЪХЮЕОЙЙ XML.

еЭЈ ПДЙО ОЕ НЕОЕЕ ЧБЦОЩК НПНЕОФ, ЙНЕАЭЙК УБНПЕ РТСНПЕ ПФОПЫЕОЙЕ Л ЛПОФЕКОЕТХ <P> Й ЙЕТБТИЙЙ ЪБЗПМПЧЛПЧ <H1>–<H6>.

рТЕДУФБЧЙН УЕВЕ, ЮФП НЩ УПЪДБМЙ ДПЛХНЕОФ, УПУФПСЭЙК ЙЪ ВПМШЫПЗП ЛПМЙЮЕУФЧБ БВЪБГЕЧ, РТЙЮЈН ОЕЛПФПТЩЕ ЙЪ ОЙИ РПНЕЮЕОЩ ЛБЛ ЪБЗПМПЧЛЙ У РПНПЭША ПРЙУБООЩИ ЧЩЫЕ ФЕЗПЧ, ОП ОЙ ПДЙО ЙЪ БВЪБГЕЧ ОЕ ЙУРПМШЪХЕФ РБТБНЕФТПЧ, РТСНП ЪБДБАЭЙИ УЧПКУФЧБ ФЕЛУФБ. чПРТПУ: пфлхдб ВТБХЪЕТХ ЙЪЧЕУФОП, ЛБЛЙН ЫТЙЖФПН ПФПВТБЦБФШ ФПФ ЙМЙ ЙОПК БВЪБГ, ЛБЛ УППФОПУЙФШ ЛЕЗМШ, ЙУРПМШЪПЧБФШ МЙ РПМХЦЙТОЩК ЫТЙЖФ ЙМЙ ЛХТУЙЧ?

лБЦДЩК ЬМЕНЕОФ ЧЕВ-УФТБОЙГЩ, ВХДШ ФП ЛБТФЙОЛБ, БВЪБГ ФЕЛУФБ ЙМЙ ЮФП-ФП ДТХЗПЕ, ЙНЕЕФ БФТЙВХФ, ОБЪЩЧБЕНЩК уфймен Й УПДЕТЦБЭЙК ПРЙУБОЙЕ НОПЦЕУФЧБ УЧПКУФЧ ЬФПЗП ЬМЕНЕОФБ. дМС ЛБЦДПЗП ФЕЗБ, ВХДШ ФП <P>, <H1>, <A> ЙМЙ <HR>, ЪБДБО уфймш рп хнпмюбойа, ЙЪЧЕУФОЩК ВТБХЪЕТХ, Й ЙНЕООП ЬФПФ УФЙМШ РПЪЧПМСЕФ ОБН ОЕ ФТБФЙФШ ЧТЕНС ОБ ПРТЕДЕМЕОЙЕ ФПЗП, ЛБЛПК ЧЕМЙЮЙОЩ ДПМЦОБ ВЩФШ, УЛБЦЕН, ПФВЙЧЛБ НЕЦДХ БВЪБГБНЙ ФЕЛУФБ, Б РТПУФП ОБРЙУБФШ ФЕЗ <P> Й ВЩФШ ХЧЕТЕООЩНЙ, ЮФП ПФВЙЧЛБ РПСЧЙФУС УБНБ УПВПК, Й ЮФП ПОБ ВХДЕФ ВПМШЫЕ ЙОФЕТМЙОШСЦБ (НЕЦУФТПЮОПЗП ТБУУФПСОЙС), ЮФП УДЕМБЕФ ФЕЛУФ ВПМЕЕ ЮЙФБВЕМШОЩН. чУЈ ПФМЙЮОП. еУМЙ, ЛПОЕЮОП, ЪОБЮЕОЙЕ, ЪБДБООПЕ РП ХНПМЮБОЙА, ЧБУ ХУФТБЙЧБЕФ. ;-)

еУМЙ ЦЕ ЪОБЮЕОЙЕ ЛБЛПЗП-ФП РБТБНЕФТБ, ЪБДБООПЕ РП ХНПМЮБОЙА, ЧБН ОЕ ОТБЧЙФУС, Л ЧБЫЙН ХУМХЗБН ФБВМЙГЩ УФЙМЕК CSS. оП П ОЙИ НЩ РПЛБ ОЙЮЕЗП ОЕ ЪОБЕН, РПЬФПНХ РТЙИПДЙФУС РПМШЪПЧБФШУС ФЕНЙ РБТБНЕФТБНЙ, ЛПФПТЩЕ НПЦОП ЪБДБФШ У РПНПЫША HTML, ОБРПДПВЙЕ align="left". лУФБФЙ, ФБЛ НПЦОП ЙЪНЕОЙФШ ПЮЕОШ НОПЗПЕ, РПЧЕТШФЕ! ч ЮБУФЙ УМХЮБЕЧ ЬФПЗП ЧРПМОЕ ДПУФБФПЮОП. б ЧПФ ЪБ УРЙУЛПН ТБЪТЕЫЈООЩИ РБТБНЕФТПЧ ДМС ЛБЦДПЗП ФЕЗБ УФПЙФ ПВТБФЙФШУС Л УРЕГЙЖЙЛБГЙЙ HTML ПФ W3C. уХИПК Й УЦБФЩК НБФЕТЙБМ — ФП, ЮФП ОБДП!

ъБРПНОЙФЕ РТБЧЙМП ОПНЕТ ПДЙО ДМС СЪЩЛБ HTML:

рТЙ ПФУХФУФЧЙЙ РБТБНЕФТПЧ ЬМЕНЕОФПЧ HTML, ЪБДБООЩИ СЧОП, ЧУЕ ЪОБЮЕОЙС ВЕТХФУС РП ХНПМЮБОЙА. мАВПК РБТБНЕФТ, ЪБДБООЩК ТБЪТБВПФЮЙЛПН Ч СЧОПН ЧЙДЕ, ПФНЕОСЕФ ЪОБЮЕОЙЕ РП ХНПМЮБОЙА, ОЕ ЧМЙСС ОБ РТПЮЙЕ УЧПКУФЧБ ЬМЕНЕОФБ.

ъБРПНОЙМЙ? фП-ФП ЦЕ. ;-)

чЩ ЪБНЕФЙМЙ, ЮФП НЩ ХУРЕМЙ ТБЪПВТБФШ РТБЛФЙЮЕУЛЙ ЧУА ФЕУФПЧХА УФТБОЙГХ? бИ ДБ, ПУФБМБУШ ПДОБ УФТБООБС ЪБЛПТАЮЛБ…

<P> &copy; нПЈ ЬФП, ОЙЛПНХ ОЕ ПФДБН. </P>

й ЮФП ВЩ ЬФП ЪОБЮЙМП? б ЧЕДШ НПЦОП ВЩМП ВЩ ОБРЙУБФШ ФБЛ:

<P> © нПЈ ЬФП, ОЙЛПНХ ОЕ ПФДБН. </P>

рПУМЕДПЧБФЕМШОПУФШ УЙНЧПМПЧ &copy; ПДОПЪОБЮОП ПРТЕДЕМСЕФ, ЮФП Ч ЬФПН НЕУФЕ Ч ФЕЛУФЕ УФТБОЙГЩ ДПМЦЕО ПФПВТБЪЙФШУС ЪОБЛ ЛПРЙТБКФБ. б РПЮЕНХ ВЩ ЕЗП РТСНП ФБЛ Й ОЕ ОБРЙУБФШ, ЛБЛ ЬФП УДЕМБОП ЧП ЧФПТПН РТЙНЕТЕ? фЕН ВПМЕЕ ЮФП Й ТЕЪХМШФБФ ЧТПДЕ ПДЙО Й ФПФ ЦЕ?

дБ Ч ФПН-ФП Й ДЕМП, ЮФП ОЕ ПДЙО Й ФПФ ЦЕ. ч ЪБЧЙУЙНПУФЙ ПФ ФПЗП, ЛБЛХА ЛПДЙТПЧЛХ ЙУРПМШЪХЕФ РПУЕФЙФЕМШ, ЛБЛЙЕ ЫТЙЖФЩ ХУФБОПЧМЕОЩ Х ОЕЗП У УЙУФЕНЕ… — ДБ ПФ ЮЕЗП ХЗПДОП! — РТСНП РТПРЙУБООЩК УЙНЧПМ БЧФПТУЛПЗП РТБЧБ НПЦЕФ РТЕЧТБФЙФШУС Ч ЛБЛХА-ОЙВХДШ ОЕРПОСФОХА ЪБЛПТАЮЛХ. б Х ОБУ У ЧБНЙ ЕУФШ РТЕЛТБУОЩК УРПУПВ ЬФПЗП ЙЪВЕЦБФШ. лПФПТЩК НЩ Й ЙУРПМШЪПЧБМЙ. лУФБФЙ, ДМС ЛБЦДПЗП УЙНЧПМБ, ОЕ ЧИПДСЭЕЗП Ч «УФБОДБТФОХА РПУФБЧЛХ», ЕУФШ ФБЛПЕ ПВПЪОБЮЕОЙЕ. иПФЙФЕ ЕЭЈ ПДОП? дБТА.

уЙНЧПМ &nbsp; — ПФ БОЗМЙКУЛПЗП non-breaking space. юФП ПО ПВПЪОБЮБЕФ? дБ РПЮФЙ ОЙЮЕЗП. пВЩЮОЩК ОЕТБЪТЩЧОЩК РТПВЕМ, ФПФ, ЛПФПТЩК Ч ТХУУЛПН ОБВПТЕ УФПЙФ РЕТЕД ФЙТЕ Й НЕЦДХ ЧУСЛЙНЙ «ч.&nbsp;й.&nbsp;мЕОЙО» Й «Ф.&nbsp;Р.» Й Ч Word ОБВЙТБЕФУС ЛБЛ Ctrl+Shift+РТПВЕМ. чЩ ОЕ Ч ЛХТУЕ, ЮФП ФБН ОХЦОЩ РТПВЕМЩ? чУА ЦЙЪОШ РЙУБМЙ ВЕЪ ОЙИ? вЩЧБЕФ. с ЧПФ ПДОПЗП УЧПЕЗП РТЙСФЕМС ЧФПТПК ЗПД РЩФБАУШ ХВЕДЙФШ, ЮФП ЪБРСФБС Ч ФЕЛУФЕ ДПМЦОБ ПФВЙЧБФШУС РТПВЕМПН УРТБЧБ, Б ОЕ УМЕЧБ. оЕ ЧЕТЙФ. б Ч ЛОЙЦЛХ РПУНПФТЕФШ МЕОШ: ЮХЛЮБ ОЕ ЮЙФБФЕМШ, ЮХЛЮБ ЬМЕЛФТПООЩК РЙУБФЕМШ. лУФБФЙ, П РТБЧЙМБИ РТЕДРЕЮБФОПК РПДЗПФПЧЛЙ ФЕЛУФПЧ — Й ПУПВЕООПУФСИ ТБЪОЩИ СЪЩЛПЧ — НЩ ЛБЛ-ОЙВХДШ ЕЭЈ РПЗПЧПТЙН…

ъБЛМАЮЕОЙЕ

еУФЕУФЧЕООП, НЩ ЕЭЈ ОЕ ТБЪ ЧЕТОЈНУС Л СЪЩЛХ HTML… ДБ ЮФП ФБН, ЧТСД МЙ ИПФС ВЩ ПДЙО ХТПЛ ПВПКДЈФУС ВЕЪ ОЕЗП. оП С УЮЙФБА, ЮФП ЙЪМПЦЕООПЗП ЧЩЫЕ ХЦЕ ДПУФБФПЮОП ДМС ФПЗП, ЮФПВЩ РПОСФШ, ЛБЛ ХУФТПЕОЩ ЧЕВ-УФТБОЙГЩ, Й РПКФЙ ДБМШЫЕ, РТЙВЕЗБС МЙЫШ Л РПНПЭЙ УРЕГЙЖЙЛБГЙЙ HTML ПФ W3C. дХНБА, РПУМЕ РТПЮФЕОЙС ЬФПЗП ФЕЛУФБ ПЮЕОШ РПМЕЪОП ВЩМП ВЩ РПМЙУФБФШ ЙНЕООП УРЕГЙЖЙЛБГЙА, Й РПУНПФТЕФШ, ЛБЛЙЕ ОБ УЧЕФЕ ВЩЧБАФ ФЕЗЙ Й ЪБЮЕН ПОЙ ОХЦОЩ. б УЮБУФМЙЧЩЕ ЧМБДЕМШГЩ Dreamweaver 4.0 НПЗХФ УДЕМБФШ ЬФП РТСНП Ч ПЖЖМБКОЕ, Ф. Л. ЬФБ ЧЕТУЙС РПРХМСТОПК РТПЗТБННЩ УОБВЦЕОБ йъхнйфемшощн ИЕМРПН РП HTML, CSS Й JavaScript.

б ХЦ УБНЩК МХЮЫЙК УРПУПВ ТБЪПВТБФШУС, ЮФП НПЦОП УДЕМБФШ У РПНПЭША СЪЩЛБ HTML, — РПКФЙ ОБ РПОТБЧЙЧЫХАУС ЧБН УФТБОЙЮЛХ, ПФЛТЩФШ ЕЈ ЙУИПДОЩК ЛПД РТЙ РПНПЭЙ ЛПНБОДЩ НЕОА View | Source Й РПРТПВПЧБФШ РПОСФШ, ЛБЛ ТЕБМЙЪПЧБОБ ФБ ЙМЙ ЙОБС ЛПОУФТХЛГЙС.

фЕН ОЕ НЕОЕЕ, HTML ОЕ ЙУЮЕТРЩЧБЕФ ЧПЪНПЦОПУФЙ ЧЕВ-ДЙЪБКОБ. оБ УМЕДХАЭЕН ХТПЛБ НЩ РПЗПЧПТЙН П СЪЩЛЕ угеобтйеч рпчедеойс ЧЕВ-УФТБОЙГ, ЙОБЮЕ ЗПЧПТС — П УЛТЙРФБИ. чЕДШ ЙНЕООП ПОЙ РПЪЧПМСАФ УФТБОЙГЕ ЮХФЛП ТЕБЗЙТПЧБФШ ОБ ЛБЦДПЕ ЧБЫЕ ДЕКУФЧЙЕ, Ч МХЮЫЕН УМХЮБЕ РТЕДХЗБДЩЧБС ЧБЫЙ ЦЕМБОЙС Й РТЕДМБЗБС РПНПЮШ, Б Ч ИХДЫЕН — РТПЙЪЧПДС НБУУХ ОЕОХЦОЩИ Й ТБЪДТБЦБАЭЙИ ЬЖЖЕЛФПЧ, ТБЪТБЦБСУШ УЕТЙСНЙ ЧЩУЛБЛЙЧБАЭЙИ ЙЪ ОЙПФЛХДБ ВБООЕТПЧ ЙМЙ ЧЩРХУЛБС ОБ ЬЛТБО ЮЕТЕДХ НЩМШОЩИ РХЪЩТЕК, ОБЮЙОБАЭЙИ ЗПОСФШУС ЪБ ЛХТУПТПН.

чРТПЮЕН, ЬФП ХЦЕ УПЧУЕН ДТХЗБС ЙУФПТЙС…

хТПЛ 2. ьУЛЙЪЩ | хТПЛ 4. пУОПЧЩ JavaScript


Источник: http://artefact.lib.ru/design/web_lesson_03.shtml



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Фиксированный дизайн. Основы Декор стола на день рождения с фото


Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html Дизайн на страницы html


ШОКИРУЮЩИЕ НОВОСТИ