Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2019
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.57 KB | None | 0 0
  1. 1. https://htmlacademy.ru/courses/4 - стартовая точка для изучения html/css. Пройдите до конца, то есть до 6 главы (Знакомство с формами).
  2. 2. Что-то не понятно? Гуглите. Все еще не понятно? Спросите у меня.
  3. 3. Скачайте Sublime Text 3. В Блокноте писать сайты немного больно.
  4. 4. Задание: сверстать главную страницу Гугла (на чистом css). https://www.google.com
  5. Структура у данной страницы очень простая:
  6. - шапка с горизонтальным меню
  7. - изображение с логотипом
  8. - поле ввода поискового запроса
  9. - две кнопки
  10. - футер с двумя горизонтальными меню (слева и справа)
  11.  
  12. Создаете файлы с названиями index.html и style.css
  13.  
  14. В index.html пишете следующее
  15.  
  16. <!DOCTYPE html>
  17. <html>
  18. <head>
  19. <link rel="stylesheet" type="text/css" href="style.css" >
  20. </head>
  21. <body>
  22. <div id="header">
  23.  
  24. </div>
  25. <div id="main">
  26.  
  27. </div>
  28. <div id="footer">
  29.  
  30. </div>
  31. </body>
  32. </html>
  33.  
  34. Дальше пытаетесь нагуглить решения проблем: как создать горизонтальное меню? Как выровнять список справа? Как центрировать изображение? итп
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement