Новичок

[breezeera]

Здравствуйте!
Прошу выложить план создания сайта в WYSIWYG Web Builder простым, доступным языком.
Без этого очень сложно начинать новичкам.
То есть последовательность действий вроде этого: -
1.Подготавливаем изображение для хэдера и т.д.(размеры и др. параметры)
2. Создаем каркас будущего сайта
3...
4...
5...
....
....
....
x. Последнее - выгрузка на хостинг

Я уже начал спотыкаться в самом начале с каркасом.
В видеоруководстве от "ЛуцкДизайн" ничего этого нет.
Спасибо!

[Vika]

Каркас делается не в билдере. Его лучше сделать в фотошопе. Но в билдере можно менять размер изображений.
Я не могу вам выложить полный план, это долго. И у каждого свои тараканы в голове.
Определитесь что бы вы хотели видеть на своем сайте. Посмотрите тему: Покажите всем ваш сайт , созданный с помощью WYSIWYG Web Builder! Там люди создают темы и ссылки на свои работы. Присмотритесь на них что бы вы хотели поставить на сайт.
Просто нужны от вас конкретные вопросы.
Для начала откройте программу. Будет создана страница под именем index. Это будет ваша главная страница. Название менять нельзя, это закон программирования. Правой кнопкой мыши по странице- свойства.
Общее:
1.Заголовок можно написать- Главная или что в голову придет.
2.Имя в меню не трогаем
3.Ширина по умолчанию нормальная, можно сделать шире, 1150 хватит (на мой взгляд). Высоту пропустите, она автоматически растянется по мере добавления контента.
4.Для экрана- пользовательский
5.Тип документа пропускаем
6.Иконка- это фавикон. У него определенный размер и его нужно делать отдельно или украсть с интернета картинку. Но это не особо важно. Фавикон отображается в браузере опера слева от названия страницы.
7.Центрировать по горизонтали. Можно конечно что угодно выбрать, но в основном все центрируют.
8.Пропускаем.....
9.Язык- набор символов, выбираем Unicode (UTF-8) или Cyrillic (windows-1251), я предпочитаю Cyrillic windows-1251. У меня рускоязычные сайты, и мне не нужен юникод.
10.Язык-русский.
Свойства:
1.Фон. Вы можете выбрать цвет фона или изображение в качестве фона. Если изображение, то отредактируйте будет ли оно повторяться и как , еще выберите прокручивающийся или фиксированный или третье. Просмотреть в браузере можно, но сначала создайте папку сайта не на системном диске, например на диске D/.
Например мой сайт. В ней создайте папку например изображения. В нее вы будете сначала складывать картинки для сайта, а потом только вставлять на сайт. Так вы не потеряетесь.
Продолжаем. Идите в меню файл- сохранить сайт, выберите папку-мой сайт и ок. Теперь вы можете посмотреть страничку в браузере нажав на кнопку, которая находится под меню вставка. Учтите, что если не выставлена опция просмотр всего сайта, то увидеть можно будет только 1 страницу. Но пока вам и этого хватит. Ведь меню мы еще не ставили, а его ставить нужно в самом конце, когда созданы все страницы сайта, что бы указать в меню ссылки на эти страницы.
Мета- теги:
1.Ключевые слова. Набираем через запятую перечисление слов, которые будут связаны с поисковыми запросами. Например ваш сайт садовод- огородник. Какие ассоциации у вас? Правильно, пишем: сад, огород, морковь, свекла, грабли, лопата и т.д. Можно словосочетания ставить. Слишком много не лепите.
2.Описание. Например: Садовод-огородник, занимающийся выращиванием рассады и овощных культур.
Вот и все. То, что упустила не так важно. Слева внизу кнопка стоит make default, можно ее нажать и согласиться. Некоторые настройки будут передаваться новым страницам.
Дальше набивайте страницу контентом. Слева инструменты, находите что нужно и тяните на страницу. Для редактирования жмите правой кнопкой свойства или двойной клик по объекту. Текстовое окошко мелкое, не пугайтесь. Двойным кликом по нему и редактируйте. Инструменты текста при редактировании можно найти вверху страницы.
Справа стоит менеджер объектов. В нем можно создавать, удалять, переименовывать страницы. Я например не люблю пользоваться мастером страниц и по этому как только создаю первую страницу, то клонирую ее.
Объекты на странице можно группировать, блокировать, копировать-вставлять.
Я все. Тренируйтесь, спрашивайте уже конкретно.
Я закончила.

[breezeera]

Спасибо, Вика!
Для начала мне выше крыши.
Общий принцип вроде несложен, но без вашего объяснения долго разбирался бы

[breezeera]

Начинаются ламерские вопросы
Какая комбинация клавиш используется для пропорционального изменения размера объектов в билдере?
Как выставлять точное позиционирование? С привязкой к сетке?

[Vika]

1.Комбинацию клавиш не знаю есть ли такая. Но когда уменьшаете изображение, таща его за уголок, то удерживайте при этом клавишу shift, что бы не картинка не исказилась.
2.У меня например включена привязка к сетке (это помогает подогнать объекты в одну строку). Часто в работе я включаю саму сетку. Всегда включены линейки. Кстати в них я и ставлю ширину. Переставляю ползунок как мне надо. Можно включить направляющие например для того, что бы выставить и потом видеть границу дозволенной для работы области. Если сам объект должен быть в самом центре по горизонтали, то это делается правой кнопкой мыши по нему. Там в списке все понятно.

У меня почти постоянно выставлены контуры объектов. Когда например мне нужен объект на странице, но он должен быть невидимый, то вот тогда его контур не дает мне забыть о нем. Невидимость может пригодиться для применения событий, для сторонних элементов статистики, если нужно их поставить, но не хочется их показывать. Скрыть объект можно в менеджере объектов- снять галочку. Включается он через меню-вид. Отображается с правой стороны. У меня например справа открыты только 2 менеджера- объектов и сайта и больше нет ничего. Мне этого хватает.
Еще вы можете прятать боковые панели. Они могут появляться, если вы подведете курсор к ним. Делается это при помощи скрепки, которая расположена в самом верху панелей возле крестика закрытия.
Когда вы знаете как начать творить, то теперь можно видео-уроки смотреть. Для себя я скачала эти уроки на одном из торрентов. Соединила их в 2-х папках. Подписала на русском название каждого урока. И когда возникал вопрос, то по названию я выбирала урок. Очень удобно. Вот скрин

[Vika]

Забыла написать самое главное. Все картинки, все файлы что вы вставляете не должны называться на русском языке и не должны иметь пробелы. Иначе они не будут видны. А шрифт для текста выбирайте обычный из стандартных. Но если вам хочется красивый применить, то вы можете его перевести в изображение правой кнопкой мыши или применить инструмент Text Area.

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

[breezeera]

Спасибо!
Изучаю...
Пока все кажется сложновато

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

[Vika]

Про каркас не ко мне. Мне что хотелось отобразить на своем сайте, то я и сделала. Выражаетесь вы терминами отнюдь не как новичек. Если честно, то я вас не поняла.
Про страницу, сделайте скрин что вас не устраивает.

[breezeera]

Да я просто верхушек нахватался...терминов там всяких
Вот printscreen на основе шаблона(своего еще ничего нет )- http://s017.radikal.ru/i421/1210/83/eab0933dde24.jpg
Вопрос про окно программы похоже я задал глупый, просто не понял я как будет отображаться резиновая шапка в программе
Вика, а где мне задать вопрос про каркас? Или к кому посоветуете обратится на форуме?
Я бы к Вам в ученики пошел, если возьмете

Кстати, клавиша shift почему-то у меня не помогает. Выделяю картинку -> зажимаю shift -> тащу за уголок, чтобы изменить размер - изменяется с искажением (((

[Vika]

По поводу проблемы что в скрине, то ничего сделать нельзя. Придется привыкать к левой стороне.
Про каркас даже не знаю что ответить. Могу поделиться видео, только там в другой программе все показывается, но для сбора информации пригодится. Сейчас я на народ залью и в личку вам кину ссылку на скачивание.

[Alex]

Кстати инструменты и остальные окошки , можно таскать по всему билдеру и присабачить там где нравится )))
А что есть каркас , из чего он и что на него вешать потом? здесь все элементы жёстко позиционируются , ну кроме слоёв конечно.

[breezeera]

По поводу проблемы что в скрине, то ничего сделать нельзя. Придется привыкать к левой стороне.
Про каркас даже не знаю что ответить. Могу поделиться видео, только там в другой программе все показывается, но для сбора информации пригодится. Сейчас я на народ залью и в личку вам кину ссылку на скачивание.

Скачал! Есть много поучительного. Мерси!

[breezeera]

Кстати инструменты и остальные окошки , можно таскать по всему билдеру и присабачить там где нравится )))
А что есть каркас , из чего он и что на него вешать потом?
здесь все элементы жёстко позиционируются , ну кроме слоёв конечно.

Вот ответ на вопрос по каркасу.
Спасибо!

красный цвет - цвет администратора , это так - на будущее.
Alex

[breezeera]

Не знал, учту!

[breezeera]

Установка фонов WYSIWYG Web Builder. Скачал, распаковал куда надо, как выбрать?

[Alex]

Если ты их положил правильно в папку C:\user\Documents\WYSIWYG Web Builder\system\textures или где это у тебя находится , то при выборе фона в свойствах некоторых инструментов , можно выбрать текстура , это где градиент , сплошная и так далее....

[Alex]

Как сделать резиновыми верхний и нижний колонтитулы? Вот здесь они резиновые - http://www.oststern.com.ua/index.html
Наш человек делал )))

Смотри урок по слоям - Слои и их использование и позиционирование

[breezeera]

Правильно ли я понял, что index является главной страницей?

[breezeera]

Похоже неправильно...

[Alex]

Правильно ли я понял, что index является главной страницей?

Правильно , но это можно всегда поменять , однако тебе это щас не нужно.