Далее приступаем к добавлению фото на эти страницы, фото можно вставить как и в таблицу, так и вне таблицы, смотря какая задача у Вас стоит.

Главное перед тем как добавлять фото, подготовить их, во-первых они не должны быть очень тяжелые, т.к. тяжелые фото сильно затормозят загрузку сайта, что очень плохо, поэтому фото делайте в формате JPG (желательно, но не обязательно) и если фото у Вас очень тяжелые, например с фотоаппарата, то перед загрузкой уменьшите их.

Главное, чтобы фото не было более 700х700 пикс, а желательно еще меньше.

И еще очень обязательный момент, имя файла фото должно быть обязательно на англ.языке или цифрами.

Приступаем к загрузке.

Ставим курсор в то место, в котором Вы хотите поставить фото и после этого нажимаем кнопку ИЗОБРАЖЕНИЕ в самом низу под полем редактора.

После нажатия этой кнопки откроется окно для загрузки Вашей картинки на сервер.

В нем внизу Вы увидите кнопку ОБЗОР или ВЫБЕРИТЕ ФАЙЛ (в разных браузера по разному), нажмите на нее и выберите нужную картинку с компьютера и нажмите после этого кнопку загрузить.

После нажатия кнопки загрузить картинка загрузится и появится в окошке чуть выше кнопки загрузить.

Вам нужно выделить эту фото, нажав на нее и потом нажать кнопку «вставить». Ниже на снимке все указано

После этого эта картинка появиться в поле, где у Вас пишется текст, но возможно она будет довольно большая для страницы и для этого есть функция уменьшения ее размера прям в редакторе.

Для этого выделите изображение, нажав на него кнопкой мышки, должно будет активироваться окошко в редакторе (указываю его на снимке ниже) и сама картинка выделиться, сменив цвет и рамку.

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

После активации этого значка нажмите на него и у Вас откроется окно для редактирования этого изображения

Здесь переведите вкладку на ОФОРМЛЕНИЕ и здесь начнем ее изменять.

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

Далее есть поля вертикальный и горизонтальный отступ, это нужно для того, чтобы текст не был прям впритык к картинке это не всегда красиво, поэтому вы можете задать отступ в цифрах, от одного и выше, т.е. цифра 1 это маленький отступ , 2 больше и так далее. Отступ более менее виден начинает быть с 5. Т.е. если нужно ставить отступ, то ставьте сразу как минимум 5.

Далее есть поле граница, здесь точно такими же цифрами вы можете задать рамку это фото, например чтобы по всему ее периметру была черная полоса-рамка (делать или нет – на Ваш вкус)