Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° Bookidrom.ru! БСсплатныС ΠΊΠ½ΠΈΠ³ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ»ΠΈΠΊΠ΅

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ Β«Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½Ρ‹Π΅ издания». Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 57

Автор Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€ Π’ΡƒΠ»ΡŒ

Π“Ρ€ΡƒΠΏΠΏΠ° ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… 4 ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½Π° для Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Π­Ρ‚ΠΎ Rotate Left (ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π²Π»Π΅Π²ΠΎ), Rotate Right (ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π²ΠΏΡ€Π°Π²ΠΎ), Flip Horizontal (ΠžΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅) ΠΈ Flip Vertical (ΠžΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅) Ρ‚. Π΅. ΠΎΡ‚ Π·Π΅Ρ€ΠΊΠ°Π»Π°, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ вдоль Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ соотвСтствСнно.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ Π³Ρ€ΡƒΠΏΠΏΠ° ΠΈΠ· 4 ΠΊΠ½ΠΎΠΏΠΎΠΊ обСспСчиваСт простыС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ, связанныС с Ρ‚ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠ΅ΠΉ рисунка. Π­Ρ‚ΠΎ More Contrast (Π£Π²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ контраст), Less Contrast (Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ контраст), More Brightness (Π£Π²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ) ΠΈ Less Brightness (Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ).

Π”Π°Π»Π΅Π΅ размСщаСтся Π³Ρ€ΡƒΠΏΠΏΠ° ΠΈΠ· 6 инструмСнтов, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ. Π’ Π½Π΅Π΅ входят Crop (ΠšΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅), Set Transparent Color (Установка ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°), Black And White (ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ рисунок), Wash Out (Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅), Bevel (Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΎΠ±ΡŠΠ΅ΠΌΠ½ΠΎΡΡ‚ΠΈ) ΠΈ Resample (ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ изобраТСния с Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ).

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅ содСрТится 5 инструмСнтов: Select (Π’Ρ‹Π±ΠΎΡ€), Rectangular Hotspots (Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Ρ… пиксСлов), Circular Hotspots (Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… пиксСлов), Polygonal Hotspots (Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ пиксСлов Π² Π²ΠΈΠ΄Π΅ ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ²), Highlight Hotspots (Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ярких пиксСлов). НаконСц, послСдний инструмСнт Restore (Π’ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ) позволяСт ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅, сдСланноС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ инструмСнта.

6.1.2. ВСхнология ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π½ΠΎΠ²Ρ‹Ρ… Web-сайтов

Как ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅, для просмотра структуры Web-ΡƒΠ·Π»Π° слСдуСт ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌ Navigation (Навигация), Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΠΎΠ΄Π½ΠΎΠΈΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π² ΠΏΠ°Π½Π΅Π»ΠΈ Views . Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ панСль прСдставлСния ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ Π²ΠΈΠ΄, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½Π° рис. 6.5.

Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ‡Π΅ΡΠΊΠ°Ρ структура ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ страниц Web-ΡƒΠ·Π»Π° соотвСтствуСт ΠΈΡ… логичСской ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ соподчинСнности. ЛогичСская структура связана с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… страниц сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… HTML-Ρ„Π°ΠΉΠ»ΠΎΠ². Π’ частности, Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ€ΠΎΠ»ΡŒ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ»ΠΈ домашнСй страницы ΠΈΠ³Ρ€Π°Π΅Ρ‚ страница Index , Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ ссылки Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы. Π•Π΅ внСшний Π²ΠΈΠ΄ прСдставлСн Π½Π° рис. 6.6.

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² структуру логичСского ΡƒΠ·Π»Π° Π½ΠΎΠ²ΡƒΡŽ страницу, Π½Π°Π΄ΠΎ Π²Π½Π°Ρ‡Π°Π»Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Parent Page (Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρƒ-родитСля), Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ Π½Π΅ΠΉ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΌΡ‹ΡˆΠΈ. Π—Π°Ρ‚Π΅ΠΌ выбираСтся Π² ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ мСню File ΠΊΠΎΠΌΠ°Π½Π΄Π° New ΠΈ ΠΏΠΎΠ΄ΠΊΠΎΠΌΠ°Π½Π΄Π° Page (Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°). НовыС страницы ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ со стандартными ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ, поэтому ΠΈΡ… цСлСсообразно ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠ΅Π½Π° соотвСтствовали Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ страницы. Π’ частности, Π½Π° рис. 6.7 прСдставлСна структура сайта с двумя Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ страницами. ΠŸΠ΅Ρ€Π²Π°Ρ ΠΈΠ· Π½ΠΈΡ… ΠΏΠΎΠ΄Ρ‡ΠΈΠ½Π΅Π½Π° страницС Ρ‡Ρ‚ΠΎ_Ρ‚Π°ΠΊΠΎΠ΅ , которая описываСт особСнности элСктронных ΠΈΠ·Π΄Π°Π½ΠΈΠΉ. Новая страница посвящСна описанию Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈ носит имя Formats . Вторая – ΠΏΠΎΠ΄Ρ‡ΠΈΠ½Π΅Π½Π° страницС institute ΠΈ носит Π½Π°Π·Π²Π°Π½ΠΈΠ΅ SecEdu , Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π° Π½Π΅ΠΉ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ услуги, ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Π² Π˜Π½ΡΡ‚ΠΈΡ‚ΡƒΡ‚Π΅ ΠŸΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΏΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΡŽ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ‹ΡΡˆΠ΅Π³ΠΎ образования. На рис. 6.7 ΠΏΠΎΠΊΠ°Π·Π°Π½Π° лишь Ρ‡Π°ΡΡ‚ΡŒ интСрфСйса, Ρ‚ΠΎΡ‡Π½Π΅Π΅ – Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΏΠ°Π½Π΅Π»ΠΈ прСдставлСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ занят прСдставлСниСм структуры сайта.

Рис. 6.5. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΠ°ΠΊΠ΅Ρ‚Π° MS FrontPage Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Navigation (Навигация)

Наряду с ΠΎΠ±Ρ‰Π΅ΠΉ структурой сайта ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ структуру гипСрссылок Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ страницС сайта. Для этого отобраТаСтся нуТная страница, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Views наТимаСтся ΠΊΠ½ΠΎΠΏΠΊΠ° Hyperlinks . Π’ частности, Π½Π° рис. 6.8 ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ гипСрсвязи Π»ΠΈΡ†Π΅Π²ΠΎΠΉ страницы сайта – Index . И Π² этом случаС прСдставлСна лишь Ρ‡Π°ΡΡ‚ΡŒ ΠΏΠ°Π½Π΅Π»ΠΈ прСдставлСния, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ гипСрсвязи ΠΌΠ΅ΠΆΠ΄Ρƒ страницами. ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π° Ρ‚Π°ΠΊΠΆΠ΅ внСшняя связь с сайтом Ρ„ΠΈΡ€ΠΌΡ‹ Microsoft. Если Π² процСссС проСктирования ΠΎΠ±Ρ‰Π΅ΠΉ структуры сайта количСство страниц Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ возрастСт, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ помСстятся ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Π² ΠΏΠ°Π½Π΅Π»ΠΈ прСдставлСния, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ панСль инструмСнтов Navigation (Навигация), Π³Π΄Π΅ имССтся инструмСнты Zoom (ΠœΠ°ΡΡˆΡ‚Π°Π±) ΠΈ Portrait/Landscape (Книга/Альбом). ПанСль вызываСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠΈΠΌΠ΅Π½Π½ΠΎΠΉ ΠΏΠΎΠ΄ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ View | Toolbars | Navigation ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Toolbars (см. рис. 6.3). Π­Ρ‚ΠΈ инструмСнты ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… ΠΏΠ°Π½Π΅Π»ΠΈ прСдставлСния Π΄Π°ΠΆΠ΅ достаточно слоТныС структуры сайтов. ΠšΡΡ‚Π°Ρ‚ΠΈ, Ρ‚Π΅ страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² дальнСйшСм окаТутся бСсполСзными, ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ. Для этого страница выдСляСтся Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Navigation (панСль прСдставлСния Π² этом Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Π½Π° рис.6.5) ΠΈ наТимаСтся клавиша Del Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°.

Рис. 6.6. Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π»ΠΈΡ†Π΅Π²ΠΎΠΉ ΠΈΠ»ΠΈ домашнСй страницы сайта

Рис. 6.7. Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° сайта с двумя Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹ΠΌΠΈ страницами

Рис. 6.8. ГипСрссылки ΠΎΡ‚ Π»ΠΈΡ†Π΅Π²ΠΎΠΉ страницы сайта

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ этап Ρ€Π°Π±ΠΎΡ‚Ρ‹ связан с ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Web-страниц. Для этого Π² ΠΏΠ°Π½Π΅Π»ΠΈ Folder List (Бписок ΠΏΠ°ΠΏΠΎΠΊ) выбираСтся ΠΎΠ΄Π½Π° ΠΈΠ· созданных страниц ΠΈ разрабатываСтся Π΅Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ срСдствами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассматривали ΠΏΡ€ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π² WYSIWYGΡ€Π΅ΠΆΠΈΠΌΠ΅. МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ инструмСнты ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° страницу тСкст, Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, GIF-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Π΅ ΠΈ видСоэлСмСнты. Π–Π΅Π»Π°ΡŽΡ‰ΠΈΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² этом ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ ΠΏΠ°ΠΊΠ΅Ρ‚Π΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π½Ρ‹Π΅ источники [28, 30].

6.2. НазначСниС ΠΈ общая характСристика ΠΏΠ°ΠΊΠ΅Ρ‚Π° Dreamweaver

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ Dreamweaver, ΠΊΠ°ΠΊ ΠΈ FrontPage, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для проСктирования Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтов, Π² Ρ‚ΠΎΠΌ числС ΠΈ сайтов ΠΈΠ·Π΄Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π², ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π·Π°Π΄Π°Ρ‡ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… являСтся распространСниС элСктронных ΠΈΠ·Π΄Π°Π½ΠΈΠΉ. Он ΠΏΡ€ΠΈΠ³ΠΎΠ΄Π΅Π½ ΠΊΠ°ΠΊ для создания Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ…, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… сайтов. Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ занимаСтся СдинствСнный спСциалист – Web-мастСр. Π’ послСднСм случаС Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ†Π΅Π»Ρ‹ΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ², Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠΉ администратора ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, HTML-Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°, Web-программиста, ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΎΡ€Π°, ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° рассылок. МногиС спСциалисты ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Adobe Photoshop для ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Macromedia Dreamweaver – для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Web-страниц. Знакомство с этим ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ это ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΠ΄ собой ΠΏΡ€ΠΎΡ‡Π½ΡƒΡŽ основу. По ΠΎΠ±Ρ‹ΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΡŽ Π½Π°Ρ‡Π½Π΅ΠΌ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΏΠ°ΠΊΠ΅Ρ‚Π° с Π΅Π³ΠΎ интСрфСйса.

6.2.1. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΠ°ΠΊΠ΅Ρ‚Π° Dreamweaver

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΠ°ΠΊΠ΅Ρ‚Π° Dreamweaver 4.0 ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 6.9. Помимо строки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, строки мСню, ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈ стандартного Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ ΠΎΠΊΠ½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠ°Π»ΠΈΡ‚Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΊΠ°ΠΊ ΠΈ Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ ΠΎΠΊΠ½Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. ΠšΡΡ‚Π°Ρ‚ΠΈ, названия ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… 3 ΠΏΠ°Π»ΠΈΡ‚Ρ€ Object (ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹), Properties (Бвойства) ΠΈ Launcher (Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ) ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Ρ‚Ρ€Π΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌ мСню Window (Окно).

Рис. 6.9. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΠ°ΠΊΠ΅Ρ‚Π° Dreamweaver 4.0 с ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ мСню Window

Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π² Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Ρ„ΠΈΡ€ΠΌΡ‹ Macromedia, которая Π·Π°Π²ΠΎΠ΅Π²Ρ‹Π²Π°Π΅Ρ‚ всС Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΡ‡Π½Ρ‹Π΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ срСдств Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ этой Π³Ρ€ΡƒΠΏΠΏΡ‹: Macromedia Director ΠΈ Flash – рассмотрСны Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»Π°Ρ… этой Π³Π»Π°Π²Ρ‹. Π’ совокупности ΠΎΠ½ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ основныС направлСния Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π° каТдая Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ спСциализирована Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ. Π’Π½Π°Ρ‡Π°Π»Π΅ изучСния интСрфСйса Macromedia Dreamweaver 4.0 остановимся Π½Π° ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Object (ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹), внСшний Π²ΠΈΠ΄ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ прСдставлСн Π½Π° рис. 6.10. Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ измСняСтся Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΡΡ спискС, располоТСнного Π² Π΅Π΅ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части; Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² спискС устанавливаСтся Ρ€Π°Π·Π΄Π΅Π» Common (ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅). На рис. 6.10 Π²Ρ‹Π±Ρ€Π°Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ этот Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

Рис. 6.10. ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° Objects Ρ€Π°Π·Π΄Π΅Π» Common  

Π­Ρ‚Π° ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ 16 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… инструмСнтов позволяСт Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² состав страницы Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты, Π² частности, ΠΏΠΎ порядку располоТСния ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Π² Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΈ свСрху Π²Π½ΠΈΠ·: Image (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅), Rollover Image (ΠΠ½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ), внСшний Π²ΠΈΠ΄ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ измСняСтся ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊ Π½Π΅ΠΉ курсора ΠΌΡ‹ΡˆΠΈ, Table (Π’Π°Π±Π»ΠΈΡ†Ρƒ), Tabular Data (Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ с занСсСнными Π² Π½Π΅Π΅ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΌΠΈ Π·Π°Ρ€Π°Π½Π΅Π΅ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ ΠΏΠ°ΠΊΠ΅Ρ‚Π΅), Draw Layer (Новый ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ слой), Navigation Bar (ΠΠ°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ панСль со ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ для пСрСмСщСния ΠΏΠΎ сайту), Horizontal Rule (Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ), E-mail Link (Бсылку Π½Π° элСктронный адрСс), Date (Π’Π΅ΠΊΡƒΡ‰ΡƒΡŽ Π΄Π°Ρ‚Ρƒ), Server-Side Include (ΠΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΡŽ сСрвСрной стороны), Flash Button (ΠΠ½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ Flash-ΠΊΠ½ΠΎΠΏΠΊΡƒ), Flash Text (Анимированный Flash-тСкст), Shockwave (Анимационный Ρ„Π°ΠΉΠ» Π² Shockwave-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅), Generator (срСдства, Π΄Π΅Π»Π°ΡŽΡ‰ΠΈΠ΅ Web-страницы динамичСскими, Π² частности, Π°ΠΏΠΏΠ»Π΅Ρ‚Ρ‹ ΠΈ элСмСнты ActiveX, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, воспроизводимыС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ) ΠΈ ΠΏΡ€. (Π‘ΠΌ. Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π΄. 2.9.)

ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° Objects Ρ€Π°Π·Π΄Π΅Π» Characters (Π¨Ρ€ΠΈΡ„Ρ‚ΠΎΠ²Ρ‹Π΅ элСмСнты) позволяСт Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° Web-страницы ΠΎΠ΄ΠΈΠ½ ΠΈΠ· 12 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов, Π² Ρ‚ΠΎΠΌ числС: Line break (ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку), Copyright (Π·Π½Π°ΠΊ авторского ΠΏΡ€Π°Π²Π°), Trademark (зарСгистрированный Ρ‚ΠΎΡ€Π³ΠΎΠ²Ρ‹ΠΉ Π·Π½Π°ΠΊ), Π΄Π΅Π½Π΅ΠΆΠ½Ρ‹Π΅ Π·Π½Π°ΠΊΠΈ, Π² Ρ‚ΠΎΠΌ числС, Pound (Ρ„ΡƒΠ½Ρ‚ стСрлингов), Yen (ΠΈΠ΅Π½Π°), Euro (Π΅Π²Ρ€ΠΎ), Π° Ρ‚Π°ΠΊΠΆΠ΅ Right & Left Quote (ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ), Em-dush (Ρ‚ΠΈΡ€Π΅) ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π·Π½Π°ΠΊΠΈ (рис. 6.11).