UNIT 17

Task 1. Memorize the following words and word-combinations:

1. aesthetic – естетичний
2. assumption – припущення
3. bland slogan – м’який слоган
4. bloated – роздутий
5. body text – основний текст
6. cluster – кластер
7. cluttered – безладдя
8. de-fluffed language – розпущена мова
9. to deviate – відхилятися
10. discourse markers – дискурсивні маркери
11. emphasis – наголос
12. to exclude – виключити
13. to facilitate – сприяти
14. fixed font size – фіксований розмір шрифту
15. goal-driven navigation – цілеспрямована навігація
16. goal-given – цільовий
17. grasp – захоплення
18. humble – скромний
19. in a single glance – одним поглядом
20. intimidating – залякуючий
21. maze – лабіринт
22. to navigate – орієнтуватися
23. out-of-context – поза контекстом
24. overabundance – надлишок
25. page title – назва сторінки
26. relevance-enhanced image reduction – зменшення релевантності
27. relief – рельєф
28. to rotate – обертатися
29. salient information-carrying words – помітні слова, що несуть інформацію
30. secondary page – другорядна сторінка
31. sensory – сенсорний
32. shape – форма
33. straightforward – прямолінійний
34. strategic positioning – стратегічне позиціонування
35. strictly – суворо
36. subhead –підзаг
37. superfluous – зайве
38. texture – текстура
39. thumbnail shot – мініатюрний знімок
40. to exhibit – виставляти
41. tricky puzzle – хитра головоломка
42. typo – опечатка
43. undifferentiated blob of content – недиференційована пляма вмісту
44. unintentionally – ненавмисно
45. unity – єдність
46. unwarranted – невиправданий
47. usability – зручність використання
48. user with disability – користувач з обмеженими можливостями
49. user’s lifeline – життєвий шлях користувача
50. violating design – порушення дизайну
51. violating design convention – порушення умов проєктування
52. web-authoring – веб-авторинг
53. zooming – масштабування

TEXT 17 A. WEB DESIGN

As the Internet has become to discover its true identity, one of the things that
has become clear this still - evolving medium is that major attraction is
information. The web sites that attract the largest audiences share one thing in
common: they are all in the information business.
Оскільки Інтернет став відкривати свою справжню ідентичність, одна з
речей, яка стала зрозумілою в цьому середовищі, що все ще розвивається,
полягає в тому, що головною привабливістю є інформація. Веб-сайти, які
приваблюють найбільшу аудиторію, мають одну спільну рису: усі вони
займаються інформаційним бізнесом.
What is design? Design is the act of working out the form of something, an
arrangement scheme; a decorative or artistic work; the creation of something in the
mind. It is not difficult for users to understand the main elements and principles of
design. The elements of design are line, shape, space, texture, value and color. The
principles of it are movement, emphasis, balance and unity.
Що таке дизайн? Дизайн — це акт розробки форми чого-небудь, схеми
розташування; декоративний або художній твір; створення чогось у розумі.
Користувачам не важко розібратися в основних елементах і принципах
дизайну. Елементами дизайну є лінія, форма, простір, текстура, значення та
колір. Його принципи - рух, акцент, баланс і єдність.
Many elements go into successful Web site design, we can cluster those
elements into sensory, conceptual and reactive aspects. That is, design isn't only
what you see, it's also what you think and feel as you navigate a Web site.
Whether your site is about entertainment or not your visitors might welcome a
few moments of light relief! Perhaps some fun games to play, or a tricky puzzle or
maze to solve.
Багато елементів входять в успішний дизайн веб-сайту, ми можемо
згрупувати ці елементи в сенсорні, концептуальні та реактивні аспекти.
Тобто дизайн – це не лише те, що ви бачите, це також те, що ви думаєте та
відчуваєте під час навігації веб-сайтом.
Незалежно від того, чи ваш сайт присвячений розвагам, чи ні, ваші
відвідувачі можуть отримати кілька хвилин легкого полегшення! Можливо, у
веселі ігри, складну головоломку чи лабіринт для вирішення.
 Although gaining attention is an important part of any communication act, it
is important to try to keep your message as simple as possible.
· Use only the amount of the text and graphics as it is absolutely necessary to
get your point across.
· Superfluous graphics can interfere with understanding.
· An overabundance of fonts or colors can distract rather than assist learning.
Remember the Web is international!
Хоча привернення уваги є важливою частиною будь-якого акту
спілкування, важливо намагатися, щоб ваше повідомлення було якомога
простішим.
· Використовуйте лише певну кількість тексту та графіки, оскільки це
абсолютно необхідно, щоб донести свою думку.
· Зайва графіка може заважати розумінню.
· Надлишок шрифтів або кольорів може відволікати, а не сприяти
навчанню. Пам'ятайте, що Інтернет є міжнародним!
A well - designed page, whether in print or on the Web, is the thing of beauty.
A skilled designer can take widely different elements like body text, heading,
graphics, links and whatever, and arrange them into a harmonious whole. Good
design is practical as well as aesthetic. Well - designed pages are easier to read,
and lead your readers' eyes where you want them to be led. This article looks
strictly at the visual aspects of page design.
Гарно оформлена сторінка, друкована чи в Інтернеті, є красою.
Кваліфікований дизайнер може взяти багато різних елементів, як-от
основний текст, заголовок, графіку, посилання тощо, і скомпонувати їх у
гармонійне ціле. Гарний дизайн практичний і естетичний. Добре оформлені
сторінки легше читати, і вони спрямовують погляд читача туди, куди ви
хочете. У цій статті розглядаються виключно візуальні аспекти дизайну
сторінки.
A professionally done web-site brings in greater profits, attracts more
customers and helps to get in touch with the right partners. All these cannot be
achieved without effective web development strategies. Any web development
starts with working out a web design, concepts and ends with strategic positioning
on the Internet, which leads your site to success.
Професійно зроблений веб-сайт приносить більший прибуток, залучає
більше клієнтів і допомагає налагодити контакт з потрібними партнерами.
Усього цього неможливо досягти без ефективних стратегій веб-розробки.
Будь-яка веб-розробка починається з розробки веб-дизайну, концепції і
закінчується стратегічним позиціонуванням в Інтернеті, яке веде ваш сайт до
успіху.
Here's a list often additional design elements that will increase the usability of
virtually all sites:
1. Place your name and logo on every page and make the logo a link to the
home page.
2. Provide search if the site has more than 100 pages.
 3. Write straightforward and simple headlines and page titles that clearly
explain what the page is about and that will make sense when read out-of-context
in a search engine results listing.
4. Structure the page to facilitate scanning and help users ignore large chunks
of the page in a single glance.
5. Use a hypertext to structure the content space into a starting page that
provides an overview and several secondary pages that each focus on a specific
topic.
6. Use product photos, but avoid cluttered and bloated family pages with lots
of photos. Some products may even need zooming or rotating photos, but reserve
all such advanced features for the secondary pages. The primary product page must
be fast and should be limited to a thumbnail shot.
7. Use relevance-enhanced image reduction when preparing small photos and
images.
8. Use link titles to provide users with a preview of where each link will take
them, before they have clicked on it.
9. Ensure that all important pages are accessible for users with disabilities.
10. Remember Jakob's Law of the Web Users Experience: users spend most
of their time on other sites, so that's where they form their expectations for how the
Web works.
Ось список часто додаткових елементів дизайну, які підвищать зручність
використання практично всіх сайтів:
1. Розмістіть своє ім’я та логотип на кожній сторінці та зробіть логотип
посиланням на домашню сторінку.
2. Забезпечити пошук, якщо на сайті більше 100 сторінок.
3. Пишіть чіткі та прості заголовки та назви сторінок, які чітко
пояснюють, про що йдеться на сторінці, і матимуть сенс, якщо їх читати поза
контекстом у списку результатів пошукової системи.
4. Структуруйте сторінку, щоб полегшити сканування та допомогти
користувачам ігнорувати великі фрагменти сторінки одним поглядом.
5. Використовуйте гіпертекст, щоб структурувати простір вмісту на
початкову сторінку, яка містить огляд, і кілька другорядних сторінок, кожна з
яких присвячена певній темі.
6. Використовуйте фотографії продуктів, але уникайте захаращених і
роздутих сімейних сторінок із великою кількістю фотографій. Для деяких
продуктів може навіть знадобитися масштабування або обертання
фотографій, але всі такі розширені функції залишаються для додаткових
сторінок. Основна сторінка продукту має бути швидкою та обмежуватися
ескізами.
7. Використовуйте зменшення релевантності зображень під час
підготовки невеликих фотографій і зображень.
8. Використовуйте заголовки посилань, щоб надати користувачам
попередній перегляд того, куди їх приведе кожне посилання, перш ніж вони
натиснуть на нього.
 9. Переконайтеся, що всі важливі сторінки доступні для користувачів з
обмеженими можливостями.
10. Пам’ятайте про закон Джейкоба щодо досвіду користувачів
Інтернету: користувачі проводять більшу частину свого часу на інших
сайтах, тому саме там вони формують свої очікування щодо роботи
Інтернету.

Task 2. Complete the sentences as in the text.

1 The main elements of design line, shape, space, texture, value and color.
2 Design is what you think and feel as you navigate a Web site.
3 Superfluous graphics can interfere with understanding.
4 Well-designed pages are easier to read.
5 A skilled designer can take widely different elements.
6 The Web is international.
7 Provide search if the site has more than one hundred pages.
8 Use a hypertext to structure the content space into a starting page.
9 Some products may need zooming or rotating photos.
10 It is known the users spend most of their time on other sites.

Task 3. Form verbs adding the prefixes a) over- and b) en- to the given words
and translate them:

to heat, to estimate, to charge, to work, to fill, to fulfill, to cool, to grow, to

balance, to hear, to supply, to simplify, to use, to develop, to value; rich, sure, due,
feeble, noble, close.

Over-: overheat, overestimate, overcharge, overwork, overfill, -, overcool,

overgrow, overbalance, overhear, oversupply, oversimplify, overuse, overdevelop,
overvalue, -, -, overdue, overfeeble, overnoble, -.

перегріти, переоцінити, перевантажити, переробити, переповнити, -,

переохолодити, перерости, перебалансувати, підслухати, надлишок,
спрощувати, перевикористати, перерозвинути, переоцінити, -, -,
прострочений, надслабкий, надблагородний, -.

En-: enrich, ensure, endue, enfeeble, ennoble, enclose

збагачувати, забезпечити, надавати, ослаблений, облагородити, вкладати

Task 4. Translate the sentences into Ukrainian. Pay attention to the use of
modal verbs and their equivalents.
1 Every engineer must improve his technical knowledge.
1 Кожен інженер повинен вдосконалювати свої технічні знання.

2 You should have helped your friend with Web design.

2 Вам слід було допомогти своєму другові з веб-дизайном.

3 All the preparations with headlines and page titles must have been completed
long ago.
3 Усі приготування із заголовками та назвами сторінок, мабуть, давно
завершено.

4 With this deeper understanding Web site builders will be able to apply more
integrated design practices.
4 Завдяки цьому глибшому розумінню розробники веб-сайтів зможуть
застосовувати більш інтегровані практики проектування.

5 No matter what Web design you choose, it should express your individuality.
5 Який би веб-дизайн ви не вибрали, він повинен виражати вашу
індивідуальність.

6 With Blue Voda you will be able to build a fantastic Web site like this.
6 З Blue Voda ви зможете створити такий фантастичний веб-сайт.

7 How can you make margins?

7 Як можна зробити поля?

8 Users might understand your site.

8 Користувачі можуть зрозуміти ваш сайт.

9 Not everything can be standardized.

9 Не все можна стандартизувати.

10 You shouldn't leave this Web site.

10 Ви не повинні залишати цей веб-сайт.

Task 5. Discuss the following questions.

1 What is design in general?
Design is the act of working out the form of something, an arrangement scheme; a
decorative or artistic work; the creation of something in the mind.

2 What are the main elements of design?

The elements of design are line, shape, space, texture, value and color.

3 Design is only what you see, isn't it?

That is, design isn't only what you see, it's also what you think and feel as you
navigate a Web site.

4 What can interfere with understanding?

Superfluous graphics can interfere with understanding.

5 Why are well-designed pages so successful?

Well - designed pages are easier to read, and lead your readers' eyes where you
want them to be led. This article looks strictly at the visual aspects of page design.
Any web development starts with working out a web design, concepts and ends
with strategic positioning on the Internet, which leads your site to success.

6 What is the role of graphics in this process?

A skilled designer can take widely different elements like body text, heading,
graphics, links and whatever, and arrange them into a harmonious whole.

7 Why you should place your name on every page?

It will increase the usability of virtually all sites.

8 What kind of photos can you use?

Use product photos, but avoid cluttered and bloated family pages with lots of
photos. Some products may even need zooming or rotating photos, but reserve all
such advanced features for the secondary pages. The primary product page must be
fast and should be limited to a thumbnail shot.

9 Why do users spend the most of their time on other sites?

there they form their expectations for how the Web works.

10 Have you ever tested your design with real users?

Yes, it was from the discipline of web design, where the teacher looked at my site
and followed the correctness of its creation.

Task 6. Work in pairs and discuss the questions.

1. Why do people have personal websites?
A personal website helps recruiters find you much more easily.
By having a personal website, you'll gain a competitive advantage.
Having a personal website will boost your chances of landing a job.
A personal website gives you the freedom to be creative.
A personal website is more dynamic than a resume.
Having a personal website helps you acquire new skills.

2. Have you ever visited anyone’s personal home page? What was it like?
Yes, I was visiting the page of my friend who was developing a website for a
logistics company. I really liked it because of his interesting ways of conveying
relevant information about the supply of goods. But in general, I liked the design
of the site for its originality.

TEXT 17 B. TOP TEN MISTAKES IN WEB DESIGN

1. Bad Search
Overly literal search engines reduce usability in that they're unable to handle
typos, plurals, hyphens, and other variants of the query terms. Search is the user's
lifeline when navigation fails. Even though advanced search can sometimes help,
simple search usually works best, and search should be presented as a simple box,
since that's what users are looking for.
1. Поганий пошук
Надто буквальні пошукові системи зменшують зручність використання,
оскільки вони не можуть обробляти помилки, множину, дефіси та інші
варіанти термінів запиту. Пошук є рятівним кругом користувача, коли
навігація не вдається. Незважаючи на те, що розширений пошук іноді може
допомогти, простий пошук зазвичай працює найкраще, і пошук має бути
представлений у вигляді простого поля, оскільки це те, що шукають
користувачі.
2. PDF Files for Online Reading
Users hate coming across a PDF file while browsing, because it breaks their
flow. Even simple things like printing or saving documents are difficult because
standard browser commands don't work. Layouts are often optimized for a sheet of
paper, which rarely matches the size of the user's browser window. Bye-bye
smooth scrolling. Hello tiny fonts. Worst of all, PDF is an undifferentiated blob of
content that's hard to navigate. PDF is great for printing and for distributing
manuals and other big documents that need to be printed. Reserve it for this
purpose and convert any information that needs to be browsed or read on the
screen into real web pages.
2. PDF-файли для онлайн-читання
Користувачі ненавидять натрапляти на PDF-файл під час перегляду,
оскільки це заважає їхньому потоку. Навіть такі прості речі, як друк або
збереження документів, є складними, оскільки стандартні команди браузера
не працюють. Макети часто оптимізовані для аркуша паперу, який рідко
відповідає розміру вікна браузера користувача. До побачення плавна
прокрутка. Привіт маленькі шрифти. Найгірше те, що PDF – це
нерозрізнений згусток вмісту, у якому важко орієнтуватися. PDF чудово
підходить для друку та розповсюдження посібників та інших великих
документів, які потрібно роздрукувати. Зарезервуйте його для цієї мети та
перетворюйте будь-яку інформацію, яку потрібно переглянути або прочитати
на екрані, у справжні веб-сторінки.
3. Not Changing the Color of Visited Links
A good grasp of past navigation helps you understand your current location,
since it's the culmination of your journey. Knowing your past and present locations
in turn makes it easier to decide where to go next. Links are a key factor in this
navigation process. Users can exclude links that proved fruitless in their earlier
visits. Conversely, they might revisit links they found helpful in the past. Most
important, knowing which pages they've already visited frees users from
unintentionally revisiting the same pages over and over again. These benefits only
accrue under one important assumption: that users can tell the difference between
visited and unvisited links because the site shows them in different colors. When
visited links don't change color, users exhibit more navigational disorientation in
usability testing and unintentionally revisit the same pages repeatedly.
3. Не змінювати колір відвіданих посилань
Гарне розуміння минулої навігації допоможе вам зрозуміти ваше
поточне місцезнаходження, оскільки це кульмінація вашої подорожі. Знаючи
своє минуле та теперішнє місцезнаходження, у свою чергу, вам легше
вирішити, куди йти далі. Посилання є ключовим фактором у цьому процесі
навігації. Користувачі можуть виключати посилання, які виявилися
безрезультатними під час попередніх відвідувань. І навпаки, вони можуть
переглянути посилання, які вважали корисними в минулому. Найголовніше,
знання того, які сторінки вони вже відвідали, звільняє користувачів від
випадкового повторного перегляду тих самих сторінок знову і знову. Ці
переваги виникають лише за одного важливого припущення: користувачі
можуть відрізнити відвідані та невідвідані посилання, оскільки сайт
відображає їх різними кольорами. Коли відвідані посилання не змінюють
колір, користувачі демонструють більшу навігаційну дезорієнтацію під час
тестування зручності використання та ненавмисно повторно переглядають ті
самі сторінки неодноразово.
4. Non-Scannable Text
A wall of the text is deadly for an interactive experience – intimidating,
boring, painful to read.
Write for online, not print. To draw users into the text and support
scannability, use welldocumented tricks: subheads, bulleted lists, highlighted
keywords, short paragraphs, the inverted pyramid, a simple writing style, de-
fluffed language devoid of marketese.
4. Текст, який не сканується
Стіна тексту смертельна для інтерактивного досвіду – лякає, нудно,
боляче читати.
Пишіть для Інтернету, а не для друку. Щоб залучити користувачів у
текст і підтримати сканування, використовуйте добре задокументовані
трюки: підзаголовки, марковані списки, виділені ключові слова, короткі
абзаци, перевернута піраміда, простий стиль написання, згладжена мова,
позбавлена маркетингового стилю.
5. Fixed Font Size
CSS style sheets unfortunately give websites the power to disable a Web
browser's "change font size" button and specify a fixed font size. About 95% of the
time, this fixed size is tiny, reducing readability significantly for most people over
the age of 40. Respect the user's preferences and let them resize text as needed.
Also, specify font sizes in relative terms -- not as an absolute number of pixels.
 5. Фіксований розмір шрифту
На жаль, таблиці стилів CSS дають веб-сайтам можливість відключати
кнопку «змінити розмір шрифту» веб-браузера та вказувати фіксований
розмір шрифту. Приблизно в 95% випадків цей фіксований розмір є
крихітним, що значно погіршує читабельність для більшості людей старше
40 років. Поважайте вподобання користувача та дозволяйте йому змінювати
розмір тексту за потреби. Крім того, вказуйте розміри шрифтів у відносних
величинах, а не як абсолютну кількість пікселів.
6. Page Titles With Low Search Engine Visibility Search is the most
important way users discover websites.
Search is also one of the most important ways users find their way around
individual websites. The humble page title is your main tool to attract new visitors
from search listings and to help your existing users to locate the specific pages that
they need. For other pages than the homepage, start the title with a few of the most
salient information-carrying words that describe the specifics of what users will
find on that page. Taglines on homepages are a related subject: they also need to be
short and quickly communicate the purpose of the site.
6. Заголовки сторінок із низькою видимістю в пошуковій системі Пошук
є найважливішим способом, за допомогою якого користувачі відкривають
веб-сайти.
Пошук також є одним із найважливіших способів орієнтації
користувачів на окремих веб-сайтах. Скромний заголовок сторінки — це ваш
основний інструмент для залучення нових відвідувачів із списків пошуку та
для того, щоб допомогти наявним користувачам знайти потрібні їм сторінки.
Для інших сторінок, окрім домашньої, починайте назву з кількох найбільш
помітних слів, що містять інформацію, які описують специфіку того, що
користувачі знайдуть на цій сторінці. Слогани на домашніх сторінках – це
схожа тема: вони також мають бути короткими та швидко повідомляти про
мету сайту.
7. Anything That Looks Like an Advertisement
Selective attention is very powerful, and Web users have learned to stop
paying attention to any ads that get in the way of their goal-driven navigation.
Therefore, it is best to avoid any designs that look like advertisements.
7. Все, що виглядає як реклама
Вибіркова увага є дуже потужною, і користувачі Інтернету навчилися
припиняти увагу до будь-якої реклами, яка заважає їхній цілеспрямованій
навігації. Тому краще уникати будь-яких дизайнів, схожих на рекламу.
8. Violating Design Conventions
The more users' expectations prove right, the more they will feel in control of
the system and the more they will like it. And the more the system breaks users'
expectations, the more they will feel insecure. This means that they form their
expectations for your site based on what's commonly done on most other site. If
you deviate, your site will be harder to use and users will leave.
8. Порушення умов проектування
 Чим більше очікування користувачів виправдаються, тим більше вони
відчуватимуть контроль над системою і тим більше вона їм сподобається. І
чим більше система порушує очікування користувачів, тим більше вони
почуватимуться невпевнено. Це означає, що вони формують свої очікування
щодо вашого сайту на основі того, що зазвичай роблять на більшості інших
сайтів. Якщо ви відхилитесь, вашим сайтом стане важче користуватися, і
користувачі підуть.
9. Opening New Browser Windows
Opening up new browser windows is like a vacuum cleaner sales person who
starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my
screen with any more windows, thanks. Users often don't notice that a new window
has opened, especially if they are using a small monitor where the windows are
maximized to fill up the screen. Users hate unwarranted pop-up windows. When
they want the destination to appear in a new page, they can use their browser's
"open in new window" command.
9. Відкриття нового вікна браузера
Відкривати нові вікна веб-переглядача — це як продавець пилососів,
який починає візит із спорожнення попільнички на килимі клієнта. Не
забруднюйте мій екран вікнами, дякую. Користувачі часто не помічають, що
відкрилося нове вікно, особливо якщо вони використовують маленький
монітор, де вікна розгорнуті, щоб заповнити весь екран. Користувачі
ненавидять необґрунтовані спливаючі вікна. Якщо вони хочуть, щоб адресат
з’явився на новій сторінці, вони можуть скористатися командою браузера
«відкрити в новому вікні».
10. Not Answering Users' Questions
Users are highly goal-driven on the Web. They visit sites because there's
something they want to accomplish. Sometimes the answer is simply not there.
Other times the specifics are buried under a thick layer of marketese and bland
slogans. Since users don't have time to read everything, such hidden info might
almost as well not be there.
10. Не відповідати на запитання користувачів
Користувачі в Інтернеті дуже цілеспрямовані. Вони відвідують сайти,
тому що вони хочуть чогось досягти. Іноді відповіді просто немає. Іншим
разом конкретика ховається під товстим шаром маркетингових і м'яких гасел.
Оскільки користувачі не встигають прочитати все, такої прихованої
інформації може майже не бути.
11. Discourse markers: softening and correcting
I think, I feel, I reckon (informal), I guess (American), in my view/opinion
(formal), apparently, so to speak, more or less, sort of (informal), kind of
(informal), well, really, that is to say, at least, I'm afraid, I suppose, or rather,
actually, I mean.
I think/feel/reckon/guess and in my view I opinion are used to make opinion
and statements sound less dogmatic - they suggest that the speaker is just giving a
personal opinion, with which other people may disagree.
11. Дискурсивні маркери: пом’якшення та виправлення
 Я думаю, я відчуваю, я вважаю (неофіційний), я припускаю
(американський), на мій погляд/думку (офіційний), мабуть, так би мовити,
більш-менш, ніби (неофіційний), ніби (неофіційний), добре , справді, тобто,
принаймні, я боюся, я припускаю, точніше, насправді, я маю на увазі.
Я думаю/відчуваю/вважаю/здогадуюсь і, на мій погляд, я думаю, що
використовуються для того, щоб зробити думку та твердження менш
догматичними – вони припускають, що оратор просто висловлює особисту
думку, з якою інші люди можуть не погодитися.

Task 7. Discuss the following questions.

1. How would you design your personal website?
I would design my personal website with a clean and modern aesthetic,
prioritizing user-friendly navigation. I'd showcase my portfolio, skills, and
achievements, along with a blog section to share my thoughts and expertise. It
would be mobile-responsive and optimized for SEO, ensuring a seamless and
engaging experience for visitors. Regular maintenance and updates would keep the
content fresh and relevant.

2. What graphics, images and colours would you use?

I would use a combination of high-quality, professional images and graphics
that align with my personal brand and content. For colors, I'd choose a harmonious
palette that reflects my style, possibly combining a neutral base with accent colors
that convey energy and creativity. These choices would aim to create a visually
appealing and cohesive design that resonates with my website's purpose and
audience.

3. What would you say in your text?

In the text on my personal website, I would introduce myself concisely,
highlighting my background, expertise, and passion. I'd provide clear information
about my skills, achievements, and experiences, making it easy for visitors to
understand who I am and what I can offer. Additionally, I'd use a friendly and
approachable tone throughout the content, aiming to engage and connect with my
audience.

4. How many pages would you have?

I would aim to keep my personal website concise and easy to navigate,
typically consisting of these core pages:
Home: An introduction and overview of the site.
About: A detailed page about me, my background, and values.
Portfolio: Showcasing my work, projects, or achievements.
Blog: Sharing my thoughts, insights, and expertise.
Contact: Providing contact information or a contact form.
This structure allows visitors to quickly grasp who I am, what I offer, and
how to get in touch, ensuring a streamlined user experience. Depending on specific
needs, additional pages like a resume, testimonials, or services could be added as
well.

5. What would you call the links on your navigation bar to show the different
pages?
I would keep the navigation bar links clear and concise to enhance user-
friendliness. Here are the names I might use for each page:

Home: To direct visitors to the main landing page.

About: Providing insights into my background and personality.
Portfolio: Showcasing my work, projects, or accomplishments.
Blog: For accessing my articles, thoughts, and expertise.
Contact: To easily find ways to get in touch.
These simple and self-explanatory labels would help visitors navigate my
website intuitively and find the information they're looking for with ease.

Task 8. Match the words and phrases from the text with the definitions (1-
7).
1. connections to a Web page or part of a Web page
Hyperlinks

2. make or produce
Generate

3. plan or build a Web page

Design

4. a group of organized Web links, usually in a line

Navigation

5. does not change, always the same

Fixed

6. the type of software that helps create Web pages

Web-authoring software

7. new, not done before

Innovative

Task 9. Complete the sentences (1-8) with the words in the box.
1. That Web page is much too busy. I don’t know what to look at.
2. An FTP server is a computer that lets you upload files to the Internet.
3. The buttons on this page are not consistent with the button on the last page.
 4. Net surfers never like reading a lot of text on the screen.
5. Web-authoring software means you don't have to learn HTML to make a
Web page.
6. Many students have their own home pages on the World Wide Web.
7. HTML creates the structure for Web pages to run on a browser.
8. Web-authoring programs generate HTML tags for you.

Task 10. Do you know how to design a website? What do people or

companies need websites for? Read the interview and do make up the list of
hints on web site advancing.

INTERVIEW: WEBSITE DESIGNER

Part 1
· INTERVIEWER: What kind of people want websites and why do they want
websites?
· SALADIN: People who feel they have to be on the Web because
competitors are on the Web. They feel that not having a website is a sign of being
behind the limes.
· INTERVIEWER: Other people have got a website and therefore they have
to have one, too?
· SALADIN: Yes. The better reason is people who have information they
would normally provide free – like brochures, application forms. anything that
would normally be sent out by mail.
· INTERVIEWER: SO it saves fax, postage ...
· SALADIN: Printing costs. I think it's particularly useful for colleges and
universities.
· INTERVIEWER: Why is that?
· SALADIN: Because they tend to have a large amount of information to
distribute.
· INTERVIEWER: If a client comes to you and asks you for a webpage, how
do you set about designing a page for a client?
· SALADIN: The first thing I would ask for is all their printed promotional
material. I would look at all that material and then discuss with the client how
much of it to put on the Web. The most important thing is to decide who the
audience for this website is, who it is aimed at.
· INTERVIEWER: IS there a danger of putting too much on?
· SALADIN: There's certainly a danger of putting too much on. Also, the
client has to make a clear decision about how much time or money they're going to
spend to keep the pages updated.
· INTERVIEWER: Aha, so it's not enough simply to have a page, you need
regular maintenance of that page.
· SALADIN: Right, so these are the first two questions - who is it aimed at
and how often will it be updated?
 Частина 1
· ІНТЕРВ'ЮЕР: Які люди хочуть веб-сайти і чому вони хочуть веб-
сайти?
· САЛАДІН: Люди, які вважають, що вони повинні бути в Інтернеті,
тому що в Інтернеті є конкуренти. Вони вважають, що відсутність веб-сайту є
ознакою того, що вони за липами.
· ІНТЕРВ'ЮЕР: Інші люди мають веб-сайт, і тому вони також повинні
його мати?
· САЛАДІН: Так. Краща причина — це люди, які мають інформацію, яку
зазвичай надають безкоштовно — наприклад, брошури, форми заявок. все,
що зазвичай надсилається поштою.
· ІНТЕРВ'ЮЕР: Отже, це економить факс, поштові витрати...
· САЛАДІН: Витрати на друк. Я думаю, що це особливо корисно для
коледжів та університетів.
· ІНТЕРВ'ЮЕР: Чому це так?
· САЛАДІН: Тому що вони, як правило, мають великий обсяг інформації
для поширення.
· ІНТЕРВ'ЮЕР: Якщо до вас приходить клієнт і просить веб-сторінку, як
ви приступаєте до створення сторінки для клієнта?
· САЛАДІН: Перше, що я б попросив, це всі їхні друковані рекламні
матеріали. Я б переглянув увесь цей матеріал, а потім обговорив із клієнтом,
скільки його викласти в Інтернеті. Найголовніше – визначитися, на яку
аудиторію цей сайт, на кого він орієнтований.
· ІНТЕРВ'ЮЕР: ЧИ Є небезпека надіти занадто багато?
· САЛАДІН: Звичайно, існує небезпека надіти занадто багато. Крім того,
клієнт має прийняти чітке рішення щодо того, скільки часу чи грошей він
збирається витратити на оновлення сторінок.
· ІНТЕРВ'ЮЕР: Ага, отже, недостатньо просто мати сторінку, потрібно
регулярно підтримувати цю сторінку.
· САЛАДІН: Правильно, тож це перші два запитання – на кого він
спрямований і як часто він буде оновлюватися?
Part 2
· SALADIN: Once we've decided what materials should be put on, there are a
couple of basic principles to follow. One is that there should never be any dead
ends; you should never reach a page which has no...
· INTERVIEWER: Ah, which doesn't go anywhere?
· SALADIN: ... Which has no links to take you back to somewhere else. So
that's one principle. And the other principle is to try to limit the number of steps
that have to be taken from the main home page to any other page. I would normally
aim for a maximum of four steps.
· INTERVIEWER: DO people give up if there are more than two or three
links, they simply give up. Is that a problem?
· SALADIN: Some people will give up. Others will just never find the
information, there are too many diversions. Another principle is not to have too
many links to scroll through on one page. If you have a page which has 150 links
and you have to keep scrolling through them, people will give up... they'll never
find the links at the bottom.
· INTERVIEWER: What about graphics, sound and animations, and all these
multimedia features? What's your feeling about these?
· SALADIN: Always ask why is it there? That's the first thing. And if it's
there simply because it makes the page look nicer, think quite carefully about
whether to put it there or not. The more of that sort of thing you have, the more
time it will take to download the pages. Another factor to bear in mind is that there
are still a lot of users with less sophisticated browsers than Netscape or Microsoft
Explorer, and if you make the use of the page dependent on graphics and so on.
You exclude these users.
INTERVIEWER: SO no dead-ends, no more than four steps from home, and
pictures have to serve a serious purpose.
Частина 2
· САЛАДІН: Після того, як ми визначилися з матеріалами, які слід
надіти, потрібно дотримуватися кількох основних принципів. Один полягає в
тому, що ніколи не повинно бути безвихідних ситуацій; ви ніколи не повинні
переходити на сторінку, на якій немає...
· ІНТЕРВ'ЮЕР: А, що нікуди не йде?
· САЛАДІН: ... Який не має посилань, щоб повернути вас кудись ще.
Тож це один принцип. І інший принцип полягає в тому, щоб спробувати
обмежити кількість кроків, які потрібно зробити від головної домашньої
сторінки до будь-якої іншої сторінки. Зазвичай я прагну до максимум
чотирьох кроків.
· ІНТЕРВ'ЮЕР: ЧИ люди здаються, якщо є більше двох-трьох посилань,
вони просто здаються. Це проблема?
· САЛАДІН: Деякі люди здадуться. Інші просто ніколи не знайдуть
інформацію, занадто багато відволікань. Інший принцип полягає в тому, щоб
на одній сторінці не було занадто багато посилань для прокручування. Якщо
у вас є сторінка, яка містить 150 посилань, і вам доведеться їх прокручувати,
люди здадуться... вони ніколи не знайдуть посилання внизу.
· ІНТЕРВ'ЮЕР: А як щодо графіки, звуку та анімації та всіх цих
мультимедійних функцій? Що ви думаєте про це?
· САЛАДІН: Завжди запитуйте, чому це там? Це перше. І якщо він там
просто тому, що робить сторінку привабливішою, добре подумайте,
розміщувати його там чи ні. Чим більше у вас таких речей, тим більше часу
знадобиться для завантаження сторінок. Іншим фактором, який слід
пам’ятати, є те, що все ще є багато користувачів із менш складними
браузерами, ніж Netscape або Microsoft Explorer, і якщо ви робите
використання сторінки залежним від графіки тощо. Ви виключаєте цих
користувачів.
ІНТЕРВ'ЮЕР: Отже, жодних тупиків, не більше чотирьох кроків від
дому, а фотографії мають служити серйозній меті.
 Part 3
· SALADIN: Another aspect of designing pages is to break the information
into · relatively small sections.
· INTERVIEWER: IS that just because of the size of the screen, what you can
see at onetime?
· SALADIN: It's partly that, but it's also to do with download time and
printing. People can find they're printing forty pages of a document, most of which
they don't want.
· INTERVIEWER: IS it a big temptation to add links to similar
organizations? Is there strength in that, or is there a danger in that?
· SALADIN: In most cases it's a big strength. Browsers which come across
your page, if they discover that your page is a very good gateway to all sorts of
interesting sites, will bookmark your page because they know it's a good way to
get to all the other sites. If they're coming back to it, they're exposed to your
message every time. One final point: it is useful to have on the front page
something brief which catches the reader, which says 'this is who we are'.
Частина 3
· САЛАДІН: Іншим аспектом дизайну сторінок є розбиття інформації на
· відносно невеликі розділи.
· ІНТЕРВ'ЮЕР: Це лише через розмір екрана, що ви можете побачити
одночасно?
· САЛАДІН: Це частково так, але це також пов’язано з часом
завантаження та друку. Люди можуть виявити, що вони друкують сорок
сторінок документа, більшість із яких вони не хочуть.
· ІНТЕРВ'ЮЕР: Чи є велика спокуса додавати посилання на схожі
організації? Чи є в цьому сила, чи в цьому є небезпека?
· САЛАДІН: У більшості випадків це велика сила. Браузери, які
натраплять на вашу сторінку, якщо виявлять, що вона є дуже хорошим
шлюзом до різноманітних цікавих сайтів, додадуть вашу сторінку в закладки,
оскільки вони знають, що це хороший спосіб дістатися до всіх інших сайтів.
Якщо вони повертаються до нього, вони кожного разу наражаються на ваше
повідомлення. Останній момент: корисно мати на першій сторінці щось
коротке, що привертає увагу читача, що говорить «ось хто ми».

Task 11. What makes a good website? Discuss these questions.

1. Name two kinds of people who want websites.
Business Owners: Many business owners, whether they run small local shops
or large corporations, want websites to establish an online presence, promote their
products or services, and reach a wider audience.
Individuals and Professionals: Individuals such as freelancers, artists, writers,
and professionals like doctors, lawyers, and consultants often want websites to
showcase their work, share information, or offer services online.

2. Why is a website good for people with a lot of information to distribute?

 A website is ideal for people with extensive information to distribute because
it offers a centralized and accessible platform. It allows for organized presentation,
easy updates, and scalability to accommodate a large volume of content.
Additionally, websites enable a global reach, interactive features, and cost-
effectiveness compared to traditional distribution methods like print media.

3. What sort of clients is a website particularly useful for?

Websites are particularly useful for a wide range of clients, including
businesses looking to establish an online presence, individuals showcasing their
work or services, nonprofit organizations seeking to raise awareness and gather
support, educational institutions delivering content and resources to students, and
e-commerce sellers aiming to reach a global market. Essentially, any entity or
individual with information to share, products to sell, or services to offer can
benefit from having a website.

4. What does Saladin ask for first from a client?

Saladin, also known as Salah ad-Din, would typically ask for a clear statement
of the client's goals, objectives, and requirements. Understanding the client's needs
and expectations is crucial in order to provide effective advice or services. This
initial information allows Saladin to tailor his strategies or solutions to meet the
client's specific needs and align with their overall objectives.

5. What important point must be decided?

The important point that must be decided depends on the context but typically
involves defining clear goals, establishing a budget, determining a timeline, and
identifying key performance indicators (KPIs). These decisions help set the
direction and expectations for a project or endeavor, ensuring it stays on track,
within budget, and delivers the desired outcomes.

6. What must a client make a clear decision about?

A client must make clear decisions about the project's objectives, budget,
timeline, scope, desired outcomes, and any specific requirements or preferences.
These decisions serve as the foundation for effective project planning and
successful collaboration with service providers or project teams.

Task 12. Read part 2 of the interview and complete the five design
principles mentioned.
1. There should never be…
One is that there should never be any dead ends; you should never reach a
page
which has no links to take you back to somewhere else.

2. A maximum of…
 And the other principle is to try to limit the number of steps that have to be
taken from the main home page to any other page. I would normally aim for a
maximum of four steps.

3. Don't have on one page…

Another principle is not to have too many links to scroll through on one page.
If you have a page which has 150 links and you have to keep scrolling through
them, people will give up...they'll never find the links at the bottom.

4. Don't use multimedia simply to make…

And if it's there simply because it makes the page look nicer, think quite
carefully about whether to put it there or not. The more of that sort of thing you
have, the more time it will take to download the pages.

5. Remember there are still a lot of users with…

Another factor to bear in mind is that there are still a lot of users with less
sophisticated browsers than Netscape or Microsoft Explorer, and if you make the
use of the page dependent on graphics and so on. You exclude these users.

Task 13. Read part 3 of the interview. Decide which of these statements
Saladin would agree with.
1. Information on websites should be divided into small sections. Yes
2. Long sections can be a problem for users who want to print from a website.
Yes
3. It's a bad idea to have a lot of links to other sites. No
4. You want users to bookmark your site as a way to get to other sites. Yes
5. Your website should start with a brief piece of information to attract the
reader. Yes

Task 14. a) Put these pieces of advice about website design into two sets: A
(things to do) and В (things not to do).
1. Include graphics only to make it look nice. B
2. Divide information into small sections. A
3. Have pages with dead-ends. B
4. Have a lot of links to other sites. A
5. Have a lot of links on one page. B
6. Start with a brief piece of information to attract the reader. A
7. Forget about readers with less sophisticated browsers. B

b) Give advice about website design using has/have to, must, and mustn't.
 A: things to do
1. Divide information into small sections.
2. Have a lot of links to other sites.
3. Start with a brief piece of information to attract the reader.
4. Update your page regularly.

1. Information must be divided into small sections.

2. A lot of links must be created to other sites.
3. You have to start with a brief piece of information to attract the reader.
4. The page must be updated regularly.
B: things not to do
1. Have a lot of links on one page.
2. Include graphics only to make it look nice.
3. Forget about readers with less sophisticated browsers.
4. Have pages with dead-ends.

1. A lot of links must not be on one page.

2. You mustn`t include graphics only to make it look nice.
3. You have not to forget about readers with less sophisticated browsers.
4. You mustn’t have pages with dead-ends.

Exercise 1. Translate the sentences paying attention to the information

below.
1. The latter problem has started to get special attention. 2. What happens
when a boxer gets knocked out in the ring? 3. To get the best out of any language,
some knowledge of simulation techniques is essential. 4. As people get older they
grow more set in their ways and do not welcome any innovation. 5. You cannot get
blood out of a stone. 6. You cannot expect to get anything without working for it.
7. He got his proposals accepted. 8. The point of equilibrium however is
tremendously influenced by the temperature. 9.The results were affected by the
presence of impurities. 10. This phenomenon has been dealt with by several
researchers. 11. In ethers and similar solvents the frequency was unaffected. 12.
No difficulties were met at all. 13. The reaction was followed by measuring
temperature. 14. The experiment will be followed by testing the end product. 15.
This usage is not followed in carbohydrate chemistry. 16. Hamilton's discovery
was quickly followed by other new algebras. 17. No amount of selected examples,
however convincing, can be relied upon. 18. What is watched or waited for seems
too long in coming. 19. As far as other compounds of this series are concerned
they will be dealt with in another chapter. 20. While such special cases are rather
easily dealt with the general problem is considerably more difficult. 21. The
changes in water content will be accompanied by alterations in salt concentrations,
and the latter are also affected by the ionic concentrations of the food ingested. 22.
This problem can be approached from several points of view. 23. The congress was
referred to as a most representative forum in this field.
 1. Останній проблемі почали приділяти особливу увагу. 2. Що
відбувається, коли боксера нокаутують на рингу? 3. Щоб отримати найкраще
від будь-якої мови, необхідно знати певні методи симуляції. 4. Коли люди
стають старшими, вони стають більш усталеними у своєму житті та не
вітають жодних інновацій. 5. З каменя кров не витягнеш. 6. Ви не можете
очікувати отримати щось, не працюючи для цього. 7. Його пропозиції були
прийняті. 8. На точку рівноваги, однак, надзвичайно впливає температура. 9.
На результати вплинула наявність домішок. 10. Цим феноменом займалися
кілька дослідників. 11. У ефірах та подібних розчинниках частота не
змінювалася. 12. Труднощів не зустріли взагалі. 13. Реакцію супроводжували
вимірюванням температури. 14. Після експерименту буде проведено
тестування кінцевого продукту. 15. Це використання не дотримується в хімії
вуглеводів. 16. За відкриттям Гамільтона швидко послідували інші нові
алгебри. 17. На жодну кількість вибраних прикладів, якими б переконливими
вони не були, не можна покладатися. 18. Те, на що дивляться або чекають,
здається занадто довгим. 19. Що стосується інших сполук цієї серії, то вони
будуть розглянуті в іншому розділі. 20. Хоча такі особливі випадки досить
легко вирішуються, загальна проблема є значно складнішою. 21. Зміни
вмісту води супроводжуватимуться змінами концентрації солі, на які також
впливають іонні концентрації споживаної їжі. 22. До цієї проблеми можна
підійти з кількох точок зору. 23. Конгрес було названо найбільш
представницьким форумом у цій галузі.

Exercise 2. Each sentence has a mistake. Find it and correct it.

1. The ability of tiny computing devices to control complex operations have
transformed the way many tasks are performed.
2. I have upgrade my computer by plugging in expansion cards.
3. I used my new printer for printing the computer output on paper since
October.
4. Various communication services becomes available on the Internet
recently.
5. A multimedia computer has been installed in the office to process different
forms of data a year ago.
6. She uses Word and goes into clipart to make cards for her friends when she
was a child.

1. The ability of tiny computing devices to control complex operations has

transformed the way many tasks are performed.
2. I have upgraded my computer by plugging in expansion cards.
3. I have used my new printer for printing the computer output on paper since
October.
4. Various communication services became available on the Internet recently.
5. A multimedia computer was installed in the office to process different
forms of data a year ago.
 6. She used Word and went into clipart to make cards for her friends when she
was a child.

Exercise 3. Translate the sentences paying attention to infinitive

constructions.
1. Today it’s common to see terminals that include telephones, PCs and larger
computers. 2. To know a foreign language is necessary for the computer specialist.
3. It is important to realize that video RAM (VRAM) must meet higher
performance specifications than regular RAM. 4. It is necessary to define the tasks
of this program. 5. To help our comrades is our duty. 6. To solve this problem is
extremely important. 7. It is important to remember that disk drives are mechanical
devices. 8. To introduce a microprocessor that is not downwardly compatible with
previous models is very risky. 9. To study this program requires much knowledge.
10. New computer systems have such good audio systems that it is possible to
listen to music while you work, have the computer tell you when the printer needs
paper, play games that include sound, or compose music on the computer. 11. To
explain this simple fact is not so very easy. 12. To obtain these data is necessary
for carrying out further experiments. 13. To translate the text without a dictionary
is difficult. 14. To train highly qualified programmers is extremely important for
the development of computer science. 15. To study this programming language
requires much knowledge.

1. Сьогодні зазвичай можна побачити термінали, які включають

телефони, комп’ютери та більші комп’ютери. 2. Знання іноземної мови
необхідно комп'ютернику. 3. Важливо розуміти, що відеопам’ять (VRAM)
має відповідати вищим характеристикам продуктивності, ніж звичайна ОЗУ.
4. Необхідно визначити завдання цієї програми. 5. Допомагати товаришам -
наш обов'язок. 6. Вирішити цю проблему надзвичайно важливо. 7. Важливо
пам'ятати, що дисководи є механічними пристроями. 8. Впроваджувати
мікропроцесор, який не сумісний з попередніми моделями, дуже ризиковано.
9. Для вивчення цієї програми потрібні багато знань. 10. Нові комп’ютерні
системи мають такі хороші аудіосистеми, що можна слухати музику під час
роботи, комп’ютер повідомляти вам, коли принтеру потрібен папір, грати в
ігри зі звуком або складати музику на комп’ютері. 11. Пояснити цей простий
факт не так вже й легко. 12. Для отримання цих даних необхідно провести
подальші досліди. 13. Перекласти текст без словника важко. 14. Для розвитку
інформатики надзвичайно важливою є підготовка висококваліфікованих
програмістів. 15. Для вивчення цієї мови програмування потрібні багато
знань.

Exercise 4. Fill in the gaps with will or would.

 Exercise 5. Fill in the gaps with the time links: as, when, after, once,
before.

Exercise 6. Choose the right variant.

 WRITING
Visit a website or home page of your choice. Make notes on what is good and
bad about it. Report back to the class and make a class file of good and badly
designed sites for people to visit.

Amazon Website Evaluation:

Positive Aspects:
User-Friendly Navigation: Amazon has a well-structured navigation system
with clear menus, search bars, and easy access to different product categories.
Responsive Design: The website is responsive and adapts well to different
screen sizes, making it accessible on both desktop and mobile devices.
Aesthetics: Amazon maintains a clean and professional design with a
consistent color scheme and typography, creating a visually pleasing experience.
Loading Speed: The website is optimized for fast loading, which is crucial for
retaining user engagement.
Content Quality: Product listings on Amazon are detailed, including images,
descriptions, customer reviews, and ratings, helping users make informed
decisions.
 Interactivity: Features like one-click ordering, personalized recommendations,
and customer reviews enhance user interaction and engagement.
Customer Support: Amazon provides easy access to customer support
options, including chat, email, and a comprehensive Help section.

Negative Aspects:
Cluttered Homepage: The Amazon homepage can sometimes appear cluttered
due to the vast amount of content and product recommendations, which might
overwhelm new users.
Ads and Sponsored Products: Amazon includes a significant number of
sponsored products and advertisements, which can be distracting and reduce the
focus on organic search results.
Complex Checkout Process: For new users, the checkout process can be
confusing, with various shipping and payment options that may require multiple
steps.
Accessibility Issues: While Amazon has improved its accessibility features
over the years, some aspects of the website may still pose challenges for users with
disabilities.
Privacy Concerns: Amazon's tracking and data collection practices have
raised privacy concerns, as the website often uses cookies to track user behavior
and provide targeted ads.
Information Overload: The abundance of information on product pages,
including reviews and related items, can sometimes lead to information overload
for users.