html файл

• В нашей любимой прикладной программе MS WORD - создайте новый файл.
• В меню Файл выберите команду Сохранить в Формате HTML (Сохранить как веб страницу. как веб-страницу с фильтром! - см. Вашу версию Word)... Задайте имя файла английскими маленькими буквами, арабскими цифрами, пусть сегодня это будет my1. Нажмите OK (возможно несколько раз:) и Вы снова в программе Ворд. Посмотрите, внешний вид документа и панелей инструментов немного изменился. Зато Вы сейчас начнете создавать настоящий интернет файл, который потом останется только загрузить (закачать) в интернет.

• Начнем со шрифта. Используйте кнопки панели инструментов Форматирование или команды из меню Формат. Выберем цвет шрифта. Ну, не все же черным-то цветом. Меню Формат. Команда Шрифт. Цвет темно-синий или любой другой на выбор. Размер можно задать там же. И сам шрифт - тоже. Сейчас в моде по-прежнему Verdana, Tahoma, Arial. Но Вас это ни к чему не обязывает. Единственное реальное ограничение - русских шрифтов (кирилица) не так уже и много. Пусть будет Verdana. Для тех, кто уверенно пользуется кнопками на панелях управления - здесь только одно отличие от обычной панели Форматирования Word: справа от окошка, в котором Вы обычно задавали шрифт, появились две кнопки А и А - как раз в том месту, где Вы раньше задавали размер шрифта для текстовых документов. Вот ими Вы и можете увеличивать или уменьшать размер шрифта. А дальше - ничего нового - жирный шрифт, курсив, подчеркивание

• Ну, вот, вроде со шрифтом определились. Подберем теперь подходящий к нему цвет фона Вашей странички. (Вы, конечно, можете пользоваться кнопками панелей управления, но, чтобы не запутаться - я покажу Вам, как работать с командами из строки меню). В строке меню найдите меню Формат, выберите из меню Формат команду Фон... > и выберите цвет фона. Помимо стандартных цветов, вы можете выбрать дополнительные цвета... Обычные или Весь Спектр. ОК? Не понравилось? Выбираем из меню Правка команду Отменить ввод (на панели инструментов Стандартная - это кнопка с изображением стрелочки против часовой стрелки). Выбираем другой цвет. Не то? - Отмена. - Новый цвет фона. А мне вот захотелось бледно-зеленый из обычных цветов. Но к нему синий цвет шрифта как-то не очень - поменяем на зеленый.
• Давайте посмотрим, как же выглядит Ваша страничка. Меню Файл. Команда Просмотр Web-страницы. Щелкнули. Вывалилось "Документ был изменен...". : Жмите OK. Дальше на экране Вашего компьютера появляется то, что весь мир скоро увидит в интернете. Выберите в новом окошке команду Закрыть из меню Файл, чтобы закрыть Вашу веб-страничку - мы еще не закончили :)
• Можно продолжать подбирать цвета. Размер пока рано - Вы же ничего не написали еще. Поэтому сейчас Вы печатаете текст, который уже сочинили для своей странички.
• Напечатали? Не забывайте сохранять время от времени Вашу работу (команда Сохранить в меню Файл или кнопка с изображением дискеты на панели инструментов Стандартная) А теперь можно в черновую текст отформатировать. Выделите заголовки - размер, цвет, жирный, курсив. Подчеркивание не стоит использовать. Проявите фантазию. Обязательно смотрите - как это будет выглядеть непосредственно на веб-страничке, она может слегка отличаться от того, что Вы делаете в Ворд.

• Пока еще не отличается от Ворда? Начинаем вставлять рисунки. Щелкните левой кнопкой мышки то место на экране - куда бы Вы хотели поместить рисунок (картинку, фото). Меню Вставки команда Рисунок - из файла. Выберите соответствующий файл, нажмите кнопку Добавить. Вот Ваше фото на экране. Я уменьшаю размер. Как? Щелкните один раз по фотографии, в углах и по срединам сторон появляются маленькие квадратики. Подведите курсор мышки к квадратику, вместо обычной стрелочки появляется - черные стрелочки, направленные в противоположные стороны и соединенные друг с другом. В этот момент нажмите на левую кнопку мышки и стрелочки вообще поменяются на крестик - зато, если вы, продолжая нажимать левую кнопку мышки нажатой, начнете двигать мышку, то фото начнет изменять размеры вслед движениям Вашей руки.
• А еще, по политическим соображениям :), я хочу, чтобы фото размещалось справа, а не слева. Кнопка - выравнивание по правому краю из панели инструментов Форматирование. А можно и по центру разместить...
• А теперь - самое главное! Организовать переходы на другие страницы Вашего сайта. У Вас ведь будет много страниц? Вас могут ограничить только объемом дискового пространства. Но до верхнего предела нам еще очень далеко.

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

  Вы можете вставить гиперссылку, как раньше мы вставили рисунок, в любом месте странички. Давайте вставим здесь. Набираю текст НА ГЛАВНУЮ СТРАНИЦУ, с помощью мышки выделяю этот текст. (Ну, то есть нужно проехаться мышкой с нажатой левой кнопкой по этому тексту - Щелкните мышкой справа от буквы У. Нажмите левую кнопку мыши и тащите мышь налево до буквы Н - получился такой черный прямоугольник). В меню Вставка выберите команду Гиперсылка. Напечатайте в верхней строчке под названием связать с файлом/URL - вот опять эти три буквы - http://maryna1111.narod.ru/index.html. Только вместо maryna1111 у Вас должно быть имя вашего сайта. А вот название файла на Вашем сайте - index.html - нужно сохранить. Поскольку это обязательное имя для Вашей главной странички. Видите, как все просто. Если потом Вам захочется с Вашей главной странички попасть в этот Ваш файл my1.htm, то Вы на главной страничке помещаете гиперссылку (ссылку) http://maryna1111.narod.ru/my1.htm ПЕРЕХОД НА СТРАНИЧКУ my1 МОЕГО САЙТА

   

• Если Вам все еще нравится то, что у Вас получилось, смело идите загружайте Ваши файлы в интернет на выбранный Вами хостинг (подбор хостинга). Не забудьте про файлы картинок. Как и в случае работы только с готовыми шаблонами, предлагаемыми многими хостерами, перед тем как вздохнуть с облегчением, обязательно проверяйте правильность переходов по ссылкам Вашего сайта.
• Сколько может стоить создание подобных страничек на рынке интернет-услуг? Трудно сказать... Здесь речь идет скорее об уроках грамотной работы с программой MS WORD. Оплата, обычно, почасовая - стоимость соизмерима со стоимостью уроков английского.
• Что дальше? Еще проще. Вы где-то ошиблись, вы хотите поменять содержание, то есть не на всю же жизнь Вы разместили именно эту информацию о Вас в интернет? Когда в адресной строке браузера Вы видите свою страницу, УЖЕ В ИНТЕРНЕТЕ!, скопируйте ее на Ваш компьютер. С другой стороны - зачем? Она у Вас уже есть в компьютере. В меню файл выберите команду Править в Microsoft Word - и редактируйте в нашем любимом WORD. Для тех, кто дочитал до конца - бонус: проверить Вашу вебстраницу на различных разрешениях экрана Вашего интернет-устройства. Не нравится? Тогда еще один бонус: задайте стиль тегу body style="margin:auto; max-width:1000px" и у всех тегов, где появляется width больше 300px, исправьте пиксели на %. Элементарные знания html - понадобятся, к сожалению. )
  
  Все равно что-то не то? Идите сюда:
  Создание веб страниц в документах Гугл онлайн >>