Поверхностных знаний HTML/CSS не бывает. Ты либо знаешь, либо нет. Есть конечно гуру, которые игры на CSS3 пишут, но это уже экзотика. Ты должен уметь верстать страницы и понимать что из того, что ты видишь на странице определяется в html, а что в css. И что нужно поменять, чтобы поменять вывод на тот, который нужен заказчику.
Ну можно тем же джаваскриптом размеры изображения подгонять, конечно. Но если вы приведённый выше скрипт вставите в свою index.html и в конце вместо
if (winW > 1024) {
location.href = 'index2.htm';
}
поставите
if (winW > 1024) {
location.href = 'index2.htm';
} else {
location.href = 'index1.htm';
}
то всё будет работать.
Кроме того в указанном скрипте считается (как я уже подчеркнул) размер открытого окна, а не дисплея. для подсчётов размера дисплея обычно используют
window.screen.availHeight
window.screen.availWidth
Вот здесь есть подробная информация об этом:
http://www.javascriptkit.com/howto/newtech3.shtml
Т.е. вам нужно, чтобы пользователь заходил на страницу index.html, и после определения размеров открытого окна (не экрана, а именно открытого окна), его перебрасывало на страницу index1.html или index2.html соответственно?
Вообще такое поведение уже позапрошлый век. Современные сайты обычно сами подстраивают стили страницы под размер экрана, а не заставляют пользователя скакать по страницам. Погуглите на тему "responsive layout" ;)
Но если вы уверены, что вам это нужно, то конечно поможем. :)
А можно ещё стили добавить, как именно по углам разнесены элементы? Ну и картину желательно иметь, конечно где-то выложенную, для полной наглядности.
Я вот тут выложил этот вопрос для тестирования: http://jsfiddle.net/gTVun/
Мало хотеть, нужно что-то делать. Я, как уже упоминал, два года учил язык, потом несколько месяцев изучал как в германии устроен поиск работы, как получать визу и всё такое прочее. Несколько месяцев ушло на рассылку резюме и собеседования. Надо просто поставить себе цель и добиваться её.
