|
||||||||||||||||||||||||||||||||||||||
|
Как найти и изменить код html. Как поменять код страницы в браузереКак найти и изменить код htmlПосле установки шаблона, со временем у начинающих веб мастеров возникает закономерный вопрос, как изменить цвет, стилистику написания заголовков, добавить объем и сделать шрифт тех же заголовков побольше. Многих новичков это вводит в ступор, так как непонятно, что и где искать. Конечно, можно заняться глубоким изучением всех этих тонкостей сайтостроения, но пока еще на горизонте перспектив, как таковых не наблюдается, становится еще один закономерный вопрос, а оно вам нужно? На освоение азов веб-мастеринга у вас уйдет приличный отрезок времени. А время это деньги. Поэтому если вы нуждаетесь в незначительной корректировке некоторых элементов шаблона и не знаете, как найти нужный код HTML в независимости от платформы сайта, эта статья именно для вас. HTML и CSS - взаимосвязьНа самом то деле тема должна называться как-то наподобие: «Как править код CSS». Ну да ладно начнем мы с HTML, а закончим CSS. Все дело в том, что при необходимости изменения цвета, шрифта сайта, хлебные крошки приводят к файлам СSS. Давайте для начала определимся с этими двумя понятиями: - Код HTML является основой, на которой создается сайт. Именно благодаря нему браузер понимает, какие элементы и в каком порядке выводить на ту или иную страницу. - Код CSS является языком программирования, отвечающим за внешний вид веб-страниц. Именно этот код должен поддаваться правке при надобности изменения внешнего вида сайта. Становится очевидным, что если нужно изменить, к примеру, цвет заголовка в статье либо в пунктах меню, то в правке нуждается один из файлов CSS. Именно это нужно уяснить на начальном этапе внесения изменений самостоятельно. Где находится html код страницыНе буду скрывать, что в начале моего ознакомления с принципами сайтостроения, я был не то, что чайником, я был настоящим ржавым самоваром И так возвращаясь к теме изменения кода страницы, необходимо сначала посмотреть html код. Я расскажу на примере браузера Opera, так как работаю в основном в нем. Спешу сообщить, что если вы предпочитаете пользоваться иным браузером, не стоит сразу же закрывать эту страницу, поскольку принцип проверки в независимости от браузера практически идентичен. Как изменить стиль заголовкаВ одной из предыдущих статей я рассказал, «Как убрать ссылку из заголовка Joomla», а сегодня вы узнаете, как все это дело подправить и сделать более привлекательным.Допустим нам нужно изменить цвет и размер заголовка статьи. Для этого нажимаем по нему левой кнопкой мышки и в открывшемся окне выбираем «Посмотреть код элемента». После чего в левой части экрана нашему вниманию предстанут фантастические иероглифы, с помощью которых мы и определим, где собака зарыта. Таким способом можно посмотреть и подправить практически каждый элемент шаблона. Далее хочу обратить ваше внимание на скриншот. В его верхней части я выделил HTML код, отвечающий за вывод заголовка h2. По умолчанию при проверке он подсвечивается серым фоном. Ну да ладно, это так для общего сведения. Нам же нужно обратить внимание в нижнюю часть скриншота, где расположены скрипты, отвечающие за вывод CSS стилей. Хочу сразу же предупредить, что в зависимости от шаблона название CSS файла может отличаться, но, как правило, это style.css или template.css. И так с файлом мы определились, но как узнать где он находится? Элементарно просто, нужно навести курсор мышки на расположенное с правой стороны слово style.css, после чего возле него отобразится путь нахождения файла. Вместе с тем здесь же будет указана и строка, которую нам нужно подправить. Как видно на картинке это первая строка. Важный момент! Перед тем как вносить изменения сделайте резервную копию сайта, так сказать на всякий пожарный Некоторые свойства CSSНиже я приведу некоторые свойства, с помощью которых можно внести определенные изменения и поэкспериментировать со стилями. - font-size – изменение размера текста. - text-decoration – в зависимости от команды сюда относится зачеркивание и подчеркивание текста, а также выделение линиями. - font-family – семейство шрифтов. - font-weight – выделение. - color – цвет текста. Если у вас после корректировки ничего не изменилось, очистите кэш браузера. Как видите, чтобы изменить внешний вид заголовков и освежить дизайн сайта всего лишь понадобится подправить css код, а ни как не изменить код html. Спасибо за внимание и до скорого на страницах Stimylrosta. Не ленитесь, поделитесь!Оставить комментарий Просмотров: 4791Добавить комментарийstimylrosta.com.ua Как изменить HTML-код страницы в контакте?Думаю что никак, может быть будучи опытным хакером кто-то и занимается тем что меняет HTML-код на чужой странице и тем самым получает доступ к ней, а вот законопослушным пользователям это сделать совсем не просто, да и не стоит в общем. HTML-код страницы ВКонтакте изменить можно. Но вс дело в том, что загрузить изменнную Web-страницу на хостинг вы не сможете - у вас же нет никакого доступа к ftp. А так, можно нажать комбинацию Ctrl + U (Опция quot;Просмотр кода страницыquot;). Откроется код страницы, вы можете скопировать его в любой редактор и отредактировать. Также можно нажать комбинацию Ctrl + S (Опция quot;Сохранить на компьютерquot;). Web-страница загрузится на ваш жсткий диск. При этом, помимо самой страницы, загрузятся все изображения и скрипты, которые на ней используются. Советую воспользоваться удобным html-редактором Notepad++. После его установки на компьютер выбираете в контекстном меню файла пункт quot;Edit with Notepad++quot; и редактируете с помощью редактора вс, что вам необходимо! Многие пользуется этим для различного рода розыгрышей (подделка переписки, увеличение количество подписчиков, входящих сообщений и тд), а также и в мошеннических целях. Сначала вы заходите на ту страничку, которую и собираетесь изменять (редактировать html - код). Далее жмите на клавишу F12 или же сразу наведите курсор мышки на тот элемент, который и хотите поменять. Далее кликаете правой кнопкой мыши и в появившемся окне выбираете пункт quot;Просмотр кода элементаquot;. Далее ищите поле, которое нужно редактировать/поменять. Снова правая кнопка мышки > далее жмете на quot;Edit as HTMLquot; и приступаем к делу.
Меняем правой кнопкой мыши, находим пункт Edit as Html. На скриине видно, что изменилась аватарка.
Результат. Вы не сможете изменить html-код Вконтакте на самом хостинге Вк, пока менеджер компании не устроит вас программистом. Но вы можете просмотреть код страницы и скопировать его в редактор Wordepad, откуда и будете редактировать html. Для этого нажмите в браузере правой кнопкой мыши и нажмите quot;Просмотр кода страницыquot;. HTML код это самый главный язык разметки для разных документов.Все файлы,которые написаны кодом HTML имеют свое расширение такое как-.html или же .htm .Данный код можно открыть в любом вашем текстовом редакторе, а также существуют специальные приложения для веб-мастеров. В браузере нужно перейти туда,где вы хотите исправить код,потом нужно открыть код нужной вам страницы для просмотра. Для этого нужно выбрать пункт меню в браузере. Для начала вам нужно сохранить данный код своем блокноте или Ворде на компьютере на ваш диск,жмем в браузере Файл , а потом -Сохранить страницу как... А потом уже можно его отредактировать в редакторе. Код открыли, а он не редактируется. Правильно вы его его видите в режиме просмотра. А вот чтобы редактировать нужно совсем немного, логин и пароль к доступу на правах администратора сайта Вконтакте - но где ж вы его возьмете? Открыть исходный код страницы вы, конечно, сможете. И даже отредактировать его. Но сохранить его на сервер не получится. Только на собственный компьютер. Более того. Подобные сайты не состоят из страниц HTML. Они динамически верстаются по шаблону из базы данных так, как это запрограммировано. Ваш браузер отправляет запрос на сервер. Там запускается скрипт php (например), который собирает необходимые данные воедино и отдат их браузеру под видом HTML. Браузер это кушает и показывает страницу, как будто бы она изначально состояла из того HTML-кода, который слепил ему скрипт. Изменить HTML- код страницы в контакте просто. Открываете нужную страницу. В меню браузера ищете пункт quot;Показать исходный кодquot; (может быть по-другому). Браузер откроет HTML код страницы. Выделяете все, копируете, вставляете в текстовый документ, и можете изменять. Вот только что вам это даст? Обратно на сайт вы его не засунете. Страница на сайте останется такой же. А такое разве реально? Это же чужой сайт. Как там можно изменить структуру сайта? Пологаю что ни как, если только не взломать его info-4all.ru Как изменить html-код сайтаdokak.ru |
|
||||||||||||||||||||||||||||||||||||
|
|