Денис Инешин

Нашел на стаковерфлоу:
jsfiddle.net/epistemex/u6apxgfk

То что верстка получается большой для вашего ноута - это нормально. Многие дизайнеры сейчас рисуют здоровенные макеты рассчитанные на большие экраны.

Да так и есть. Если верстка резиновая или адаптивная, то это отдельно обговаривается и кроме того дизайнер еще и рисует варианты для других разрешений экрана.

Возможно вам поможет эта статья

Лучше всего делать это на jQuery, примерно так:

var $rows = $("#main").find("tr");

function goToRow (num) {
     var $target = $rows.eq(num);
     var y = $target.offset().top;

     $(window).scrollTop(y);
}

<input type="text" autocomplete="off">

Воспользуйтесь https://kassa.yandex.ru/

https://jsfiddle.net/6mpy9j3f/2/
Верстайте как обычно, заголовок всегда можно перенести на верх с помощью CSS как в примере (при условии что он в одну сточку конечно)

Закрепить можно только делая. Добавьте к литературе интерактивные курсы вроде этих: https://www.codeschool.com/paths/html-css и этих: https://htmlacademy.ru/

Конечно же можно.

Помимо этого есть еще прием Lazy Load, позволяет не загружать сразу те картинки, до которых еще не до крутили страницу и т.д.