Есть вопрос?
Зайди на форум

Поиск на сайте: Advanced

Denix - новый дистрибутив Linux. Русификация Ubuntu и установка кодеков

dkws.org.ua
Форум сайта dkws.org.ua
 
Главная    ТемыТемы    АльбомАльбом    РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 

Создание динамически расширяющегося многобраузерного сайта
На страницу 1, 2, 3  След.
 
Начать новую тему Ответить на тему    Список форумов dkws.org.ua -> Сайтостроение
 
Автор Сообщение
Konstantin73

Новенький


Зарегистрирован: 18.09.2006
Сообщения: 51
Откуда: г.Ульяновск

СообщениеДобавлено: Пн Июн 25, 2007 1:28 pm    Заголовок сообщения: Создание динамически расширяющегося многобраузерного сайта
Ответить с цитатой

Здравствуйте, по созданию сайтов в интернете не много, а очень много различной информации, я потратил много времени и трафика, и часть информации нашел, но хотелось бы узнать, может кто-то может посоветовать новичку хорошую книгу или ссылку по теме “Дизайн многобраузерного сайта с динамически расширяющимися полями под размер экрана, используя при верстке тег Div (не таблицы)”. А то создается впечатление, что доступность сайта и его простота понятия неразделимые, таблицы считаю нужно использвать по их прямому назначению.
И еще, если не сложно, покритикуйте меня, пожалуйста (мой сайт) http://www.invest-inform.ru в ближайшее время буду создавать новый, хочется учесть ошибки.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
den

Старожил


Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина

СообщениеДобавлено: Вт Июн 26, 2007 4:25 am    Заголовок сообщения:
Ответить с цитатой

Из того, что бросается в глаза:
- Убрать желтый
- поработать над стилями
- переделать эмплемму в центе сайта - с "молниями"
- перерисовать лого компании - видно они сканированное и немного размыто
- читать текст в окошке неудобно - пусть он будет развернут на все окно браузера
Вернуться к началу
Посмотреть профиль Отправить личное сообщение dhsilabs@jabber.ru
Konstantin73

Новенький


Зарегистрирован: 18.09.2006
Сообщения: 51
Откуда: г.Ульяновск

СообщениеДобавлено: Ср Июн 27, 2007 2:59 pm    Заголовок сообщения:
Ответить с цитатой

Большое спасибо Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
den

Старожил


Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина

СообщениеДобавлено: Ср Июн 27, 2007 3:18 pm    Заголовок сообщения:
Ответить с цитатой

Пожалуйста!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение dhsilabs@jabber.ru
Лиза

Новенький


Зарегистрирован: 10.07.2008
Сообщения: 35

СообщениеДобавлено: Пт Dec 26, 2008 1:16 pm    Заголовок сообщения:
Ответить с цитатой

Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
jeder

Почетный флеймер


Зарегистрирован: 08.06.2007
Сообщения: 1387

СообщениеДобавлено: Пт Dec 26, 2008 1:53 pm    Заголовок сообщения:
Ответить с цитатой

Цитата:

Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта?

Можно, чтобы сайт подстраивался под размер окна добавьте в body, либо в в div, или table, всё зависит от вашего дизайна, параметр width: 100% - тогда сайт будет растягиваться и сжиматься, стараясь занять весь размер окна, и также будет подстраиваться под него.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Tuxik

Тяпницо


Зарегистрирован: 02.07.2007
Сообщения: 1521

СообщениеДобавлено: Пт Dec 26, 2008 3:40 pm    Заголовок сообщения:
Ответить с цитатой

ИМХО, width лучше устанавливать фиксированного размера, иначе возвожны глюки в разных браузерах. Кстати, огненный лис отлично справляется с нормальным отображением, а вот для оперки и ослика приходится возиться.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Лиза

Новенький


Зарегистрирован: 10.07.2008
Сообщения: 35

СообщениеДобавлено: Сб Dec 27, 2008 3:01 pm    Заголовок сообщения:
Ответить с цитатой

Спасибо за ответы!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
jeder

Почетный флеймер


Зарегистрирован: 08.06.2007
Сообщения: 1387

СообщениеДобавлено: Пн Dec 29, 2008 9:47 am    Заголовок сообщения:
Ответить с цитатой

Лиза, пожалуйста.

Цитата:

width лучше устанавливать фиксированного размера

При %-ном значении надо просто правильно и аккуратно вести вёрстку и всё будет отлично в любых браузерах Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Tuxik

Тяпницо


Зарегистрирован: 02.07.2007
Сообщения: 1521

СообщениеДобавлено: Пн Dec 29, 2008 1:46 pm    Заголовок сообщения:
Ответить с цитатой

%-ое соотношение хорошо тем, что для разных расрешений моника весь экран заполняется пропорционально. Но это справедливо только в отношении текста. Согласись, что некрасиво когда, например, менюшки плывут и др. элементы управления. Их нужно делать фиксированного размера, а остальное можно в %-ах. Но тут-то и начинаются траблы. Проще всего сделать фиксированного размера под разрешение 800х600 (наверное, мониторов с более низким разрешением в природе уже нет), но при более высоких разрешениях появляется много свободного места, которое жалко оставлять без дела...
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Julia

Участник тусовки


Зарегистрирован: 28.01.2009
Сообщения: 385
Откуда: Россия

СообщениеДобавлено: Вт Фев 03, 2009 6:10 pm    Заголовок сообщения: Вопрос начинающего сайтостроителя
Ответить с цитатой

Сделала сайт на основе таблицы. Посмотрев в браузере, увидела, что шапка таблицы (width=100%) растягивается меньше, чем контентная ячейка. Могу ли я что-либо изменить или придется переделать таблицу, оставив контент? Ничего не сохраняется после редактирования.
jeder писал(а):
Цитата:

Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта?

Можно, чтобы сайт подстраивался под размер окна добавьте в body, либо в в div, или table, всё зависит от вашего дизайна, параметр width: 100% - тогда сайт будет растягиваться и сжиматься, стараясь занять весь размер окна, и также будет подстраиваться под него.

_________________
Первый блин комом, второй - eкзeшником!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
олег алексеевич

Тысячник


Зарегистрирован: 18.01.2009
Сообщения: 1365
Откуда: ua Кропивницкий

СообщениеДобавлено: Вт Фев 03, 2009 9:45 pm    Заголовок сообщения:
Ответить с цитатой

Julia
кинь код шапки на форум.
_________________
помощь в личку платно.Удалю вирус,шелл с сайта Джумла, Битрикс .
Создам плагин , модуль под заказ для VirtueMart , JoomShopping
Вернуться к началу
Посмотреть профиль Отправить личное сообщение ICQ Number
Tuxik

Тяпницо


Зарегистрирован: 02.07.2007
Сообщения: 1521

СообщениеДобавлено: Ср Фев 04, 2009 9:21 am    Заголовок сообщения:
Ответить с цитатой

Может там ячейка затесалась.
Не зная кода, не суйся в quote )))
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Julia

Участник тусовки


Зарегистрирован: 28.01.2009
Сообщения: 385
Откуда: Россия

СообщениеДобавлено: Ср Фев 04, 2009 4:25 pm    Заголовок сообщения: Сайт
Ответить с цитатой

олег алексеевич2 писал(а):
Julia
кинь код шапки на форум.
Я Вам кину весь код страницы, остальные на этой же основе.
Этот код дает нормальное отбражение (есть фон):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="keywords" content="объявления о продаже, книги, экономика, финансы, маркетинг, экономическая география, менеджмент, аудит, право, Психология, социология, политология, математика, статистика, информационные технологии, лингвистика, философия">

<meta name="description" content="Сайт частных объявлений о продаже книг и учебников">

<title>Сайт объявлений о продаже книг.</title>

<style type="text/css">

<!--

-->

</style>

<link href="Styles.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

.header {

font-size: 36px;

color: #FF00FF;

}

-->

</style>

</head>



<body>

<table width="120%" border="0" cellpadding="5" cellspacing="0">

<!--DWLayoutTable-->



<tr>

<td height="37" colspan="2" valign="top"><h1 align="center" class="header" bgcolor="#00FFFF">Продаю книги и софт</h1></td>

</tr>

<tr>

<td width="108" height="663" bgcolor="#FFCCFF" valign="top"><p><span class="Content">Книги по разделам</span>:</p>

<p class="Links"><a href="Index.html?quot; name="Main" target="_self" class="Links">Главная</a></p>

<p class="Links"><a href="Economics.html?quot; name="FirstPage" target="_blank" class="Links">Экономика, финансы</a></p>

<p class="Links"><a href="Marketing.html?quot; name="SecondPage" target="_blank" class="Links">Маркетинг</a></p>

<p class="Links"><a href="Econgeography.html?quot; name="ThirdPage" target="_blank" class="Links">Экономическая география</a></p>

<p class="Links"><a href="Manage&organize.html?quot; name="FourthPage" target="_blank" class="Links">Менеджмент</a></p>

<p class="Links"><a href="Audit.html?quot; name="FifthPage" target="_blank" class="Links">Аудит</a></p>

<p class="Links"><a href="Laws&rights.html?quot; name="SixthPage" target="_blank" class="Links">Право</a></p>

<p class="Links"><a href="Humanities.html?quot; name="SeventhPage" target="_blank" class="Links">Психология, социология, политология</a></p>

<p class="Links"><a href="Maths&stat.html?quot; name="EighthPage" target="_blank" class="Links">Математика и статистика</a></p>

<p class="Links"><a href="IT.html?quot; name="NinethPage" target="_blank" class="Links">Информационные технологии</a></p>

<p class="Links"><a href="Linguistics.html?quot; name="TenthPage" target="_blank" class="Links">Лингвистика</a></p>

<p class="Links"><a href="Phylosophy.html?quot; name="EleventhPage" target="_blank" class="Links">Философия</a></p> </td>

<td width="503" height="663" valign="top" background="images/Background.png" bgcolor="#FFDFFF"><p class="header" align="center">Сайт объявлений о продаже книг booksell.ru. </p>

<p class="Content" align="center">Книги нужны нам всегда. Мы учимся, сдаем экзамены, работаем... Даже если мы находимся дома, получение знаний является неотъемлемой частью нашей жизни. Знания не могут устареть, стать ненужными. В наше нестабильное время крайне важно знать, что делается в окружающем нас мире. В этом нам помогают книги и периодические издания. Меняется все, включая IT-инфраструктуру предприятий, составляющую основу деятельности многих из них. Меняются экономические и финансовые реалии нашей жизни. Финансовый кризис усложняет работу предприятий, затрудняет взаимодействия между ними. Часто на это накладываются политические проблемы в нашем и в других, в т.ч. сопредельных государствах. Общественная жизнь также претерпевает изменения. Принимаются новые законы, регулирующие наше функционирование в обществе, вносятся измения в существующие. В сложившихся условиях ценность знаний возрастает. </p>

<p class="Content" align="center">Если вам нужны книги, добро пожаловать на страницы нашего сайта. Здесь вы сможете найти не только книги по разным областям знания, но и полезные ссылки на другие Интернет-ресурсы. Удачных вам покупок.</p>

<p align="center" class="Content style2"><span class="address">По вопросам приобретения имеющихся на сайте книг обращайтесь: <a href="mailto:dinadrake@mail.ru">dinadrake@mail.ru</a> , ICQ: 374042796 (Юлия)</span></p>

<p >&nbsp;</p>

<p ><span class="Adds"><span class="AddLink">Заинтересовала Linux?</span> <span class="AddLink">Хотите повысить эффективность своего бизнеса, сэкономив время и деньги? Добро пожаловать в</span></span> <a href="www.linuxcenter.ru" title="Мир Linux" target="_blank" class="Links" /r_126711>ЛинуксЦентр</a><span class="AddLink">!</span><span class="style3"><span class="style1"><span class="AddLink"> Настоящий центр Unix и Linux-систем! Огромный</span> <span class="AddLink">выбор</span></span></span> <a href="http://www.linuxcenter.ru/shop/distros/" title="Дистрибутивы систем" target="_blank" class="Links" /r_126711>дистрибутивов</a> <span class="AddLink">и</span> <a href="http://www.linuxcenter.ru/lib/books/" title="Книги и руководства" target="_blank" class="Links">литературы</a><span class="style1"><span class="AddLink">, техническая поддерка, монтаж сетей и серверов с миграцией на Unix</span></span> <a href="http://www.linuxcenter.ru/service/" /r_126711 title="Сервис для фирм" target="_blank" class="Links" >фирмам<span class="Content">,</span> </a><a href="http://www.linuxcenter.ru/shop/training/" /r_126711 title="Обучение Linux " target="_blank" class="Links">дистанционное и очное обучение </a><span class="AddLink">. В ЛинуксЦентре также можно найти</span> <a href="http://www.linuxcenter.ru/shop/embedded/" /r_126711 title="Устройства с Linux" target="_blank" class="Links">устройства, работающие под управлением Linux</a><span class="AddLink">, свободный софт для </span><a href="http://www.linuxcenter.ru/shop/linux-software/" /r_126711 title="Софт для Linux" target="_blank" class="Links" >Linux</a> <span class="AddLink">и для</span> <a href="http://www.linuxcenter.ru/shop/opensource_software_windows/" /r_126711 title="СПО для Windows" target="_blank" class="Links" >Windows</a><span class="AddLink">,</span> <a href="http://www.linuxcenter.ru/shop/electr/magazine/" title="Журналы" target="_blank" class="Links"/r_126711>периодику</a> <span class="AddLink">для IT-специалистов и работников IT-инфраструктуры предприятия и многое другое! Большой выбор товаров и услуг для повышения эффективности вашего предприятия! </span></p>

<p >&nbsp;</p>

<p>Литературу о ПК и информационных технологиях можно также найти <a href="http://www.ozon.ru/context/catalog/id/12256/" title="Книги о ПК" target="_blank" class="Links" /?partner= "www.booksell.ru">здесь</a></p></td>

</tr>

<tr>

<td height="41" colspan="2" bgcolor="#FFCCFF"><p class="Bottom" align="center">&copy; Юлия Сенчина. Вопросы о работе сайта к <a href="mailto:dinadrake@mail.ru">WEB-мастеру</a>.</p>

</td>

</tr>

</table>

</body>

</html>


А этот - узкую шапку и широкий контент:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="объявления о продаже, книги, экономика, финансы, маркетинг, экономическая география, менеджмент, аудит, право, Психология, социология, политология, математика, статистика, информационные технологии, лингвистика, философия">

<meta name="description" content="объявления о продаже книг и учебников по аудиту">

<title>Продаю книги и учебники 1990-х гг. издания</title>

<link href="Styles.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

.subheader {

font-size: 16px;

font-family: "Times New Roman", Times, serif;

font-style: normal;

line-height: normal;

font-weight: normal;

font-variant: normal;

text-transform: none;

color: #FF00FF;

}

.header {

font-size: 36px;

color: #FF00FF;

}

-->

</style>

</head>



<body>







<table width="141%" border="0" cellpadding="5" cellspacing="0" bgcolor="#00FFFF">

<!--DWLayoutTable-->

<tr>

<td width="100%" height="44" align="center"><p class="header">Продаю учебники и книги.</p>

<p class="subheader">Аудит. </p></td>

</tr>

</table>

<table width="742" border="0" cellpadding="5" cellspacing="0">

<!--DWLayoutTable-->



<tr>

<td width="108" height="202" valign="top" bgcolor="#FFCCFF"><p><span class="Content">Книги по разделам</span>:</p>

<p class="Links"><a href="Index.html?quot; name="Main" target="_blank" class="Links">Главная</p>

<p class="Links"><a href="Economics.html?quot; name="FirstPage" target="_blank" class="Links">Экономика, финансы</a></p>

<p class="Links"><a href="Marketing.html?quot; name="SecondPage" target="_blank" class="Links">Маркетинг</a></p>

<p class="Links"><a href="Econgeography.html?quot; name="ThirdPage" target="_blank" class="Links">Экономическая география</a></p>

<p class="Links"><a href="Manage&organize.html?quot; name="FourthPage" target="_blank" class="Links">Менеджмент</a></p>

<p class="Links"><a href="Audit.html?quot; name="FifthPage" target="_blank" class="Links">Аудит</a></p>

<p class="Links"><a href="Laws&rights.html?quot; name="SixthPage" target="_blank" class="Links">Право</a></p>

<p class="Links"><a href="Humanities.html?quot; name="SeventhPage" target="_blank" class="Links">Психология, социология, политология</a></p>

<p class="Links"><a href="Maths&stat.html?quot; name="EighthPage" target="_blank" class="Links">Математика и статистика</a></p>

<p class="Links"><a href="IT.html?quot; name="NinethPage" target="_blank" class="Links">Информационные технологии</a></p>

<p class="Links"><a href="Linguistics.html?quot; name="TenthPage" target="_blank" class="Links">Лингвистика</a></p>

<p class="Links"><a href="Phylosophy.html?quot; name="EleventhPage" target="_blank" class="Links">Философия</a></p></td>

<td width="124" bgcolor="#FFDFFF" valign="top" class="Content"><p><img src="images/Audit.png" alt="Аудит" width="114" height="136"></p>

<p><img src="images/Auditstds.png" alt="Стандарты аудита" width="115" height="148" align="middle"></p></td>

<td width="69%" bgcolor="#FFDFFF" class="Content"><p><span class="Article">Аудит.</span> Учебник под ред.В.И.Подольского. Рассматриваются теоретические основы аудита и контроля, формы и методы деятельности аудиторских фирм, правила (стандарты) аудита, нормативные документы, регулирующие аудит в России, международные нормативные документы. Значительное внимание уделено методике проведения аудиторской проверки различных операций и работ в сфере финансово-хозяйственной деятельности предприятия. Изд-во &quot;ЮНИТИ-ДАНА&quot;, 2001 г. <span class="Article">Цена: 212 р. </span></p>

<p>&nbsp;</p>

<p><span class="Article">Н.А.Ремизов. Правила (стандарты) аудиторской деятельности.</span> Во введении к книге содержится анализ роли аудита в современном обществе, особенности технологии аудита как способа проверки финансово-хозяйственной деятельности экономических субъектов и его особенности в России на современном этапе. Описан ход создания и развития нормативной базы российского аудита за последние годы. Приведена справочная и библиографическая информация. Изд-во &quot;ФБК-Пресс&quot;, 2000 г. <span class="Article">Цена: 111 р. </span></p>

<p>Более широкий выбор книг о бухгалтерском учете и аудите можно найти в <a href="http://www.ozon.ru/context/catalog/id/1090902/" /?partner="www.booksell.ru" title="Audit" target="_blank">Интернет-магазине Ozon </a></p></td>

</tr>

<tr>

<td height="1"></td>

<td></td>

<td></td>

</tr>

<tr>

<td height="41" bgcolor="#FFCCFF" colspan="3" valign="top"><p class="Bottom" align="center">&copy; Юлия Сенчина. Вопросы о работе сайта к <a href="mailto:dinadrake@mail.ru">WEB-мастеру</a>.</p></td>

</tr>

</table>

</body>

</html>

В чем здесь дело? Где ошибка и чья?
_________________
Первый блин комом, второй - eкзeшником!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
den

Старожил


Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина

СообщениеДобавлено: Ср Фев 04, 2009 4:57 pm    Заголовок сообщения:
Ответить с цитатой

Так нормально:

http://dkws.org.ua/1.html
Вернуться к началу
Посмотреть профиль Отправить личное сообщение dhsilabs@jabber.ru
Показать сообщения:   
Начать новую тему Ответить на тему    Список форумов dkws.org.ua -> Сайтостроение Часовой пояс: GMT
На страницу 1, 2, 3  След.
Страница 1 из 3
 Главная страница сайта
 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
© Колисниченко Денис