Элементы вэб-дызайну

Праслухаць гэты артыкул

Элементы вэб-дызайну - што гэта такое? Хатняя старонка існуе сама па сабе, яна можа захоўваць розныя тыпы інфармацыі, а таксама з'яўляецца спецыяльнай вэб-старонкай, якая служыць адпраўной кропкай і выніковай кропкай вэб-сайта. Сёння я раскажу вам аб элементах вэб-дызайну для азнаямлення і чытання.

Вэб-дызайн сам па сабе ахоплівае мноства базавых ведаў, якія вы, магчыма, не вельмі добра ведаеце, асабліва некаторыя з найбольш распаўсюджаных тэрмінаў, многія людзі будуць збітыя з панталыку, таму я растлумачу вам усё ў гэтым артыкуле.

Асноўныя элементы web-дызайну

1. Вэб-сайт

У працэсе дызайну вэб-старонак увесь вэб-сайт захоўвае сукупнасць поўнай інфармацыі некаторых вэб-сервераў, якая ўключае ў сябе вэб-старонку ці некалькі вэб-старонак, і самі гэтыя вэб-старонкі існуюць у пэўным выглядзе спасылак, яны могуць быць выкарыстаны ў цэлым для апісання адносна поўнай інфармацыі або для дасягнення пэўнай чаканай вядомасці, некаторыя вэб-сайты, змяшчаюць шмат кантэнту, а некаторыя вэб-сайты могуць мець толькі некалькі старонак, як і асабістыя вэб-сайты.

2. Вэб-старонка

Вэб-дызайн на самой справе ўяўляе сабой файл, вэб-старонкі маюць розныя тэксты, выявы і гукі, таму вэб-старонкі можна разглядаць як асобны аб'ект, што з'яўляецца вельмі важным элементам. Калі мы жадаем наведаць гэтыя вэб-сайты, найболей прамым наведваннем з'яўляецца ўся старонка.

3. Галоўная

Хатняя старонка існуе сама па сабе, яна можа захоўваць розныя тыпы інфармацыі, а таксама з'яўляецца спецыяльнай вэб-старонкай, якая служыць адпраўной кропкай і выніковай кропкай вэб-сайта. Калі карыстач уводзіць адрас вэб-сайта, з'яўляецца першая старонка, якую звычайна лёгка праглядаць і шукаць інфармацыю.
Пры размяшчэнні каталога інфармацыі вэб-сайта хатняя старонка вэб-сайта не з'яўляецца хатняй старонкай, усталяванай для ўсёй хатняй старонкі, і некаторыя вэб-сайты могуць змяшчаць хатнюю старонку ў анімацыю або спасылацца на яе на галоўнай старонцы, і наведвальнікі могуць пстрыкнуць спасылку, каб увайсці у яе. Можна сказаць, гэта добры дызайн.

Што змяшчае элемент загалоўка head?

Элемент head павінен быць напісаны ўсярэдзіне тэга каранёвага элемента і перад элементам body. Элемент загалоўка дае некаторую асноўную інфармацыю аб дакуменце, розных звязаных файлах, а таксама некаторы код або параметры, якія вызначаюць увесь дакумент. Код, які змяшчаецца ў элементах загалоўка, звычайна не адлюстроўваецца непасрэдна на вэб-старонцы. Элемент загалоўка змяшчае наступнае:

• Інфармацыя аб эталонным URL-адрасе. У элеменце загалоўка вы можаце вызначыць усю інфармацыю аб URL-адрасе гэтай вэб-старонкі, напрыклад, спосаб адкрыцця URL-адрасы і т. д.
• Даведачная інфармацыя аб рэсурсах. У элеменце head вы можаце звязаць іншыя файлы (напрыклад, CSS, Java і т. д.) і прымяніць змесціва файла да гэтай вэб-старонцы. Пры звароце да гэтых рэсурсаў тыпы гэтых файлаў павінны быць абвешчаныя звонку.
• Схаваная тэгі для дакументаў. Некаторыя ключавыя словы могуць быць дададзены ў элемент загалоўка. Гэтыя ключавыя словы не будуць адлюстроўвацца на вэб-старонцы, але іх можна знайсці ў пошукавых сістэмах. Варта адзначыць, што ключавых слоў не павінна быць зашмат. Вялікая колькасць ключавых слоў можа запаволіць хуткасць загрузкі старонкі.
• Код скрыпту. Код скрыпту (напрыклад, Java і да т.п.) можна пісаць прама ў элеменце head, і ён можа нармальна працаваць.
• Код табліцы стыляў. Код CSS таксама можа быць напісаны непасрэдна ў элеменце head. Код CSS у элеменце загалоўка выконваецца сапраўды гэтак жа, як код у вонкавым файле CSS.
• Інфармацыя аб загалоўку вэб-старонкі. Вэб-старонка можа вызначаць загаловак вэб-старонкі ў элеменце загалоўка, а змесціва вэб-старонкі можа вызначацца загалоўкам. Калі вы не пакажаце загаловак вэб-старонкі, браўзэр аўтаматычна выкарыстоўвае URL-адрас вэб-старонкі ў якасці загалоўка.

Кампаненты дызайну вэб-старонкі

Вэб старонка складаецца з розных элементаў. Тэкст і выявы з'яўляюцца асноўнымі элементамі вэб-старонак і асноўнымі носьбітамі інфармацыі вэб-старонкі. Рэдактар лічыць, што яны гуляюць вельмі важную ролю на вэб-старонках, а астатнія элементы (напрыклад, гіперспасылкі і т. д.) ствараюцца на аснове гэтых двух базавых элементаў.

1. Тэкст: тэкст хутчэй перадаецца па сетцы і з'яўляецца асноўным інфармацыйным носьбітам вэб-старонак, карыстальнікі могуць лёгка праглядаць і спампоўваць тэкставую інфармацыю. На вэб-старонках існуе мноства стыляў тэксту з рознымі стылямі, і прывабныя вэб-старонкі звычайна маюць прыгожыя стылі тэксту. Стыль тэксту можна змяніць, усталяваўшы ўласцівасці тэксту на вэб-старонцы.
2. Малюнак: у параўнанні з тэкстам выява больш яркая і інтуітыўна зразумелая, яна можа перадаваць некаторую інфармацыю, якую тэкст не можа перадаць, напрыклад, лагатып вэб-сайта, фон вэб-старонкі і г. д. Звычайна гэта выявы.
3. Табліцы: табліцы ўяўляюць сабой адну або некалькі радкоў ячэек на вэб-старонцы і звычайна выкарыстоўваюцца для арганізацыі макета вэб-старонак або для планавання элементаў вэб-старонкі. Карыстальнікі могуць змясціць любы элемент вэб-старонкі ў вочка табліцы, у тым ліку тэкст, малюнкі, формы, кнопкі і многае іншае. У дадатак да вышэйпералічаных элементаў, формы, анімацыя, гукі, гіперспасылкі і т. д. таксама з'яўляюцца элементамі, якія складаюць вэб-старонку.

Асноўныя элементы вэб-старонак - што ўтрымліваюць вэб-старонкі?

Асноўныя элементы, якія складаюць вэб-старонку, у асноўным наступныя: тэкст і выявы, гіперспасылкі, анімацыя, формы, аўдыё і відэа. Сярод іх тэкст і выявы з'яўляюцца двума асноўнымі элементамі вэб-старонак, і ў цяперашні час яны прысутнічаюць на ўсіх вэб-старонках.

1. Асноўныя элементы вэб-старонкі

1. Тэкст і выявы. Гэта два асноўных элемента дызайну вэб-старонак, і ў цяперашні час яны прысутнічаюць на ўсіх вэб-старонках.
2. Гіперспасылкі. Спасылкі на вэб-старонках можна падзяліць на два тыпы: тэкставыя спасылкі і спасылкі на выявы. Пакуль наведвальнік пстрыкае мышшу па тэксце або выяве са спасылкай, ён можа аўтаматычна спасылацца на іншыя адпаведныя файлы, так што вэб-спасылка можа быць інтэграваная ў цэлым. Гіперспасылкі таксама з'яўляюцца асновай усёй сеткі.
3. Анімацыя. Анімацыі на вэб-старонках таксама можна падзяліць на GIF-анімацыі і Flash-анімацыі. Дынамічны кантэнт заўсёды прыцягвае ўвагу людзей больш, чым статычны, таму выдатная анімацыя можа ўзбагаціць вэб-старонку.
4. Формы. Гэта тэхналогія, якая можа абменьвацца інфармацыяй паміж наведнікамі і серверамі. Выкарыстанне формаў можа выконваць інтэрактыўныя функцыі, такія як пошук, уваход у сістэму і адпраўка электронных лістоў.
5. Аўдыё і відэа. Дызайнеры дададуць на вэб-старонку відэа, фонавую музыку і г. д., каб зрабіць вэб-сайт больш персаналізаваным, прывабным і модным з пункту гледжання дызайну.

2. Што змяшчае простая вэб-старонка?

Поўны HTML-дакумент павінен утрымоўваць тры часткі: інфармацыю аб версіі дакумента, вызначаную элементам "html", загаловак дакумента, вызначаны элементам "head", і асноўную частку дакумента, вызначаную элементам "body".

3. Класіфікацыя вэб-сайтаў і ўвядзенне

1. Партал. Вэб-сайт партала багаты зместам і прадастаўляе розныя паслугі, такія як паслугі на хатняй старонцы, каціроўкі акцый, электронная пошта, прагноз надвор'я, імгненныя навіны, анлайн-форумы, анлайн-цэнтры, анлайн-гульні і г. д. Акрамя таго, сайты -парталы звычайна падаюць пошукавую сістэму.
2. Сайт інфармацыйна-кансультацыйнай службы. Функцыі вэб-сайта інфармацыйна-кансультацыйнай службы ў асноўным уключаюць выпуск інфармацыі, пошук інфармацыі, анлайн-кансультацыі і рэсурсныя паслугі. Якія прадстаўляюцца рэсурсы звычайна ўключаюць праграмнае забеспячэнне, кнігі, малюнкі, тэхнічныя матэрыялы, музыку, фільмы і тэлебачанне. На такіх сайтах звычайна ёсць BBS, віртуальныя суполкі і гэтак далей.
3. Выдалены інтэрактыўны сайт. Выдалены інтэрактыўны вэб-сайт дае інтэрактыўныя прыкладныя паслугі, такія як дыстанцыйнае навучанне і медыцынская дыягностыка.
4. Сайт забаўляльнай гульні. Сайт забаўляльных гульняў спецыялізуецца на прадастаўленні розных забаўляльных і гульнявых паслуг.

На што звярнуць увагу ў першую чаргу пры распрацоўцы дызайну вэб-старонкі

Пры стварэнні старонак дызайнеры старонак павінны ўлічваць не толькі эфект успрымання бягучай старонкі, але і эфект успрымання вонкавага інтэрфейсу старонкі. Давайце зірнем на першае, што трэба ўлічваць пры распрацоўцы вэб-старонкі.

1. Памер:

Па-першае, гэта памер вэб-сайта. Вы павінны быць знаёмыя з памерам вэб-дызайну. Памер з'яўляецца прынцыпам дызайну дазволу. Паколькі памер кожнага кампутара адрозніваецца, дазвол таксама адрозніваецца. Напрыклад, бягучы кампутар памер экрана 980, 1038, 1280 Пачакайце, тады планаванне асноўнага кантэнту сайта павінна быць зроблена загадзя.

2. Колер:

Колер вэб-сайта звычайна мае тры каляровыя сістэмы: асноўны колер, дадатковы колер і тры камбінацыі. Перад стварэннем вэб-старонкі неабходна спачатку вызначыць колер вэб-сайта і наладзіць каляровую камбінацыю.

3. Часткі:

Дапаможныя часткі на вэб-старонцы павінны быць падрыхтаваны вамі ў першую чаргу, такія як: кнопкі, значкі і іншыя серыі, якія могуць быць непасрэдна PS пры выкарыстанні.Калі яны не ўстаноўлены загадзя, гэта прывядзе да непаслядоўнасці вэб-сайта.

4. Тэхналогія:

У дызайнераў няма тэхнічных здольнасцяў, усё на паперы, а як вэб-дызайнер, мала таго, што ведаць PS, flash і іншы софт, гэта таксама адзін з навыкаў, якім трэба вучыцца. Вывучыце некаторыя прынцыпы стварэння вэб-старонак і некалькі простых кодаў.

5. Індукцыя:

Пры стварэнні старонак дызайнеры старонак павінны ўлічваць не толькі эфект успрымання бягучай старонкі, але і эфект успрымання вонкавага інтэрфейсу старонкі, каб дызайнеры вонкавага інтэрфейсу маглі ведаць, які эфект успрымання пры дотыку мышы. Акрамя таго, аднатыпныя сэнсары на сайце павінны быць уніфікаваны.

6. Шрыфты:

Дызайн макета вельмі важны, а таксама з'яўляецца важнай праявай творчасці. Які кантэнт на якіх старонках размяшчаецца, і які візуальны эфект старонкі. Звычайна змест старонкі агаворваецца самім дызайнерам.

Дзякуй, што чытаеш Nicola Top