| Веб-дизайн |
| Ges | Дата: Четверг, 05.03.2009, 13:57 | Сообщение # 1 |
Сообщений: 48
Репутация: 2
Статус: Offline
| Люди,пашущие в этом) Подскажите как сделать свой веб дизайн) Точнее изменить дизайн на сайте,который сделан на юкозе) А то не получается( Подскажите как это сделать плиз) Или сайт,наподобие этого как сделать?) Он где-то сделан и измён или полностью набран в HTML?
"Мост в Терабитию"-Лучший фильм на свете!)
|
| |
| |
|
| Red_Shuhov | Дата: Четверг, 05.03.2009, 18:23 | Сообщение # 2 |
Сообщений: 918
Репутация: 67
Статус: Offline
| поддерживаю тему
"Война - дело молодых - лекарство против морщин" - группа Кино.
|
| |
| |
|
| Antonio | Дата: Четверг, 05.03.2009, 19:28 | Сообщение # 3 |
Сообщений: 142
Репутация: 10
Статус: Offline
| а я нихрена в етом не шарю)
|
| |
| |
|
| Ges | Дата: Пятница, 13.03.2009, 17:23 | Сообщение # 4 |
|
Сообщений: 48
Репутация: 2
Статус: Offline
| УРА!) Я научился) Менять дизайн) Не так уж прям,чтоб хорошо,но смысл до меня допёр)
"Мост в Терабитию"-Лучший фильм на свете!)
|
| |
| |
|
| Ner-Zyl | Дата: Четверг, 25.06.2009, 16:09 | Сообщение # 5 |
Сообщений: 352
Репутация: 30
Статус: Offline
| Ни у кого нет старой копии офф сайта АнныСофии? Мне бы очень пригодилась... Или если кто знает где и как такую достать подскажите пожалуйста. Добавлено (25.06.2009, 16:09)
---------------------------------------------
Quote (Ges) Я научился) Менять дизайн)
А я вот что-то так и не въехал... Помогите кто-нибудь, объясните что там к чему? Или здесь нужны профессиональные знания HTML? Ну или где прочитать об этом можно? Подскажите пожалуйста.
|
| |
| |
|
| Red_Shuhov | Дата: Четверг, 25.06.2009, 18:20 | Сообщение # 6 |
|
Сообщений: 918
Репутация: 67
Статус: Offline
| Великолепная книга. Там есть про HTML, CSS и немного про JavaScript. Огромное спасибо Эскену, за то, что он когда-то подсказал мне эту книгу 
P.S. Я дошел до середины книги, и дальше все никак не продолжу, сам не знаю почему Но обязательно изучу ее полностью В общем суперская книга
"Война - дело молодых - лекарство против морщин" - группа Кино.
|
| |
| |
|
| Ner-Zyl | Дата: Пятница, 26.06.2009, 13:56 | Сообщение # 7 |
|
Сообщений: 352
Репутация: 30
Статус: Offline
| The_Flying_Tomato, а там зарегиться обязательно надо? Добавлено (25.06.2009, 22:30)
---------------------------------------------
А все нашел, в комментах сслыка. Добавлено (26.06.2009, 13:56)
---------------------------------------------
The_Flying_Tomato, кстати, можешь сделать для меня одну вещь?.. У меня на компе microsoft office не установлен. Можешь взять эту книгу скопировать в блокнот, и выложить куда-нибудь?
|
| |
| |
|
| Red_Shuhov | Дата: Пятница, 26.06.2009, 14:49 | Сообщение # 8 |
|
Сообщений: 918
Репутация: 67
Статус: Offline
| Ner-Zyl, так там же PDF
"Война - дело молодых - лекарство против морщин" - группа Кино.
|
| |
| |
|
| Ner-Zyl | Дата: Пятница, 26.06.2009, 16:47 | Сообщение # 9 |
|
Сообщений: 352
Репутация: 30
Статус: Offline
| The_Flying_Tomato, дык PDF разве блокнот откроет? Добавлено (26.06.2009, 16:47)
---------------------------------------------
Или там еще чем-то открывает?
|
| |
| |
|
| Red_Shuhov | Дата: Пятница, 26.06.2009, 17:35 | Сообщение # 10 |
|
Сообщений: 918
Репутация: 67
Статус: Offline
| Для открытия PDF и DJVU файлов лучше всего использовать Adobe Reader, Foxit Reader или STDU Viewer. Я пользуюсь STDU Viewer, т.к. Adobe Reader очень громоздкий и тормозной, а Foxit Reader - не помню, чем меня не удовлетворил
Хотя есть и другие программы
"Война - дело молодых - лекарство против морщин" - группа Кино.
Сообщение отредактировал The_Flying_Tomato - Пятница, 26.06.2009, 17:36 |
| |
| |
|
| Alex88 | Дата: Суббота, 27.06.2009, 02:08 | Сообщение # 11 |
|
Сообщений: 334
Репутация: 59
Статус: Offline
| Парни, а на год издания обратили внимание?
|
| |
| |
|
| Red_Shuhov | Дата: Суббота, 27.06.2009, 16:25 | Сообщение # 12 |
|
Сообщений: 918
Репутация: 67
Статус: Offline
| Alex88, ну, в HTML и CSS вряд ли что-то особо могло измениться пусть и за 9 лет Другое дело Java Script и Flash-технологии или языки программирования
"Война - дело молодых - лекарство против морщин" - группа Кино.
|
| |
| |
|
| sugar_mouse | Дата: Суббота, 27.06.2009, 21:44 | Сообщение # 13 |
Сообщений: 526
Репутация: 56
Статус: Offline
| Был у меня сайт на народе, но его взломали.
Пробовала пользоваться юкозом, но не поняла, как сделать собственный дизайн.
Юуоз, в отличие от народ.ру, поддерживает php, да и легко на нем сделать форум, галерею и т.д.
|
| |
| |
|
| Red_Shuhov | Дата: Воскресенье, 28.06.2009, 11:20 | Сообщение # 14 |
|
Сообщений: 918
Репутация: 67
Статус: Offline
| Quote (sugar_mouse) Юуоз, в отличие от народ.ру, поддерживает php
Так на нам же запрещен PHP и MySQL вроде?
"Война - дело молодых - лекарство против морщин" - группа Кино.
|
| |
| |
|
| Kai_Tracid | Дата: Понедельник, 09.11.2009, 07:41 | Сообщение # 15 |
Сообщений: 140
Репутация: 14
Статус: Offline
| Тема старая но все таки отпишу, может еще кого-то интересует., так что расскажу чуть чуть о юкозе:
ну во первых вам вовсе не обязателен колоссальный опыт в програмировании. Достоточно лишь минимальных (базовых) знаний html.
На юкозе запрещен php. Это раз.
Два:
смена дизайна - прежде всего нужно понять что это такое и из чего собственно состоит.
И наверно самое главное, что потребуется, так это видение конечного результата. То есть то, чего мы хотим добиться.
Как вариант выбираем дизайн из готовых, тот, что более менее похож на запланированный.
И начинаем его редактировать.
Основные элементы дизайна в моем понимании:
- главная страница: состоит так же из нескольких элементов., шапка, меню, фон страницы и нижняя часть.
Причем обьекты типа меню, шапки и нижней части сайта., повторяются на всех страницах вашего сайта.
На юкозе можно использовать персональный дизайн (шаблон) для каждой страницы. Для этого в редактировании html кода страницы смотрим вниз и ставим галочку на ""Использовать персоналный шаблон"" > и теперь в админке > "Дизайн" в списке шаблонов мы увидим шаблон с названием нашей страницы. В котором собственно мы можем реализовать практически, что угодно, от флэша до форума например.
Фон сайта: цвет фона изменяется для каждого шаблона вручную, в строке
<body style="background:#000000; margin:0px; padding:0px 20px 0 20px;"> где 000000 это html код цвета.
Определить код нужного вам цвета легко с помощью утилиты Pixie.
Если вы хотите, чтобы вместо фона было какое-либо изображение, то используйте код:
<div style="background:url(картинка.jpg) top center no-repeat; height:20px">область на странице</div>
Глобальные блоки:
это обьекты, например шапка или нижняя часть сайта, которые отображаются на всех страницах шаблона.
Если вы не используете для страниц персональный шаблон, то все изменения (например фон) вы будите редактировать в шаблоне "ПУ > Дизайн > Общий вид страниц"
В глобальных блоках вы так же можете полностью изменять html код, и вставлять в них, что угодно.
Меню:
слабо разбирающимся я советую программу Blumentals: очень проста в использовании и позволяет клепать красивые менюшки с легкостью неимоверной.
Конечный результат можно редактировать, заменяя изображения на свои, любые., можно даже анимацию.
Прочие элементы:
- изображения: все изображения на вашем сайте можно заменить на свои.
Для этого просто изменяем ссылки на них в "Дизайн > CSS"
Чтобы понять какие изображения имеются на странице вообще и какие ссылки они имеют, лучше использовать Firefox., и вкладку "информация о странице > медиа".
- стили: стили это такие элементы типа цвета фона каких-либо обьектов; всякие полоски, цвета и размеры в оформлении чего угодно: текста, форм ответов, вида профиля пользователя и тд и тп. Настраивается в "Дизайн > CSS" А там уже нужно смотреть в зависимости от того. что мы хотим менять.
Например хотим изменить изображение на шапке:
это конечно зависит от выбранного вами дизайна. У большинства дизайнов шапка состоит из нескольких изображений.
Как пример:
/* General Style */
div#h1 {height:89px;background:url('картинка.gif') no-repeat;padding-left:10px;}
где height - высота нашего изображения.
картинка.gif - адрес до изображения
padding-left - выравнивание, в данном случае "слева" и 10 px это отступ от края экрана.
Это я написал для ясности.
Зачастую шапку в таблице стилей сделать очен трудно, так как шапки готовых дизайнов состоят из множества изображений, ввиду того, что ей (шапке) ведь нужно растягиваться в зависимости от разрешения вашего экрана. И это кстати тоже нужно всегда учитывать. В идеале создав какую-либо часть сайта, просмотреть ее на разных разрешениях. Что бы не получилось, что у других поситителей, что-то отображалось криво.
Я советую при создании шапки, вообще удалить все ссылки из CSS., и просто вставить изображение в конкретный шаблон. Например в "Общий вид страниц".
Это легко сделать кодом:
<DIV align="center"><IMG src="картинка.jpg alt="" align="" border="0px"></DIV>
Текст:
пользователям с низким понятием о создании красивого текста советую программу XARA3D5.
Для примера; весь текст тут (www.st-jka.ucoz.net) был сделан в ней. Сайт делал полностью я, если, что-то интересует рад буду ответить.
Некоторые моменты:
- настоятельно советую не использовать визуальный редактор. Так как он добавляет много флуда в код и через несколько таких редактирований вы попросту не сможете ничего изменить в виду достижения максимального кол-ва символов.
- делайте бекапы! Причем не через соответствующую функцию в админке. А так;
создаем текстовый документ, и копируем в него код сохраняемого шаблона.
Бекапы которые создает сайт очень часто могут не восстановиться полностью. А в случае с блокнотом, вы можете легко скопировать код обратно в шаблон.
Форум:
редактирование форума происходит почти полностью в CSS.
Рассмотрим некоторые детали:
- смена фона: "Дизайн > Общий вид форума" <body style="background:#000000; margin:0px; padding:0px 20px 0 20px;"> - тут я думаю все ясно.
- изменение цвета в других местах: "Дизайн > CSS далее листаем вниз до /* General forum Table View */" и вот с этого места редактируем все по порядку.
Сначала идут заголовки подфорумов.
В /* Forums Styles */ мы меняем цвет блоков подфорумов.
(.forumNameTd,.forumLastPostTd {padding:2px;background:#000000})
Еще ниже видим:
a.catLink:link {text-decoration:none; color:#FFFFFF;} - это ссылки на которые мы клацаем, что бы войти в конкретный подфорум. Тут: text-decoration:none; - none означает отсутствие полоски под этой самой ссылкой. Если хотите ее включить, измените с none на underline.
Ну и a.catLink:visited или a.catLink:active например это я думаю вы поняли (вид посещенной ссылки и действующей).
Ну и в других местах собственно все аналогично.
В общем я конечно много о чем не рассказал, но это и понятно. Всего не перечислишь.
Так что же делает человека любящим? - его сердце,,, которого нет у других
http://vkontakte.ru/id8045554
Сообщение отредактировал Kai_Tracid - Понедельник, 09.11.2009, 07:50 |
| |
| |
