singlepost

Ваша мнение о сайте (Чисто с технической точки зрения) << На главную или назад  

//arcakh.ru/ – Мой сайт

69 ответов в теме “Ваша мнение о сайте (Чисто с технической точки зрения)”

  1. 60
    Александр Парфенов ответил:

    <h20><a href="index.html">А р ц а х</a></h20>

    тега H20 не существует H6 это минимальный заголовок.

    и где-то не хватает div элемента… валидатор показывает 1 лишний </div>

  2. 59
    Елена Карлова ответил:

    вытащить текст из h1, завернуть в <p>, поставить <p> ширину, скажем, 50%, и margin:0 auto;

  3. 58
    Елена Карлова ответил:

    а если хочешь, чтобы вообще все было посредине, то можно на div#content поставить ширину и margin:0 auto;

  4. 57
    Самвел Асликян ответил:

    Ребят, как поставить отступ с левой стороне… Я имею ввиду сделать так, чтоб текст был по середине
    //arcakh.ru/Religion.html

    /*————————————– */
    body
    {
    margin: 0px;
    padding: 0px;
    background: #ebfffe url(images/34.Fon.JPG) repeat-y center;
    color: #666;
    font: 11px/15px Bookman Old Style, Bookman Old Style, Helvetica, sans-serif;
    }

    /*————————————– */
    #wrap
    {

    width: 700;
    overflow: hidden;
    position:relative;
    margin: 0px auto;
    }

    /*————————————– */
    #content
    {

    width: 1000px;
    float: right;
    display:inline;
    text-align: justify;
    padding: 10px;

    }

    /*————————————– */
    #logotyp
    {

    margin-top: 2px; /*Отступ от верха*/
    border-top: 1px solid; /* Линия сверху текста */
    border-top-color: #CCCCCC; /*Цвет поля отступа*/
    background: url(images/18.Fon) no-repeat; /*Рисунок фона данного поля*/
    height: 50px; /*Высота поля*/
    width: 1000px; /*Ширина поля*/
    margin-right: auto; /* Автоматический отступ от краев*/
    margin-left: auto;/* Автоматический отступ от краев*/
    }

    /*————————————– */
    #topMenu
    {
    margin-top: 2px; /*Отступ от верха*/
    border-top-color: #CCCCCC; /*Цвет поля отступа*/
    border-bottom-color: #CCCCCC; /*Цвет поля отступа*/

    text-align: center; /*Выравнивание текста, в текущем поле*/
    height: 50px; /*Высота поля*/
    width: 900px; /*Ширина поля*/
    margin-right: auto; /* Автоматический отступ от краев*/
    margin-left: auto; /* Автоматический отступ от краев*/
    }

    /*————————————– */
    #sidebar
    {
    float: left; /*Выравнивание по левой стороне*/
    line-height: 1.5em; /* Промежуток между строками (вертикаль)*/
    width: 900px; /*Ширина поля*/
    padding: 10px;
    font-size:10px; /* Размер шрифта */
    margin-right: auto; /* Автоматический отступ от краев*/
    margin-left: auto; /* Автоматический отступ от краев*/
    }

    .h2
    {
    color: #8B8989;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 6px;
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    }

    /*—————-footer———————- */
    #footer
    {
    clear: both;
    text-align: center;
    height: 40px; /*Высота поля*/
    border-top-width: 1px;
    border-top-style: solid; /*Стиль поля отступа*/
    border-top-color: #CCCCCC; /*Цвет поля отступа*/
    width: 1000px; /*Ширина поля*/
    padding: 0px;
    margin-right: auto; /* Автоматический отступ от краев*/
    margin-left: auto; /* Автоматический отступ от краев*/
    }

    /*————————————– */

  5. 56
    Самвел Асликян ответил:

    Я даже не знаю, что сказать))) Спасибо тебе Аекс)Яразберусь)
    Ты и Александр нашы деды морозы)))))))

  6. 55
    Александр Парфенов ответил:

    ))

  7. 54
    Алекс Катема ответил:

    Здравствуйте Самвел.
    Вот недавно нечем было заняться, сверстал вам на скорую руку шаблон на <DIV>
    Если доработаете, все получиться. В .css все прокомментировано, так что разберетесь.

    Лежит на тестовой площадке, поэтому забирайте скорей, а то мне скоро все грохать придется.
    //project-4.alfatest.org.ua/
    Сам архив.
    //project-4.alfatest.org.ua/arcah.zip

    Считайте, что я дед мороз)))

  8. 53
    Самвел Асликян ответил:

    1 – не выражайся
    2 – что именно тебе не нравится?

  9. 52
    Владислав Быков ответил:

    хреновенько))

  10. 51
    Сергей Шуст ответил:

    Нащёд видеокурса могу посоветовать //nashmir.com.ua/soft/obuchajushhijj/26787-css-...

  11. 50
    Самвел Асликян ответил:

    Я пробовал. Тодько в Опере – нормально. Даже сейчас, в Internet Explorer ссылки меню невыпадают.
    Авидеокурсы, вот – //zvirec.com/view_post.php?id=72

  12. 49
    Самвел Асликян ответил:

    У меня сейчас так… Но в видеокурсах, говорится что все стилы можно ввести в style.css

  13. 48
    Сергей Шуст ответил:

    Да! Где же ты нашол такие видеокурсы, а ты не пробывал убрать можит меню будет работать нормально?

  14. 47
    Самвел Асликян ответил:

    Всмысле?

  15. 46
    Сергей Шуст ответил:

    смыселв том что в файле style.css етого не должно быть

  16. 45
    Сергей Шуст ответил:

    Зачем ты открываишь в файле css
    <style type="text/css">
    </style>
    там ето не нужно!

  17. 44
    Самвел Асликян ответил:

    Я создал вертикальное выпадающее меню 2 уровня, но кроме Оперы, нигде не показывает ццс. Пришлось вписать код прямо в страничке… Что делать?

  18. 43
    Степан Грязнов ответил:

    Для начала очень не плохо. Но для того, чтоб этот сайт стал проектом, надо многое переделать.

    to Алекс Катема
    Для начала продвижения сайта это правило применимо. Но так нельзя всегда работать))

  19. 42
    Алекс Катема ответил:

    Все как бы в норме, однако, реализация дизайна, довольно примитивна.
    Чисто эстетический взгляд.

    Технический вопрос, для столь малого проекта, здесь не стоит, в принципе, поэтому код, даже смотреть не буду. У нас в ТНУ, преподаватели, зачастую, даже не глядят на метод реализации программы, руководствуясь правилом, "если работает, значит верно".
    Короче, нужно дорабатывать графику, с точки зрения эстетики…

  20. 41
    Александр Парфенов ответил:

    а ну да у него не в списке он… не обратил внимания: )
    my fault

  21. 40
    Елена Карлова ответил:

    <ul id="main_nav">
    <li><a href="#">ссылка 1</a></li>
    <li><a href="#">ссылка 2</a></li>
    <li><a href="#">ссылка 3</a></li>
    <li><a href="#">ссылка 4</a></li>
    </ul>
    тогда не нужны <br />'ы
    если нужно, чтобы было в строчку,
    #main_nav{
    overflow:hidden;
    width:100%;
    }
    #main_nav li{
    float:left;
    }

  22. 39
    Александр Парфенов ответил:

    Елена mmyau Карлова

    А можно по подробней ?
    И как в таком случаедолжно выглядеть меню навигации?

  23. 38
    Елена Карлова ответил:

    Шурк stoopidmonkey Лапицкий #34
    подряд несколько ссылок нельзя по валидатору WAI, но это, в принципе, уже дебри..

  24. 37
    Александр Парфенов ответил:

    ИМХО. Следует отказаться от таблиц там где нет табличных данных.

    Перед созданием сайта нарисуйте картинку в графическом редакторе (лучше всего использовать фотошоп разумеется.). при создании дизайна нужно четко понимать где будут находиться элементы страниц такие как меню, логотип, информационный блок, новостной блок, поисковик, форма обратной связи и т.п. Все что будет находиться на странице должно быть изображено в шаблоне включая стиль, размер и цвет текста (Желательно каждый элемент в своём слое с понятным названием – это удобно). За тем когда картинка сайта вам уже нравится нужно показать её другу :) что-бы ему она тоже понравилась и только после этого приступать к нарезке.

    Нарезать сайт по картинкам можно средствами фотошопа. там даже инструмент есть такой. Но перед этим нарисуйте на листочке бумаги как и в каких элементах будут ваши статьи, меню и другие компоненты.
    FEx: если у вас 3 колонки, шапка, подвал. рисуем их, параллельно представляя как метится страница.

    <div id="wrapper">
    <div id="header"><!–тут у нас логотип будет справа, а слева телефончик замутим–><div>
    <div id="center">
    <div id="leftcolonum"><!–не будим выпендриваться и навигационное меню будет как у всех ТУТ ибо пользователь так привык. под меню размещается форма поиска. А под ним разместим счетчики.–></div>
    <div id="center"><!–Тут у нас основной контент, новости там всякие. или о разделе что-то.–> </div>
    <div id="rightcolonum"><!–тут будет рендомная картинка с галереи и пожалуй кратенько новость дня + анекдотик какой нибудь пусть люди радуются,и облачко тегов например–></div>
    </div>
    <div id="footer"><!–футер тут штуковина бесполезная, но подчеркнем мол " все! приехали! конец странице" и напишем что "Автор красоты сей Я любимый, хотите верьте хотите нет! А воял сеё сокровище году в 2010 и по сей день красоту навожу да новости свежие подпихываю, людям добрым на радость. –></div>
    </div>

    после того как страница разрезана можно зайти на //csstemplater.com/
    и быстро без потери времени сделать шаблончик с почти готовым css и html кодом. (хотя лучше конечно сначала научиться самому делать, или хотябы разобраться как это делает данный генератор. вот полезный линк
    //www.sdelaysite.com/kniga/verstka-kniga/rabota…).

    Остальное дело техники и вообще рутина. Вставляем картинки, создаем стили текста(тут к стати очень поможет заранее подготовленный шаблон где все текста вынесены в отдельные слоя. Т.К. от туда без проблем можно вытащить шрифт цвет и размер.), вставляем нужные скрипты, ссылки, видео и т.п.

    после того как все вроде готово.. посмотритье как отображается Ваш сайт в браузерах Opera, FF, IE 6/7/8, GH, Saf. Очень будет здорово если одинаково во всех получится. Если нет ищите как это исправить статьи есть, их много. Тут вам я врядли помогу, но наверняка поможет Google.ru

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

    дочитали? спасибо! ногами не бейте.

  25. 36
    Володя Лозинський ответил:

    Нормальок

  26. 35
    Шурк Лапицкий ответил:

    да вроде тожэ html ///я писал несколько файлов отдельно:
    css/template.css (сами стили)
    index.html (сам сайт)
    index.php (сам скриптовый язык+ в него вписал скрипты взаимодействуещие с cms)
    templateDetails.xml (список файлов для сайта)
    если неошибаюс….

    лучше в фотошопе склеить нужн диз разрезать всё по частям контейнерам в дримвивере разбить по div контейнерам и каждому контейнеру присвоить стиль(в стиле написать фон разрезаной соответств картинки шрифт отступы и тд)а в контейнере с меню вписать ссылки

  27. 34
    Самвел Асликян ответил:

    Твой сайт на пхп, а мои хтмл.

  28. 33
    Шурк Лапицкий ответил:

    мнение ниахти дажэ для первого….вот мой первый и пока последний сайт sdesign.comyr.com….его я сделал с нулевыми знаниями за почти пару недель по куче учебников и позавчера выложил на хост буспл:( ..правдо я для удобства последующего администрирования php подогнал для cms…
    (для примера в моём меню контейнере так (ниговорю что правильно и подойдет..сам новичек )
    <div class="meny_container(css отступы шрифт фон цвет)">
    <div align="center"id="mainlevel">
    <a href="#">Ссылка 1</a><br>
    <a href="#">Ссылка 2</a><br>
    <a href="#">Ссылка 3</a><br>
    <a href="#">Ссылка 4</a><br>
    </div>
    </div>

  29. 32
    Самвел Асликян ответил:

    Насчет <p></p>,, я не понял как делать… оставлю на потом)
    А где на том сайте могу найти про закруглённые углы таблиц?)

  30. 31
    Сергей Панай ответил:

    >>А зачем ставить в параграфы <p></p>, если так тоже можно оставить?

    Вы текст простой тоже заголовками в тетради пишете? Нужно, чтобы код соответствовал семантике, чтобы у кода была правильная структура. Так его легче потом редактировать, не разрушая структуру сайта.

  31. 30
    Самвел Асликян ответил:

    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>

    Убрал))

    А зачем ставить впараграфы <p></p>, если так тоже можно оставить? Я уже все поменял, и вниз не спускается…
    Думаю сграфиком надо поработать…

  32. 29
    Сергей Панай ответил:

    ты пойми, у тебя сайт-то простецкий, даже графики особо нету, а ты заморачиваешься с таким кодом…

    Меню ДОЛЖНО БЫТЬ на СПИСКАХ. Это соответствует семантике кода, да и вообще считается логичным.

    Текст заключается в параграфы <p></p>
    Заголовки только там, где нужны заголовки.

  33. 28
    Сергей Панай ответил:

    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>

    Что эт о_О ???

  34. 27
    Самвел Асликян ответил:

    //arcakh.ru/
    Ну вот вроде полуилось) только с фотками чтот не то, я еше подумаю))

    Я пока сам поковыряюсь, если что буду знать) спасибо)
    Только скажи какой следующий шаг?))))

  35. 26
    Сергей Панай ответил:

    а вообще, 500 рублей и сверстаю весь сайт) Заодно увидишь, как должно быть и уже будешь отталкиваться от моего кода. Могу даже пометить комментами каждый блок, чтобы тебе было понятнее и легче было ориентироваться

  36. 25
    Сергей Панай ответил:

    в опере таблица внизу…

    Короче, переверстай весь сайт заново. Работы не много.

  37. 24
    Самвел Асликян ответил:

    Вот посмотри сейчас в Опере, нормально? У меня в Опере таблица спускается вниз, а в Сафари и в Эксплоувере, в все ок.

  38. 23
    Сергей Панай ответил:

    в каком браузере спускается вниз? у меня в Opera всё норм.

  39. 22
    Самвел Асликян ответил:

    Если не трудно, подскажи что не так? Почему таблица спускается вниз ?))

    <Div id="left">
    <th width="217" height="554" scope="col">
    <div align="center">
    <table width="203" border="1" bgcolor="#DFFFFF">
    <h5><tr>
    <th width="193" scope="col"><a href="History.html">История Арцаха</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Gallery.html">Фотогалерея</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Music.html">Музыка</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Video.html">Видео</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Library.html">Библиотека</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Conflict.html">Вооруженныйконфликт</a></th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><ahref="Occupation.html">Оккупированные территории Армении</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="Contacts.html">Контакты</a>
    </th>
    </tr></h5>
    <h5><tr>
    <th width="193" scope="col"><a href="About.html">О сайте</a>
    </th>
    </tr></h5>
    </table>
    </div>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    </Div>

  40. 21
    Сергей Панай ответил:

    меню делается ненумерованным списком.

    Текст заключается в параграфы <p></p>
    Заголовки только там, где нужны заголовки.

    Код конечно ужасный, но уже хоть кое-что похожее на вёрстку) Учись, развивайся и научишься делать хорошо_)))

  41. 20
    Самвел Асликян ответил:

    //arcakh.ru/ – Вот, смотри… Я почти все перевел в ДИВи, кроме таблиц глав. меню. Нормально?
    А таблицы глав. меню, чтот не получяется…

  42. 19
    Самвел Асликян ответил:

    Спасибо!

  43. 18
    Сергей Панай ответил:

    //zvirec.com/view_post.php?id=43

    Тут даже видеоурок..понятней будет

  44. 17
    Самвел Асликян ответил:

    "Забудь про таблицы, верстай слоями(блоками, дивами…)."

    //zvirec.com/html_sod.php – Здесь где именно можно найтипро это?

  45. 16
    Сергей Панай ответил:

    #16
    Azat Zinatullin, можно, но это уже не приветствуется. Нужно знать хотя бы CSS

    Самвел "WWW.ARCAKH.RU" Асликян, читай учебник по html и css, он тебе очень необходим….ты просто влез в дебри…а свой сайт выкинь! там все неправильно, абсолютно.
    Забудь про таблицы, верстай слоями(блоками, дивами…).

    #15, знаешь почему надо было так:
    <h3><a href="History.html">История Арцаха</a></h3>
    потому что, это блочная система, вложенность тегов.

    >>Я так понял что цсс страниц главному меню, не нужен! Он все портить!
    Нет, он нужен, просто ты неправильно всё сверстал.

  46. 15
    Azat Zinatullin ответил:

    Простите за глупый вопрос можно написать сайт только на Html.Я дин написал получилось неплохо

  47. 14
    Самвел Асликян ответил:

    Не, дело было не в этом))

    Надо было вот так -
    <h3><a href="History.html">История Арцаха</a></h3></th>
    а нетак -
    <a href="History.html"><h3>История Арцаха</h3></a></th>

    —-
    Я так понял что цссстраниц главному меню, не нужен! Он все портить!

  48. 13
    Сергей Шуст ответил:

    попробуй ето

    a:link{
    color:#00CC00;
    font-size: 13;
    font-weight:bold;
    text-decoration:none;
    FONT-FAMILY:Verdana,Tahoma;
    }
    a:visited{
    color:#00CC00;
    font-size: 13;
    font-weight:bold;
    text-decoration:none;
    FONT-FAMILY:Verdana,Tahoma;
    }
    a:hove{
    color:#D9007E;
    font-size: 13;
    font-weight:bold;
    text-decoration:none;
    FONT-FAMILY:Verdana,Tahoma;
    }
    a:active{
    color:#FF6600;
    font-size: 13;
    font-weight:bold;
    text-decoration:none;
    FONT-FAMILY:Verdana,Tahoma;
    }

  49. 12
    Самвел Асликян ответил:

    Думаю ты не будешь против если я обращусь к тебе с некоторыми вопросами?))

    Я начал делать страницы все… вроде все ок, все сделал… только с таблицами проблемы. Когда я все стили переношу на цсс, таблицы становится большими, тем самим фон портится… где могу найти про таблиц в сайте? чтот не нашел…)

    И еше….
    В цсс пишу links…

    a:link {color: black ;}
    a:visited {color: grey;}
    a:hover {color: violet ;}
    a:active {color:red;}

    Как сделать так, чтоб посещенная ссылка менял цвет всей ссылкой а не только цвет подчеркнутость?

  50. 11
    Сергей Панай ответил:

    легче всё в одном файле прописывать. Почитай тот сайт который я тебе написал, там всё понятно разъясняется

  51. 10
    Самвел Асликян ответил:

    У меня один вопрос..
    Мне говорили, чтоб писать на цсс, надо создать отделены файл как "111цсс", и все стили писать там… только я не понял как это делается.
    А не легче без этого "111цсс", а просто на каждом страничке писать свой стыл?

    Извините за глупые вопросы, я только начал учить….

  52. 9
    Сергей Панай ответил:

    да это в css, а про блочную вёрстку прочитай на zvirec.com всё оо4 понятно и подробно расписано

  53. 8
    Самвел Асликян ответил:

    Горизонтальной прокрутр уже нет. Только я не понял, почему в Опере))

    "стили в отдельный файл клади,изучай блочную вёрстку(т.е. на div)"

    Это в CSS? Или не так понял? Как это сделать… Если можешь, объясни))

  54. 7
    Сергей Панай ответил:

    горизонтальная прокрутка в Опере, дизайн вааще не кул, стили в отдельный файл клади,изучай блочную вёрстку(т.е. на div).
    Для саааамого первого сайта – неплохо(мой был похуже;)), но всё равно не ахти))
    В коде тихий ужас! Почитайте для чего какие тэги используют, у вас абсолютная хуйня в тэгах.
    По навигации: да не найс)) но всё же имеет место быть и такая(для первого то раза). Подчёркивайте ссылки, а то некоторые люди будут не понимать что это ссылка(это так на будущее, тут то всё понятно, что там меню навигации)

  55. 6
    Максим Суков ответил:

    если для первого сайта, так пойдет (надо же с чего-то начинать). Но если будешь где-то искать работу веб-мастера, то лучше никому его не показывай)) Правда, не обижайся, но такой сайт ни на кого не справит впечатления (тем более в наше-то время, когда веб 2.0 гуляет на улице)

  56. 5
    Юрий Пастернак ответил:

    попробуй сделай красивый дизайн в фотошопе, посмотри готовые psd шаблоны, а потом попробуй сам его сверстать из фотошопа в html/css/js

    Навигация слева не найс :)

  57. 4
    Самвел Асликян ответил:

    Ну а чего не хватает?
    Это мой первый сайт)))

  58. 3
    Руслан Морозов ответил:

    не акти если честно.. какой то самопальный =)) прости но ты просил критики))) чего то не хватает…

  59. 2
    Самвел Асликян ответил:

    Что бы возврашятся назад, надо кликнуь на большой банер вверху, с надписом "Арцах"
    А насчет фона, да… фон у меня не так как надо

  60. 1
    Юрий Пастернак ответил:

    с техничиской вроде ничего не обычного, что тут скажешь..
    но дизайн оставляет желать лучшего.. Лично мне не понравилось что пропадает навигация в любом разделе в меню "Религия | Культура | Фидаины | Политика | Экономика" , приходится браузером возвращаться назад.
    на высоком разрешении ползёт фон внизу..

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.