Web page design developing

Lesson objectives
• Identify parts of webpage;
• Create descriptors for website design

Success criteria
• Identify the parts of webpage
• Know the criteria for website design
 Writing
Find and write down the definition
Browsers –
Web page –
HTML -
Website –
Hypertext –
Web server -
Hyperlink –
WWW
 When was the first
web page created?

The first web page was created at CERN by

Tim Berners-Lee on August 6, 1991. You
can visit and browse the first website and
the first web page at the http://info.cern.ch
address.

20 декабря 1990 года в мире был

запущен первый веб-сайт. Мы расскажем
Вам о том, как появился первый сайт в
Интернете, каким он был и для чего
использовался.
Before Website design start...
 Steps in webpage creation:
•структура макета сайта. Разработка макета начинается с создания структуры. Следует
определить количество страниц, которые будут находиться на сайте, продумать связи между
страницами. Иногда на этом этапе используют онлайн-ресурсы для проектирования такие, как
mindmup.com или bubbl.us;

•прототип страницы. На этом этапе, разработчик продумывает дизайн страницы, расположение

элементов страницы. Прототип сайта можно создать с помощью любого графического
редактора;

•подбор цветового решения для макета. На этом этапе происходит выделение основного цвета,
дополнительного цвета, светлых и темных вариантов;

•тестирование макета для предварительного просмотра в браузере и проверки активности

кнопок и ссылок.
Elements of a HOME -page
структура домашней страницы состоит
из следующих разделов:

•название сайта «шапка»;

•главное меню;
•основной контент;
•блоков дополнительной
информации;
•контакты и поддержка - «подвал»
Home page examples
Elements of a webpage
The website, blog name, logo, or company name
is almost always in the top-left corner of each web
page. It's also a good idea to include a slogan or a
brief statement about the page to give new
visitors an instant understanding of the site. Also,
this section of the web page is usually a link that
can link you back to the homepage.
The navigation bar or menu for a web page
is typically always found on the top or left
side of each web page and should include
links to each of the major sections of the
website.
The search allows a visitor to search
a website for related information and
should be available on every page.
Advertisement banners can be shown in
different places on a web page and are used
to help pay for the expenses of running a
website and company. Typically ad banners
will be found at the top, left, right, or
bottom of a page and may also be included
in the content.
 Must be done on graphic editor

At least two pages (home page, registration page,

authorization page, contact us or product page)

Descriptors
for website Navigation bar (menu) required

design
Logo required

Should be designed according the information

perception principles.
 Success criteria
• Identify the parts of webpage
• Know the criteria for website design

Home task
 Read р.50-52 Инф-10.
 Завершить в WORD/ PAINT макет Главной страницы сайта, продумать
логотип и слоган. Фото выслать по WA.
 Упр.билимленд «Разработка дизайна сайта. Урок 1» за 5 декабря