<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<title>Заголовок страницы</title>
</head>
<frameset rows="15%,*">
<frame src="logo.htm" noresize>
<frameset cols="18%,*" >
<frame src="menu.htm" noresize>
<frame src="content.htm" name="window-1" noresize>
</frameset>
</frameset>
</html>
В файле logo.htm будет написано то, что в верхней полоски страницы, и верхняя часть страницы будет занимать 15% по высоте.
Результат такой устроит? Пример страницы
Вверху зелёное со словами "Животных надо уравнять в правах с человеком!" - это файл logo.htm, слева меню с четырьмя ссылками, 18% от ширины экрана - это файл menu.htm, а справа файл content.htm
Слова canvas и frame обозначают HTML-теги, а box, device используются в css-свойствах.
Тег <frame> делит окно браузера на части; Тег <canvas> создает холст для рисования.
css-свойство box-shadow добавляет тень к элементу; css-свойство @media использует конструкции min-device-width, max-device-width.
Конечно может, а с чего вы взяли, что первым обязательно должно быть имя функции?
Можно и var и просто любые конструкции языка использовать сразу с начала файла, совсем необязательно начинать с объявления функции.
Чтобы вставить картинку в html - страницу, используется тег <img src="адрес и название картинки" width="ширина картинки в пикселях" height="высота картинки в пикселях" alt="альтернативное название картинки">.
Нужно не забывать, что лучше указывать полный адрес картинки, иначе при создании html-страницы можно быстро запутаться.
В css элементе блока с текстом:
div {
display:none;
}
Если надо показать, то пишем например:
div {
display:block;
}
Думаю смысл понятен, скрыть или показать элемент.
Вот с кнопкой
Или в jQuery используйте команды .toggle() или .show() и .hide()
Это скрыть, а полностью из кода только через php или другое.