Как сделать сайт на своем компьютере


Сайт в интернете — отличный способ продвижения своих идей, творческих замыслов, рабочих проектов, а также с помощью персонального сайта каждый может найти себе друзей, единомышленников, и даже бизнес-партнеров. Наличие сайта открывает перед вами новые перспективы — поэтому многие люди мечтают создать свой сайт, но не знают, с чего начать. Научиться создавать простые сайты могут все — в основе любого сайта лежит стандартный HTML-код.
Как сделать сайт на своем компьютере
Инструкция
1
На любом из жестких дисков своего компьютера создайте папку, в которой будут храниться файлы для вашего сайта. Дайте ей любое название. Внутри этой папки создайте еще одну папку и назовите ее Images — в ней будут храниться графические элементы сайта, рисунки, кнопки, меню, и другое.
2
Для дальнейшего корректного отображения всех данных в интернете, все названия и заголовки пишите латинским шрифтом.
3
Зайдите в созданную папку и в меню выберите вкладку «Сервис», а затем — «Свойства папки». В открывшемся окне перейдите на вкладку «Вид» и в списке найдите строку «Скрывать расширения для зарегистрированных типов файлов». Снимите галочку с этой строки, после чего нажмите ОК.
4
Теперь, когда вы включили отображение расширений, снова перейдите в папку и, кликнув правой клавишей мыши, вызовите контекстное меню, в котором выберите пункт «Создать>Текстовый документ». В папке появится новый файл блокнота. Этот файл станет основой для первой и главной страницы вашего сайта. Так как вы только что включили расширения, файл должен отображаться в папке как «Текстовый документ. txt».
5
Переименуйте текстовый файл вручную — удалите все название, включая расширение, и поменяйте на index.htm. Подтвердите переименование. Откройте полученный html-файл с помощью любого браузера, а затем в соответствующем меню браузера откройте исходный код страницы. Скопируйте увиденный код и вставьте в файл index. htm, открыв его с помощью блокнота — этот код станет основой для страницы, и в него вы будете встраивать все остальные параметры сайта.
6
Найдите в скопированном коде теги <title></title> и впишите между ними название сайта, убрав все пробелы между буквами и скобками тегов. В тег meta name впишите ключевые слова, характеризующие ваш сайт.
7
Начните заполнять главную страницу сайта текстовым контентом — между тегами <BODY></BODY> впишите любую фразу, а затем посмотрите, как она выглядит на странице сайта, открыв файл не блокнотом, а браузером. Поняв принципсоздания основной html-страницы, вы сможете освоить работу с остальными тегами, и затем дополнить сайт контентом, оформить его и создать дополнительные страницы.
Видео по теме

С помощью какой программы можно сделать сайт

Если появилась потребность создать собственный сайт, а знаний программирования нет, не стоит отчаиваться. Сегодня создать страницу в интернете с нуля может не только профессионал. Любой желающий может воспользоваться специальной программой для создания сайтов WYSIWYG Web Builder и без единой строчки кода создать отличный сайт.
Как сделать сайт с помощью программы
Инструкция
1
Скачайте программу WYSIWYG Web Builder, установите ее на своем компьютере и запустите, нажав курсором по соответствующему ярлыку. Перед вами откроется окно на первый взгляд пугающее многообразием разного рода элементов, но на самом деле разобраться здесь сможет даже ребенок. Слева расположен Toolbox, в котором имеется все необходимое для создания сайта: формочки, кнопочки, текстовые поля, создание таблиц, полей, закладок, маркеров и прочего. Вверху справа находится менеджер сайта, древовидная структура отображает каждый элемент. По умолчанию там находится одна страница с названием index. Чуть ниже и правей находится окошко свойств страницы. На находящемся посередине рабочем пространстве можно располагать разного рода элементы.
2
На левой панели найдите пункт «Расширенные», затем выберите элемент «Слой» и перетяните его на рабочее пространство программы. Растяните его на необходимую ширину. Теперь выполните по нему быстрый двойной клик, выберите вкладку «Стиль». Режим «изображение», в графе «Изображение» укажите путь к необходимой картинке — это будет основа сайта.
3
Теперь, чтобы установить логотип сайта, найдите слева раздел «Изображения», зажмите на пункте «Изображение» левую кнопку мыши и перетащите элемент на рабочее пространство программы. Автоматически откроется окно, в котором надо указать желаемую картинку логотипа, сделайте это. Выставьте получившийся логотип так, как считаете нужным.
4
Обычно на сайте автор оставляет какие-то контакты для связи с собой, например, номер телефона или e-mail. Чтобы разместить свои контакты на создаваемой странице, найдите слева раздел «Стандартные», а затем перетащите пункт «Текст» на рабочее пространство. Теперь разместите элемент там, где он будет уместно выглядеть и сделайте по нему двойной щелчок мышью. На верхней панели, выделив текст, можно изменить его размер и цвет. Интерфейс очень похож на программу Microsoft Office, поэтому здесь сложностей возникнуть не должно.
5
Сделаем меню сайта, для этого сначала найдите в правом верхнем углу экрана окно «Менеджер сайта». Там необходимо выделить страницу index и далее нажать значок «Копировать» — он шестой в меню, если начинать отсчет слева. Копируйте страницу столько раз, сколько хотите делать пунктов меню. На левой панели, пролистнув ползунок вниз, найдите раздел «Навигация». Из него перетащите на рабочую панель пункт «CSS меню», выполните по элементу двойной клик, поставьте галочку на «Синхронизировать с менеджером сайта». На вкладке «Стиль» можно настроить внешний вид кнопок и их форму. Затем нажмите «Ок» и закройте настройку кнопок. Чтобы менять названия кнопок, достаточно справа вверху в менеджере нажать по необходимой страничке правой кнопкой мыши, выбрать «Свойства страницы», и изменить графу «Имя в меню».
6
Чтобы создать какое-то информационное наполнение на каждой странице, достаточно в меню справа найти раздел «Рисование», перетянуть оттуда пункт «Форма» на рабочую область. Настроив ее размеры, можно ткнуть два раза по элементу и настроить прочие параметры: прозрачность, округлость углов и т. п. Далее снова «Стандартные», выбираете «Текст», вписываете нужную информацию, настраиваете ширину и прочие параметры. Результат работы можно посмотреть, нажав кнопку F5. Вы можете дополнять сайт другими элементами, выбирая их из левой панели, размещая на рабочем поле и настраивая. Помимо прочего, проект можно сохранить через меню «Файл» и залить, например, на хостинг.

Как сделать иконки на сайте

Иконки сайтов, безусловно, украшают строку браузера, меню Избранное и прочие интересные места. Как сделать иконки для своих сайтов и порадовать глаз посетителя?
Как сделать иконки на сайте
Инструкция
1
Для начала определимся с техническими характеристиками иконки. Стандартная иконка имеет размеры 16 на 16 пикселей, может быть цветной (256 цветов) или монохромной и весит не более 300 кб. Часто пользователи добавляют ярлык сайта на свой рабочий стол, и такая стандартная иконка смотрится, мягко говоря, убого. Поэтому создайте и поместите иконки разных размеров от 16 до 32 и даже 48 пикселей.
2
Выберите подходящее изображение для вашей будущей иконки. Оно будет отличительным знаком вашего сайта. Поэтому выбирайте редкие, отличные от множества других картинки. Хорошо, если картинка будет перекликаться с тематикой вашего сайта. Также вы можете сделать иконки для отдельных страниц сайта. Обычно это слегка видоизменная иконка главной страницы сайта.
3
Создать иконку самому не составляет труда. Самый легкий путь — через специальный сайт, который загруженное вами изображение превратит в иконку: подгонит до нужных размеров. Большинство таких сайтов также предложат вам создать иконки сайта для рабочего стола больших размеров. Загрузите заранее выбранную картинку в специальном окне и нажмите «создать иконку» или что-то подобное (в каждом сервисе свои названия операций, но суть одна).
4
Хороший сайт-конструктор иконок покажет вам, как будет выглядеть ваша иконка в строке браузера и на рабочем столе. Оцените полученный результат: насколько гармонично выглядит ваша иконка, не размыты ли детали, как она вписывается в общую концепцию вашего сайта. Если вас что-либо не устраивает, отредактируйте, обрежьте полученную иконку или загрузите другую картинку.
5
Чтобы добавить иконку на сайт, сначала загрузите и сохраните ее на своем компьютере. Затем поместите в корневую директорию сайта: www или public_html. Эти папки предпочтительнее, хотя можно разместить и в других. Теперь ваш сайт приобретет собственное лицо и будет выделяться в основной массе сайтов. Пользователи оценят ваши старания и будут с удовольствием посещать сайт.

Как применить иконки

Отличным способом для облегчения визуального восприятия папок и файлов является замена их внешнего вида на более подходящий. Сделать это можно с помощью установки нового набора иконок для часто используемых документов.
Как применить иконки
Вам понадобится
  • — программа IconPaсkager;
  • — набор иконок.
Инструкция
1
Для замены значков папок и файлов скачайте программу IconPaсkager (или любую другую программу для замены иконок). Запустите скачанный файл, укажите место для сохранения программы. Поставьте флажок в окне соглашения с правилами пользования программой и выбирайте пункт Next до окончания установки. Произведите запуск приложения.
2
Если у вас уже есть набор ярлычков, добавьте их в программу с помощью кнопки Add Icon Package. В том случае, если подходящего комплекта вы не нашли, выберите нужные иконки в главном меню программы. При выборе набора результат можно увидеть в специальном окне. Нажмите правой кнопкой на один из них и оцените полученный результат. Если ни один из комплектов иконок вам не подошел, щелкните по кнопке Get More Themes. В окне программы откроется сайт с большим количеством различных оформлений, выберите понравившийся комплект и нажмите на кнопку Download. Произойдет скачивание файлов иконок в папку программы. Для добавления иконок в общую галерею щелкните по кнопке Add Icon Package.
3
После выбора подходящего комплекта выделите его и щелкните по кнопке Apply Icon Paсkage. Через несколько секунд дизайн иконок изменится. Также программа встраивается в контекстное меню файлов и папок, что облегчают смену значка для отдельных элементов. Щелкните по нужному документу и выберите пункт «Свойства». В открывшемся окне перейдите во вкладку Icon и щелкните по кнопке Change icon. Произойдет запуск приложения, после чего выберите нужную иконку для отдельной папки. Для сохранения внесенных изменений нажмите кнопку «Применить».
4
При необходимости вернуть стандартный набор иконок Windows, откройте главное меню программы и выберите набор иконок By Microsoft. Нажмите на кнопку Apply Icon Paсkage, и иконки примут прежний вид.
Обратите внимание
Не устанавливайте слишком яркие значки, это может привести к повышению утомляемости глаз при длительной работе.
Полезный совет
Для лучшего ориентирования среди папок выбирайте иконки, которые будут указывать на их содержимое.
Видео по теме

Как сделать оперу

Браузер Opera является одним из самых удобных среди интернет-пользователей. Чтобы самому испытать это, установите его на свой компьютер или ноутбук.
Как сделать оперу
Вам понадобится
  • Компьютер с выходом в интернет.
Инструкция
1
Зайдите на официальный сайт программы, на страницускачивания: www.opera.com/download/. Скачайте файл.
Как сделать оперу
2
Запустите файл установки. В открывшемся окне нажмите кнопку «Установить» («install»).
Как сделать оперу
3
В следующем окне нажмите кнопку «Принимаю» («Аccept»).
Как сделать оперу
4
Выберите опцию «Стандартная загрузка» («Standart install»), затем «Далее».
Как сделать оперу
5
Выберите директорию установки, жмите «Далее».
Как сделать оперу
6
Дождитесь окончания установки, в новом окне нажмите «Готово». Теперь браузером можно пользоваться.
Как сделать оперу

Как через Оперу скачивать файл на компьютер

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

Многие пользователи используют сеть интернет для того, чтобы находить и скачивать оттуда разного рода полезную информацию: книги, видеофильмы, компьютерные игры, аудиофайлы, фотографии, полезные программы и т. д. Возможностей для того, чтобы скачать и сохранить файлы на компьютер, всегда существует множество, каким бы браузером при этом Вы не пользовались. На сегодняшний день одним из самых популярных браузеров в мире является Опера. Скачать через Оперу любые заинтересовавшие вас файлы очень просто благодаря широким функциональным возможностям этого интернет-браузера. Более того, с его помощью можно сделать процесс скачивания информации более простым, удобным и эффективным. Например, можно сделать так, чтобы при нажатии кнопки «скачать» браузер не открывал файл своими силами. С помощью настроек необходимо запрограммировать браузер на то, чтобы при нажатии левой клавишей мыши этой кнопки он выдавал запрос на сохранения файлов. Для этого следует зайти в меню «Инструменты», оттуда — в меню общие настройки и выбрать закладку «Расширенные». Теперь, после того как вы отрегулировали нужную вам настройку, после нажатия на ссылку браузер будет выдавать диалоговое окно «Загрузка файлов». Чтобы сохранить выбранный вами файл на компьютере необходимо будет просто нажать на диалоговом окошке кнопку «Сохранить». Кроме того, чтобы скачать через Оперу любые типы файлов корректно, можно своими силами бороться со сбоями, возникающими во время скачивания. Правда, дело до этого доходит очень редко, но на практике никто не застрахован от сбоев, вызванных обрывом интернет-соединения даже на долю секунды. В этом случае не стоит паниковать, необходимо найти строку остановленной закачки и нажать там кнопку «Возобновить». После этого скачивание начнётся с того места, на котором остановилось.

Видео по теме

Как сделать галерею на сайте

С самого зарождения интернета и до наших дней существование и распространение всемирной паутины было неразрывно связано с совершенствованием форм и технологий предоставления пользователю содержимого web-сайтов. Совершенствовались технологии, связанные как с информационным, так и с презентационным содержимым сайтов. Со временем в web стал преобладать мультимедиа-контент, что обусловило появление специализированных форм организации мультимедиа-содержимого и, соответственно, технологий для обеспечения необходимого функционала. Исторически первыми появились галереи изображений. Поначалу они зачастую реализовывались в виде статических страниц, либо же при помощи SSI. Позже появились скрипты галерей с возможностью удобного администрирования. На сегодняшний день доступно большое количество как платных, так и бесплатных скриптов, позволяющих не задумываться над тем, как сделать галереюна сайте.
Как сделать галерею на сайте
Вам понадобится
  • Современный браузер. Программа FTP-клиент. Подключение к интернету. Данные для доступа к сайту по FTP. Возможно, данные для доступа к панели управления хостинг-аккаунтом.
Инструкция
1
Найдите подходящий скрипт галереи изображений. Для поиска можно использовать крупные каталоги скриптов, например, hotscripts.com.
Как сделать <strong>галерею</strong> на <b>сайте</b>
2
Загрузите архив дистрибутивного пакета галереи на локальныйдиск своего компьютера. Для этого перейдите на сайт разработчика скрипта, откройте страницу загрузок, ознакомьтесь с предлагаемыми продуктами и осуществите загрузку.
Как сделать <strong>галерею</strong> на <b>сайте</b>
3
Распакуйте файлы дистрибутива в какую-либо папку на жестком диске. Воспользуйтесь программой-архиватором, либо возможностями файлового менеджера.
Как сделать <strong>галерею</strong> на <b>сайте</b>
4
Ознакомьтесь с инструкциями по конфигурированию установке скрипта. Часто эти инструкции находятся в файле readme. txt или readme.html.
Как сделать <strong>галерею</strong> на <b>сайте</b>
5
Произведите конфигурирование скрипта в соответствии с инструкциями. Очень часто конфигурирование заключается лишь в изменении пароля администратора. Иногда требуется указать путь к скрипту на сервере, учетные данные для доступа к базе данных.
Как сделать <strong>галерею</strong> на <b>сайте</b>
6
Создайте папку в структуре каталогов основного сайта или поддомен на для размещения скрипта каталога. Папку можно создать, соединившись с сервером сайта при помощи FTP-клиента. Поддомен создается в панели управления хостинг-аккаунта.
Как сделать <strong>галерею</strong> на <b>сайте</b>
7
Загрузите скрипт галереи в целевую папку на сервере. Воспользуйтесь программой FTP-клиентом или возможностями файлового менеджера, если он поддерживает работу по FTP.
Как сделать <strong>галерею</strong> на <b>сайте</b>
8
Произведите установку и конфигурирование скрипта на сервере, если это требуется. Часто скрипты галерей не требуют установки и конфигурирования. Иногда требуется поменять права на файлы или каталоги папок скрипта.
9
Войдите в панель администрирования галереи и приступите к ее наполнению.
Как сделать <strong>галерею</strong> на <b>сайте</b>
Видео по теме
Обратите внимание
Небрежно написанные скрипты могут угрожать безопасности сайта. Поищите в интернете информацию об используемом скрипте, чтобы убедиться, что он не имеет критических уязвимостей.
Полезный совет
Установите и проверьте в работе несколько скриптов галерей. Выберите тот, который больше подходит для сайта.

Как сделать редирект ссылки

Суть редиректа сводится к тому, что переход на внешнюю ссылку производится через расположенный внутри сайта скрипт. В результате пользователь переходит на внешний ресурс, а поисковый робот в процессе индексации остается внутри сайта. Скрипт редиректа можно написать по-разному. Приведенный пример надо рассматривать как действующий, но не единственно верный.
Как сделать редирект ссылки
Вам понадобится
  • Доступ к файловой системе сайта, простейший текстовый редактор, например, «Блокнот».
Инструкция
1
На локальном компьютере откройте «Блокнот» и напишите скрипт на языке PHP следующего содержания.$urlsite = $_GET['urlsite'];if (!empty ($urlsite)){$urlsite = str_replace («http://», «, $urlsite);$urlsite = «http://».$urlsite;header («location: $urlsite»);}Этот скрипт получает параметр urlsite посредством метода GET и проверяет, не является ли он пустым. Далее удаляет из него http://, если он есть, оставляя лишь часть URL, не содержащую типа протокола. Затем вновь приклеивает http://. Таким образом исключается возможность дублирования указателя протокола, необходимого для правильной переадресации. Последней строкой скрипт указывает браузеру адрес для подключения.
2
Сохраните созданный файл под именем redir.php. В меню «Блокнота» выберите «Файл», далее «Сохранить как». В разделе типа файла окна сохранения укажите «все типы», а имя файла запишите полностью с расширением.
3
Загрузите созданный файл скрипта в корневой каталог вашего сайта через панель управления. Найдите меню «Файловый менеджер», зайдите в папку сайта и нажмите кнопку «Загрузить». Найдите скрипт на своем компьютере и нажмите кнопку «Закачать». Файл redir. php появится в корневом каталоге сайта.
4
Пропишите запрет на индексацию для поисковых роботов в файле robot. txt:user-agent: *Disallow: /redir.phpРобот поисковика будет игнорировать этот скрипт.
5
Добавьте ссылку вида ваш-сайт.ru/redir.php?urlsite=http://куда-нужно-поставить-ссылку.ru/ в нужном месте сайта. При необходимости передать в адрес знак «&», замените его на «%26», пробел на «%20», «@» на «%40». Теперь ссылка является внутренней, но через скрипт ведет на внешний ресурс. Поисковый робот будет игнорировать ее и продолжать индексацию сайта. Так называемые «пузомерки», тИЦ и PR, передаваться не будут.

Как скрыть партнерские ссылки

Партнерские, или реферальные, ссылки выдаются партнерам специальных программ, предоставляющим какие-либо товары или услуги, продающиеся через интернет. Часто партнерские ссылки по той или иной причине обрезаются. Из-за этого партнер теряет до 20−30% прибыли. Но ссылку можно защитить — это не даст возможности укоротить веб-ссылку и лишить вас прибыли.
Как скрыть партнерские ссылки
Инструкция
1
Существует множество способов изменения реферальнойссылки и ее сокрытия. Первый и самый актуальный на сегодня способ — это использование тини-URL. Этот метод подходит тем, кто передает ссылки через почту или мессенджеры типа ICQ. Данная технология позволяет преобразовать длинные ссылки в короткие, при этом, пользователь не видит адрес главной страницы сайта, на который ведет его ссылка — она просто подменяется на адрес сервиса. Преобразовать длинную партнерскую ссылку в короткую помогут сервисы:

— http://tinyurl.com;
— http://u.nu;
— http://bit.ly;
— http://m1q.ru/.
На любом из перечисленных сайтов вставьте ссылку, которую требуется защитить, в специальное поле для вставки URL, и нажмите кнопку OK или «Преобразовать», чтобы получить короткий линк.

2
Второй способ скрытия партнерской ссылки заключается в обходе отображения реального адреса. Способ актуален для владельцев веб-сайтов и блогов. Для скрытия партнерской ссылки воспользуйтесь HTML-кодом для рефссылки:

<A href=" здесь адрес партнерской ссылки link" onMouseOver="window.status=здесь подменный URL, который отображается в браузере´; return true" onMouseOut="window.status=" ´; return true" >нажмите сюда</a>
Чтобы браузер отобразил именно windows. status при наведении курсора на ссылку, код необходимо разместить в одной строке.

3
Кроме того, вы сможете сделать редирект. Вместо реферальной ссылки установите на страницу ссылку, ведущую на пустую html-страницу вашего сайта. Например:

адрес вашего сайта/bonus.html

Вверху кода страницы вставьте следующую строку редиректа:

<meta http-equiv="refresh" content="X; url=http://партнерская ссылка">
, где вместо X введите любую цифру, обозначающую время в секундах до редиректа. Желательно в этом параметре установить цифру 1.


Adblock detector