БҮЛЭГ 16 Интерактив вэб хуудас үүсгэх Өмнөх бүлэгт бид Ext Core номын санг судалсан. Эд юмс, шинж чанар, арга, үйл явдлын элбэг дэлбэг байдлаас толгой эргэх ... Энэ бүх баялгийг практикт хэрхэн хэрэгжүүлэх вэ Энэ бүлэг бүхэлдээ үүнд зориулагдах болно. Бид сурах болно

Хуудасны дарааллыг үүсгэх: Хуудасны дараалал гэж юу вэ? Энэ бол ижил шинж чанартай (жишээлбэл, номын бүлэг) цуврал хуудас бөгөөд хэрэв хүсвэл ижил хэлбэрээр форматлаж болно. Үүссэн баримт бичгийн хуудсууд

Хуудасны дугаар үүсгэх: Суурилуулсан форматлах объект одоогийн хуудасны дугаарыг харуулсан шугаман хэсгийг үүсгэдэг. Жишээлбэл: Та одоо хуудсыг уншиж байна .Элементтэй дараахь зүйлийг хэрэглэж болно

Вэб хуудас үүсгэх, нээх, хадгалах Програмыг ашиглан шинэ вэб хуудас үүсгэхээс гадна өмнө нь үүсгэсэн хуудсыг засварлах боломжтой.Шинэ вэб хуудас үүсгэхийн тулд үндсэн цэсний File командыг гүйцэтгэх шаардлагатай.

1-р бүлэг Орчин үеийн ертөнц. Мэдээллийн технологийн эрин үе Хүн төрөлхтөний хөгжлийн нэгэн гажуудлын нэг нь хүн хөгжлийнхөө бүх хугацаанд мэдээллийг ашиглах, хуримтлуулах, түүнийг ойлгохгүй, бүр бодохгүйгээр дамжуулж байсан явдал юм.Жинхэнэ соёл иргэншил.

6-р бүлэг Өгөгдлийн хандалтын хуудас үүсгэх Өгөгдлийн хандалтын хуудас нь мэдээллийн санд хадгалагдсан өгөгдөлтэй интернет эсвэл дотоод сүлжээгээр дамжуулан үзэх, ажиллах зориулалттай тусгай төрлийн файл юм. Microsoft-ын өгөгдөл Access эсвэл Microsoft SQL Server. Өгөгдлийн хандалтын хуудсыг мэдээллийн санд ачааллаа Мэдээлэлд хандах 2002

М.: SOLON-PRESS, 2008. - 192 х. ("Оюутны номын сан" цуврал)

Энэхүү гарын авлагыг суурин болон зайн сургалтанд дараах хичээлүүдийг судлахад ашиглаж болно: Өндөр түвшний хэлээр програмчлал, Хүн-машины харилцан үйлчлэл, Объект хандалтат програмчлал.

Энэхүү гарын авлагын гол агуулга нь HTML програмчлалын хэл, CSS технологи, JavaScript програмчлалын хэл, график засварлагч юм. Adobe Photoshop, мультимедиа технологи.

Сургалтын гарын авлагыг онолын материал, янз бүрийн даалгавруудыг хэрэгжүүлэх жишээ (сургалтын талбай), практик хэсэг (даалгавар, хяналтын асуулт, гүйцэтгэх арга зүйн заавар) агуулсан CD дээрх цахим сурах бичгийг хавсаргасан болно. лабораторийн ажил). Нэмж дурдахад дискэн дээр туршилтын програм байдаг бөгөөд түүний тусламжтайгаар багш материалыг шингээх түвшинг хурдан бөгөөд бодитой үнэлэх боломжтой.
Цахим сурах бичгийн нэг сонин онцлог нь хэсэг бүрийг сайхан сэтгэлийг бий болгодог тайван хөгжмийн зэмсэг дагалдуулсан явдал юм.

Өгсөн заавар 220400 (230105) мэргэжлийн оюутнуудад зориулагдсан - Програм хангамжкомпьютерийн технологи, автоматжуулсан систем. Цахим сурах бичиг байгаа нь багш нарт удирдамжийг хуулбарлах асуудлыг шийдэх боломжийг олгодог.
Энэхүү ном нь вэб дизайны чиглэлээр суралцаж буй бүх хүмүүст орлуулшгүй юм.

Формат: djvu

Хэмжээ: 5.7 MB

Татаж авах: yandex.disk

АГУУЛГА
Танилцуулга 3
1. Глобал компьютерийн сүлжээнүүд 6
2. Интернетэд холбогдох арга замууд 11I
3. Суваг, мессеж, багц солих. 13
4. Протокол, үйлчилгээ, үйлчилгээ 15
5. Хөтөч 18
6. Хайлтын системүүдболон лавлахууд. 24
7. Вэб дизайны үндсэн ойлголтууд 31
8. Вэб хуудасны бүтэц 37
9. Сүлжээний технологиВэб дизайн 39
10. HTML хэл 46
10.1. Текст форматлах 51
10.2. Хүснэгт.. 55
10.3. График 61
10.4. Гипер холбоосууд 67
10.5. Мета шошго 71
10.6. Холболтын картууд 73
10.7. Мультимедиа 77
10.8. Хүрээ 81
10.9. CSS Cascading Style Sheets 85
11. JavaScript хэл 91
11.1. Скрипт ажиллуулах дараалал 95
11.2. Оролтын аргууд 98
11.2.1. Cop-firmO 99 аргыг ашиглан мэдээлэл оруулах
11.2.2. promt() аргыг ашиглан мэдээлэл оруулж байна.. 101
11.2.3. Текстийн хайрцаг ашиглан мэдээлэл оруулах 103
11.2.4. textarca 106 текстийн талбарыг ашиглан мэдээлэл оруулах, харуулах
11.2.5. Интерактив маягтууд 108
11.3. Мэдээлэл гаргах арга 124
11.3.1. alert() аргыг ашиглан мэдээллийг харуулах 125
11.3.2. write() аргыг ашиглан мэдээлэл гаргах 126
11.3.3. Текст талбар ашиглан мэдээллийг харуулах 127
11.3.4 Үүсгэсэн цонх 129 ашиглан мэдээллийг харуулах
11.4. Үйл явдал 132
11.5. Арифметик үйлдлүүд., 141
11.6. Булийн үйлдлүүдболон ээлжийн үйл ажиллагаа 143
11.7. Мөр хувьсагчтай үйлдлүүд. 147
11.7.1. Тоонуудыг нэг тооллын системээс нөгөө 150 руу хөрвүүлэх
11.8. Математикийн функц ба тогтмолууд 152
11.9. Тогтмол мөчлөг 158
11.10 Нөхцөлт шилжүүлгийн мэдэгдлүүд if-else(cond) Hswitch(x) 160
11.11 Скриптийн жишээ 167
11.11.1 Хөтөчийн гарчгийн мөрөнд хөдөлгөөнт дүрс 168
11.11.2 Гэрэлтдэг товчлуур 169
11.11.3 Давталтын гогцоог хэрэгжүүлэх 171
Хавсралт 1: Оптик диск дээрх лаборатори ба даалгаврын жагсаалт 174
Хавсралт 2: Туршилтын хөтөлбөрийг хэрхэн эхлүүлэх вэ 176
Хавсралт 3: "Самара энэ - Орос өөрөө" сайт
Дүгнэлт 180
Ашигласан материал 181

Интернэт эх сурвалжийн график дизайн нь амжилтанд хүрэх, алдартай болоход асар их үүрэг гүйцэтгэдэг гэдгийг хүн бүр мэддэг. Нэг сэдэвтэй сайтуудын өдөр тутмын өсөлт нь тэдний хоорондын тэмцэлтэй шууд холбоотой юм зорилтот бүлэг. Сайтыг хөгжүүлэх гол ажил бол чадварлаг, сонирхолтой дизайны дизайн юм. Энэ нь бусдаас ялгарч, сайтын зочдын анхаарлыг татахуйц тод, сэтгэл татам загвар юм.

Тэгэхээр вэб дизайн гэж юу вэ? Вэб дизайн нь вэб хөгжүүлэлт, сайтын бүтцийн график дизайн, вэб хэрэглэгчийн интерфейсийн дизайнтай холбоотой дизайны салбар юм. Өөрөөр хэлбэл, вэб дизайн нь мэдээллийн тохиромжтой, тод танилцуулга, интернетийн эх сурвалжийн уран сайхны дизайн бүхий вэб хуудасны логик бүтэц юм. Энэ сайтын үүрэг бол шаардлагатай мэдээллийг янз бүрийн үзэгчдэд хүргэх явдал юм. Сайтын зөв дизайн нь бидний хувьд олон нийтийн мэдээллийн хэрэгслийг орлуулж, давуу талыг нь олон хүн мэддэг. Эцсийн эцэст, энэ нь цаг хугацаа, хүртээмжийн хүрээнд чиглээгүй интернет нөөц байсан, учир нь үүнд тодорхой цаг хугацаа, баганын хэмжээ өгдөг ТВ шоу эсвэл сонинууд хязгаарлагдмал байдаг. Харин ч эсрэгээрээ вэб сайтад дэлхийн хаанаас ч, хаанаас ч хандах боломжтой зөв цаг, Интернэтийг хаанаас авах вэ.

Сайт үүсгэхдээ бид хөгжүүлэгчийн өмнө тавьж болох ажлуудыг тодорхойлох ёстой.

• 1. Өвөрмөц байдал;
• 2. Вэб хуудасны дизайны гол ажлуудын нэг нь бусдаас ялгарах өвөрмөц байдал, онцлогийг бий болгох явдал юм. Хувь хүний ​​онцлогт хүрэхийн тулд вэб дизайнерууд анхны өнгө, уран сайхны шийдэл, компанийн нүүр царайг илэрхийлсэн тод, анхаарал татахуйц лого, түүнчлэн тохиромжтой, ер бусын байрлуулсан вэбсайт контентыг ашигладаг. Үүний зэрэгцээ, интерфэйс нь сайт даяар ижил төстэй байх ёстой гэдгийг мартаж болохгүй, ингэснээр зочин өөрт хэрэгтэй мэдээллээ төөрөгдөлгүйгээр олох боломжтой болно.
• 3. Анхаарал татах;

Өвөрмөц байдалтай харьцуулахад ижил чухал ажил бол аль болох олон хуудасны зочдын анхаарлыг татах явдал юм. Сайтын дизайн нь хүмүүсийн анхаарлыг татах, сайтын чухал нарийн ширийн зүйлийг онцолж, хэрэглэгчдэд ээлтэй интерфэйсийг харуулах, уран сайхны элементүүдийг татах ёстой.

4. Шаардлагатай мэдээллийг мэдээлэх. Хуудасны дизайн нь зөвхөн тод чимэглэл, график элементүүдээр дүүрэн сайхан хавтас биш юм. Сайтын хэрэглэгчдэд шаардлагатай мэдээллийг дамжуулах нь дээрхтэй харьцуулахад адил чухал ажил гэдгийг санах нь зүйтэй.

Сайт дээр тавигдсан контентыг зохих ёсоор зохион байгуулж, хэлбэржүүлж, мэдээллийг нөхөх график, зураг нэмж оруулсан байх ёстой. Сайт руу орохдоо хэрэглэгч сонирхож буй асуултынхаа бүх хариултыг олох ёстой. Анхны загвар, сайтын дизайны бүх дүрмийг дагаж мөрдөх нь агуулгын ач холбогдлыг үргэлж онцлон тэмдэглэх болно.

Сайт үүсгэх үйл явцын нарийвчилсан тойм нь хөгжлийн янз бүрийн үе шатанд яг юу хийх ёстойг мэдэхэд тусална.

1. Ажлын даалгавар (TOR);

Вэб хуудсыг үүсгэх зорилгоо ухамсарлаж, сайтын хамрах хүрээ, түүний функциональ байдал, харааны танилцуулгын үндсэн параметрүүд, сайтын бүтцийг мэддэг. Энэ үе шат нь хэрэглэгчийн техникийн даалгаврыг баталснаар дуусна.

2. Бүтцийн мэдээлэл;

Энэ үе шат нь сайтын агуулгын хэлбэр, зохион байгуулалтыг агуулдаг. Үүнд вэб сайтын логик бүтцээс эхлээд мэдээлэл оруулах хамгийн тохиромжтой хэлбэрийг сонгох хүртэл өргөн хүрээний асуудлууд багтсан болно.

3. График дизайн;

AT график засварлагчСайтын харааны орон зайг чимэглэл эсвэл навигаци болгон график элементүүдийг ашиглан бүрдүүлдэг. Хуудасны дизайн нь том график файл юм.

4. Байршил;

Энэ үе шатанд график зургийг HTML форматаар (Hyper Text Markup Language - гипертекст тэмдэглэгээний хэл) ашиглан тусад нь элемент болгон хуваасан хэлийг хөтөч ашиглан үзэх боломжтой код болгон хувиргадаг.

5. Вэбмастеринг.

Сүүлчийн шатанд сайтыг сүлжээгээр түгээх, үр дүнтэй хүргэхэд хувь нэмэр оруулах арга хэмжээ авдаг. Энд бид сайтыг World Wide Web дээр цаашид ашиглахын тулд хостинг хэрэгтэй байна.

Сайт үүсгэхдээ бид хуудасны дизайны өөр удирдамжийг дагаж мөрдөх шаардлагагүй:

• 1. Энгийн байдал;
• 2. Төвлөрсөн байршил;
• 3. Цөөн тооны багана;
• 4. Тусдаа дээд хэсэг;
• 5. Тод өнгийн блокууд;
• 6. Хялбар навигаци;
• 7. Үсгийн хэмжээг нэмэгдүүлэх;
• 8. Том текст оруулга (ихэвчлэн график элемент болгон хэрэгжүүлдэг);
• 9. Захиалгат лого.

Бидний өдөр бүр зочилдог сайт бүр өөрийн гэсэн онцлог, шинж чанар, ангилалтай байдаг. Бидний өмнө танилцуулсан сайтууд нь бүх төрлийн ангиллын төгсгөлгүй урсгалтай байдаг. Өнөөдөр холбогдох хэд хэдэн төрлийн интернет эх сурвалжууд байдаг.

• - Сайтын танилцуулга, ийм сайт нь компани, үйлчилгээ, бүтээгдэхүүний талаархи мэдээллийг өгдөг. Энэхүү сайтын гол ажил бол визуал дизайны тусламжтайгаар тухайн хуудасны зочдод агуулгыг аль болох үр дүнтэйгээр харуулах явдал юм. Ийм сайтад текстэн мэдээлэл гэхээсээ илүү график дизайнд анхаарлаа хандуулдаг.
• - Корпорацийн вэб сайт нь байгууллагын (компани, их сургууль) төлөөлөгч боловч зөвхөн дэлхий даяарх сүлжээнд байдаг. Ийм сайтууд хамгийн их байдаг өндөр шаардлагавэб хуудасны дизайны хувьд. Сайтын тодорхой, нарийн бүтэц, тохирох өнгөний схем, график элементүүдийн өвөрмөц байдал, бие даасан хүчирхэг лого нь ийм сайтыг онцолж, "сэтгэл" өгөх болно. Текст мэдээлэлграфик дизайнтай сайн зохицдог.
• – Мэдээллийн нөөц, ийм сайтууд нь ихэвчлэн номын сан, сонин, хэвлэл мэдээллийн хэрэгсэл байдаг. Дүрмээр бол энэ нөөцөд байрлуулсан мэдээлэл өдөрт хэд хэдэн удаа шинэчлэгддэг. Энэ төрлийн сайтыг хөгжүүлэхийн өмнө зочдын хүслийг харгалзан үзэх шаардлагатай бөгөөд энэ нь контент биш харин контентын хэрэгцээ юм. сайхан дизайн. Текстийн мэдээллийг аль болох зохион байгуулж, зочдод хэрэгтэй мэдээллээ олох боломжийг олгодог боловч эсрэгээр графикийг хамгийн бага хэмжээнд байлгаж, зөвхөн материалтай холбоотой тодорхой баримтуудыг харуулдаг.
• - Цахим дэлгүүр, энэ төрлийн сайт нь сонирхсон мэдээллээр сайтын зочдын анхаарлыг хурдан бөгөөд үр дүнтэй татахаас гадна худалдан авагчийн худалдан авалтыг сонирхох зорилт тавьдаг. Ийм вэб нөөцийг боловсруулахдаа юуны өмнө үйлчилгээний засвар үйлчилгээнд зохих анхаарал хандуулах хэрэгтэй. Бараа, үйлчилгээг хайх, тохиромжтой, өнгөлөг бүтээгдэхүүний каталог, туслах үйлчилгээтэй хурдан харилцах, захиалга өгөхдөө хялбар бүртгүүлэх нь график дизайнаас илүү чухал юм.

График вэб дизайн дээр ажиллах нь нарийн төвөгтэй үйл ажиллагаа юм. Эцсийн эцэст, вэб сайтыг хөгжүүлэгчид асар их хэмжээний мэдээллийг товч, уншихад хялбар, нэг интернет эх сурвалж болгон багцлах даалгавартай тулгараад байна гэж төсөөлөөд үз дээ.

Мэдлэгийн санд сайн ажлаа илгээх нь энгийн зүйл юм. Доорх маягтыг ашиглана уу

Мэдлэгийн баазыг суралцаж, ажилдаа ашигладаг оюутнууд, аспирантууд, залуу эрдэмтэд танд маш их талархах болно.

Үүнтэй төстэй баримт бичиг

Багажны сонголт ба програм хангамжийн хэрэгслүүдсайт үүсгэх. Бүтэц програм хангамжийн бүтээгдэхүүн. WordPress ашиглан вэбсайт үүсгэх. Боловсруулсан програмын туршилт. Вэб сайтын бүтэц, дизайн боловсруулах. Сайтыг контентоор дүүргэх.

хугацааны баримт бичиг, 2014 оны 09-р сарын 01-нд нэмэгдсэн


Вэб дизайны хөгжлийн үе шатууд. Вэбсайтуудын төрөл, төрөл, тэдгээрийг бий болгох онолын талууд. Вэбсайт болон түүний хуудасны бүтэц. Вэб дизайн боловсруулах үйл явц ба үр дүн. Кубан улсын их сургуулийн Архитектур, дизайны факультетийн сайтыг бий болгох.

дипломын ажил, 2015 оны 11-р сарын 10-нд нэмэгдсэн


Корпорацийн вэбсайт дээрх ажлын бэлтгэл үе шат. Түүний дизайныг үнэлдэг. Корпорацийн сайтын бүтэц. Зочдыг хэлцэл болгон хувиргах нь буух хуудасны зорилго юм. Вэбсайтуудын ашиг тус, төрлүүд. PR мэргэжилтэнд шаардлагатай үндсэн дүрмүүд.

2013 оны 10-р сарын 08-нд нэмэгдсэн курсын ажил


Вэб хуудасны тухай ойлголт, ангилал. Бүтээлийн зарчим ба үндсэн элементүүд. "Хүүхэд насны академи" сайтын агуулгын жишээ. Сургуулийн өмнөх боловсролын байгууллагуудын вэбсайтын хөгжлийн стандартыг боловсруулах. Дээж нүүр хуудас. Програм хангамж хөгжүүлэх хэрэгслүүд.

хугацааны баримт бичиг, 2014 оны 01-р сарын 13-нд нэмэгдсэн


Сайт үүсгэх практик ач холбогдол. JavaScript програмчлалын хэл. Интерактив HTML хуудас үүсгэх үед JavaScript хэлийг ашиглах үндсэн чиглэлүүд. Хэл PHP програмчлал. Вэб сайтын програм хангамж. Вэбсайт дизайныг бий болгох.

дипломын ажил, 2013 оны 03-р сарын 05-нд нэмэгдсэн


Hyper Text Markup хэл HTML хуудаснууд. Вэб хуудасны бэлэн байдал, текст, график дүрслэлийг хангах. Сайт үүсгэх үндсэн дүрэм, үе шатууд, хуудасны бүтцийг сонгох. HTML редакторуудыг ашиглах эдийн засгийн үндэслэлийн үнэлгээ.

дипломын ажил, 2013 оны 03-р сарын 25-нд нэмэгдсэн


Хувь хүн, албан байгууллагуудад зориулсан онлайн дэлгүүрийн вэбсайт үүсгэх онцлог. Компанийн санхүү, техник, эдийн засгийн үйл ажиллагаанд дүн шинжилгээ хийх. Бүтээл мэдээллийн загварсайт, тэр үндсэн элементүүд. Програм хангамжийн сонголт ба техник хангамжсайт.

дипломын ажил, 2013 оны 12-08-нд нэмэгдсэн