Симферопольский Форум: Подгрузка html страницы в DIV - Симферопольский Форум

Перейти к содержимому

Внимание! Для всех новых пользователей введена премодерация сообщений и тем.
  • (2 Страниц)
  • +
  • 1
  • 2
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

Подгрузка html страницы в DIV

#21 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 10 марта 2015 - 17:18

Просмотр сообщенияSerega555 (10 марта 2015 - 17:09) писал:

А где порекомендуете? блакнот конечно круто:) но это маст хев)


Notepad++ наше все с необходимыми плагинами - аля Emmet, XML tools.
Для верстки HTML писем не заменим dreamweaver.

И да, все ручками, ибо только так получается аккуратный и красивый HTML.


#22 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 10 марта 2015 - 19:32

Просмотр сообщенияHappyhardcore сказал:

Для верстки HTML писем не заменим dreamweaver.


...потому что хтмл-письма - одноразовая штука )


Просмотр сообщенияHappyhardcore сказал:

Notepad++ наше все с необходимыми плагинами

Угу. Или ВебШторм, но это для тру-девелоперов, т.к. слишком умный, гад.


Ну и девелоперские плагины к браузерам, конечно. Файрбаг маст хэв.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

Поблагодарили: 1

#23 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 10 марта 2015 - 20:03

Просмотр сообщенияSerega555 сказал:

Если можно опишите пожалуйста более поподробней, что бы по легче было к пониманию

Все весьма просто.

1. Весь контент физически находится в коде страницы. Кликая по левому меню вы просто меняете display:none на display:block у соответствующего блока с нужным куском контента.
2. вместо ссылок использованы радиокнопки, т.к. они сохраняют свое состояние после переключения в отличие от ссылок. Без всякого яваскрипта.
3. радиокнопки спрятаны с помощью display:none. А клик мышкой отрабатывают label, связанные с соответствующими им радиокнопками атрибутом for. Эти label с помощью cursor:pointer и text-decoration:underline симулируют внешний вид обычных ссылок.
4. самое некрасивое - вот это вот:
#link1:checked + * + * + * + * + * + * .content1,
#link2:checked + * + * + * + * .content2,
#link3:checked + * + * .content3 {display:block;}


конструкция A + B в css означает "B следует непосредственно за A". не вложен в него, а за ним.
соответственно, конструкция #link1:checked + * + * + * + * + * + * .content1 {...} означает "применить стиль ... к элементу с классом .content1, вложенному в элемент любого типа (*), находящийся через 5 элементов любого типа (* + * + * + * + *) после радиокнопки c ID = link1, находящейся в состоянии checked.

Ну а через сколько элементов находится нужный блок от соответствующей радиокнопки, надо подсчитать.
По-уродски, конечно, и требует, чтобы контент принадлежал тому же родительскому элементу, что и радиокнопки, или его потомку. И неудобно когда пунктов меню много. И если контент сразу весь в странице, то она может долго грузиться. И если впихнуть что-нибудь между всем этим, понадобится пересчитать все эти звездочки.

Но зато работает в условиях идиотских ограничений, что встречается не так уж редко.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

Поблагодарили: 1

#24 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 10 марта 2015 - 21:03

Просмотр сообщенияИнквизитор (10 марта 2015 - 19:32) писал:

Ну и девелоперские плагины к браузерам, конечно. Файрбаг маст хэв.

http://clip2net.com/s/3dW5Hsy
встроенный родной в лисе, почти ничем не отличается от фаербага.
Но я тоже привык именно к фаербагу, он уже как родной что ли.


#25 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 10 марта 2015 - 21:12

Просмотр сообщенияHappyhardcore сказал:

встроенный родной в лисе, почти ничем не отличается от фаербага.

Бесит он меня почему-то )
Плюс к файрбагу есть куча модулей, от подсветки изменений в CSS до специальных под всякие платформы и языки.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#26 Пользователь офлайн   Serega555 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 872
  • Регистрация: 13 октября 10
  • ГородСимферополь
  • Страна:  

Отправлено 12 марта 2015 - 10:17

Если под виндой понятно чем по началу верстать сайт, а что можете порекомендовать под linux mint тот же блокнот ?


#27 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 12 марта 2015 - 12:06

Просмотр сообщенияSerega555 (12 марта 2015 - 10:17) писал:

Если под виндой понятно чем по началу верстать сайт, а что можете порекомендовать под linux mint тот же блокнот ?


Верстальщики не работают ни под чем кроме форточки.

Ибо только под виндой можно проверить верстку в основных браузерах:
фаерфокс, опра(16.17 - старый движок), хром, сафари, IE8


Поблагодарили: 1

#28 Пользователь офлайн   Serega555 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 872
  • Регистрация: 13 октября 10
  • ГородСимферополь
  • Страна:  

Отправлено 12 марта 2015 - 12:36

Просмотр сообщенияHappyhardcore (12 марта 2015 - 12:06) писал:

Верстальщики не работают ни под чем кроме форточки.

Ибо только под виндой можно проверить верстку в основных браузерах:
фаерфокс, опра(16.17 - старый движок), хром, сафари, IE8


спасибо буду иметь виду


#29 Пользователь офлайн   Serega555 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 872
  • Регистрация: 13 октября 10
  • ГородСимферополь
  • Страна:  

Отправлено 12 марта 2015 - 13:32

Подскажите есть ли смысл заморачиватся с резиновой вёрсткой? т.к. вроде закончил для себя примитивный сайт http://test.photorep....net/book_shop/ а в разных браузерах по разному в колонках помещается. самый аккуратный это хром, а вот остольные что то по правому краю совсем текст выщимили за правое меню


#30 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 12 марта 2015 - 13:36

Уважаемый, если вы хотите научиться нормально верстать, то вам сюда http://clip2net.com/s/3e2ETJW
Все вопросы как рукой снимет, поверьте. :rolleyes:

Сообщение отредактировал Happyhardcore: 12 марта 2015 - 13:44


Поблагодарили: 1

#31 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 12 марта 2015 - 15:19

Просмотр сообщенияHappyhardcore сказал:

Верстальщики не работают ни под чем кроме форточки.

Ну, как показывает практика, хром/фф под линукс иногда выдают картинку, отличающуюся от хрома/фф в винде.

Но тут другой фактор: тем, кто сидит под линухами, на эти различия обычно глубинно накласть )))))


Просмотр сообщенияSerega555 сказал:

Подскажите есть ли смысл заморачиватся с резиновой вёрсткой? т.к. вроде закончил для себя примитивный сайт http://test.photorep....net/book_shop/ а в разных браузерах по разному в колонках помещается. самый аккуратный это хром, а вот остольные что то по правому краю совсем текст выщимили за правое меню

Не вижу особых отличий (хром/фф/ие).
Я ж вам давал образец кода... Сделайте боковые панели фиксированной ширины.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#32 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 12 марта 2015 - 15:31

Просмотр сообщенияИнквизитор (12 марта 2015 - 15:19) писал:

Ну, как показывает практика, хром/фф под линукс иногда выдают картинку, отличающуюся от хрома/фф в винде.

Угу, как правило это различие в отображении шрифтов(разные движки, разные наборы шрифтов в системе).

Просмотр сообщенияИнквизитор (12 марта 2015 - 15:19) писал:

Но тут другой фактор: тем, кто сидит под линухами, на эти различия обычно глубинно накласть )))))


Накласть не накласть, но как вы под линей будуте тестить в IE8, сафари?
В том же глюкохромехроме нужно нужно отдельно тестировать JS, ибо он там работает не всегда так как задумано в отличие от других браузеров.

как вы это организуете на линуксе, под виртуальной машиной? :whistle:


#33 Пользователь офлайн   Serega555 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 872
  • Регистрация: 13 октября 10
  • ГородСимферополь
  • Страна:  

Отправлено 12 марта 2015 - 15:53

Просмотр сообщенияHappyhardcore (12 марта 2015 - 15:31) писал:

Угу, как правило это различие в отображении шрифтов(разные движки, разные наборы шрифтов в системе).



Накласть не накласть, но как вы под линей будуте тестить в IE8, сафари?
В том же глюкохромехроме нужно нужно отдельно тестировать JS, ибо он там работает не всегда так как задумано в отличие от других браузеров.

как вы это организуете на линуксе, под виртуальной машиной? Изображение

Скорей под эмулятором, сафари отлично ставится под wine с ИЕ не думаю что будут проблемы


#34 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 12 марта 2015 - 21:39

Просмотр сообщенияHappyhardcore сказал:

Накласть не накласть, но как вы под линей будуте тестить в IE8, сафари?
В том же глюкохромехроме нужно нужно отдельно тестировать JS, ибо он там работает не всегда так как задумано в отличие от других браузеров.

как вы это организуете на линуксе, под виртуальной машиной?

Не... я имел в виду что при верстке можно игнорировать существование линухов вообще.
Сафари, кстати, игнорировать вообще под любой системой положено. Ибо нефиг.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#35 Пользователь офлайн   Happyhardcore 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Пoльзователь
  • Сообщений: 87
  • Регистрация: 10 марта 15
  • Страна:  

Отправлено 12 марта 2015 - 21:53

Просмотр сообщенияИнквизитор (12 марта 2015 - 21:39) писал:

Не... я имел в виду что при верстке можно игнорировать существование линухов вообще.
Сафари, кстати, игнорировать вообще под любой системой положено. Ибо нефиг.


Хорошо, если бы так было на практике, при сдаче проекта заку.

Но как правило вашу работу начинают очень внимательно смотреть и тестировать на эпл устройствах(ну а как же, понты превыше всего) + планшеты под ведроид и прочие смартфоны.

Очень не завидую новоиспеченным верстальщикам, у них еще все впереди.


Поделиться темой:


  • (2 Страниц)
  • +
  • 1
  • 2
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

1 человек читают эту тему
0 пользователей, 1 гостей, 0 скрытых пользователей