Как увидеть HTML код страницы.

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

Позволю себе не согласиться с таким выводом. Ежедневно к Интернету подключается не одна тысяча русскоязычных пользователей. Какая то часть из них испытывает высочайшую степень удовольствия от того, что может играть в online в свои любимые игры, кого то интересуют сайты для взрослых и прочие развлечения.

А еще часть новых пользователей Рунета, освоившись за несколько дней с навигацией, сразу задают себе вопрос или можно заработать в Интернете и пытаются найти на него ответ.

Попав на мой сайт, такие пользователи получат исчерпывающие разъяснения о том, как Интернет сделать источником прибыли и что такой вид удаленной работы имеет право на существование.

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

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

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

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

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

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

Для этого программистами были придуманы CMS - системы управления сайтом. Ну и, конечно, работают они намного быстрее, а размер их может быть просто микроскопическим. Но об этом более подробно как устроены и как работают изложено на других страницах.

Кстати, сайт, который вы сейчас читаете, работает на одной из таких систем управления сайтом и его размер в разархивированном виде составляет около 140 кб. А вот визуальным редактором каждую страницу придется рисовать отдельно.

Что же из себя представляет страница сайта, расположенная в Интернете. Давайте попробуем разобраться в этом вопросе. Поверьте, что сложного в этом ничего нет.

Странички отличаются друг от друга сложностью написания кода. Увидеть этот самый код элементарно и просто. Для этого достаточно открыть любую страницу Интренета и кликнуть по ней в любом месте (кроме, как на рисунке) правой кнопкой мышки. Появится выпадающее меню, в котором примерно посредине нарисуется пункт меню 'Просмотр HTML кода'.

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

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

Так нужно поступить, если вы пользуетесь броузером Internet Explorer. При использовании другого броузера, например Opera, пункт меню, по которому нужно кликнуть, называется несколько по другому.

В меню нужно выбрать закладку 'Вид' и в выпавшем меню кликнуть на пунктике 'Исходный код'. На новой страничке отобразится тот же самый код. Можно поступить еще проще - находясь на страничке, код которой вы бы хотели посмотреть, нужно на клавиатуре нажать клавиши 'Ctrl+U'.

Результат будет абсолютно одинаковым и перед вашим взором откроется код страницы.

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

Не знаете, как сохранить страницу в расширении html? Ну это совсем просто. После того, как дадите команду редактору на сохрание изменений нужно будет указать в меню 'Тип файла' что это не текстовый файл, а 'все файлы' (в редакторе есть такая команда), а в имени файла указать произвольное имя, а после имени поставить точку и после точки написать html.

Выглядеть это будет примерно так: vertrigo.html. Так вот то, что указано после точки и будет называться расширением файла. После сохранения этот файл можно запустить для просмотра на своем компьютере и для этого уже не нужно будет подключение к Интернету.

Однако сохраненная страничка будет выглядеть не совсем полноценно, т.е. не совсем так, как вы ее видели непосредственно в Интернете. Это связано с тем, что файлы рисунков, картинок находятся в папке на сервере и в коде сохраненной страницы прописаны пути именно к тем файлам, которые находятся на сервере.

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

А перед этим нужно будет создать новую папку, выбрав для нее самое простецкое имя, например циферку 1. И папку эту желательно расположить прямо на диске 'С'. Конечно, никто не возбраняет поступить и по другому, однако соблюдение рекомендаций зачительно упростит задачу.

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

Еще на один момент нужно обратить внимание: после имени файла-картинки и точки за этим именем я указал расширение 'gif'. Это совсем не факт, что сохраняемая картинка будет именно с этим расширением. Картинки могут иметь много други расширений, из них самые распространенные 'gif','jpg','png'.

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

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

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

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