Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 1. https://htmlacademy.ru/courses/4 - стартовая точка для изучения html/css. Пройдите до конца, то есть до 6 главы (Знакомство с формами).
- 2. Что-то не понятно? Гуглите. Все еще не понятно? Спросите у меня.
- 3. Скачайте Sublime Text 3. В Блокноте писать сайты немного больно.
- 4. Задание: сверстать главную страницу Гугла (на чистом css). https://www.google.com
- Структура у данной страницы очень простая:
- - шапка с горизонтальным меню
- - изображение с логотипом
- - поле ввода поискового запроса
- - две кнопки
- - футер с двумя горизонтальными меню (слева и справа)
- Создаете файлы с названиями index.html и style.css
- В index.html пишете следующее
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="style.css" >
- </head>
- <body>
- <div id="header">
- </div>
- <div id="main">
- </div>
- <div id="footer">
- </div>
- </body>
- </html>
- Дальше пытаетесь нагуглить решения проблем: как создать горизонтальное меню? Как выровнять список справа? Как центрировать изображение? итп
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement