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


Личный сайт - как создать, открыть

Готовые сайты от Нетхаус

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

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

Как создать свой личный сайт – становится всё более актуальным вопросом. В мире цифровых технологий это для многих становится востребованным и необходимым. Создание персональных сайтов может быть нужно не только для праздного ведения странички, но и для создания своего личного блога, который со временем может начать приносить ощутимый доход. Но как открыть личный сайт без обращения в дорогостоящие студии, которые ещё и будут делать всё невообразимое количество времени? Конструктор по созданию сайтов Nethouse решает этот вопрос для миллионов пользователей, помогая воплощать даже самые смелые идеи!

Личный сайт создать своими руками за час, да ещё и бесплатно – это не фантастика. С Nethouse это доступно каждому. Просто попробуйте, вы удивитесь, насколько это легко!

Простое пошаговое руководство (2020)

Перейти к содержанию

Информация о колледже

Полное руководство по созданию персонального веб-сайта Меню 2 СодержаниеЗакрыть меню мобильной навигацииclose Оглавление
  1. 4 причины, почему вам нужно сделать личный Веб-сайт
    1. Еще не убедили?
  2. Шаг 1. Получите доменное имя и хостинг
    1. Как выбрать отличное доменное имя
    2. Пора получить доменное имя и веб-хостинг.
  3. Шаг 2: Установите WordPress и настройте свой сайт
    1. Настройка вашего сайта
    2. Активация SSL на вашем сайте
    3. Знакомство с WordPress
    4. Измените структуру постоянной ссылки
    5. Настройка структуры страницы
    6. Создание Страница «Обо мне»
    7. Сделайте свою страницу «Обо мне» в качестве домашней страницы
    8. Необязательно: Добавление страницы блога
    9. Теперь все готово.
  4. Шаг 3. Настройте дизайн вашего веб-сайта с помощью темы
    1. 4 отличных рекомендации по темам
    2. Установите свою тему
    3. Воспользуйтесь инструментом настройки
    4. Настройте свое меню
  5. Шаг 4. Улучшите свой сайт с помощью плагинов и виджеты
    1. Essential Plugins
    2. Давайте виджеты!
    3. Готово!
  6. Шаг 5 (необязательно): сделайте свой веб-сайт еще лучше
    1. Персональный веб-сайт SEO: убедитесь, что вы появляетесь в результатах поиска Google
    2. Обновление вашего мозга
    3. Обновите свой сайт
  7. Заключение: куда двигаться дальше
МенюЗакрыть мобильное меню навигацииclose Start Here Темы: .

Как создать личный веб-сайт

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

На самом деле, мне пора переделать мой личный веб-сайт.

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

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

Зачем нужен личный сайт?

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

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

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

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

Что включить на личный сайт

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

Спросите себя: «Почему я хочу создать личный веб-сайт?»

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

Знание, почему я создаю сайт, помогает мне определить, что я хочу на нем разместить. Вот что я хочу разместить на своем сайте:

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

Список практически бесконечен. В конечном итоге, что вы будете включать, зависит от вас.Как минимум, каждый личный веб-сайт должен включать страницу «Обо мне» и какой-либо способ для посетителей связаться с вами.

Как создать личный сайт, пошагово

Теперь, когда мы знаем, каким мы хотим видеть наш сайт, самое время разместить его в Интернете! Я собираюсь использовать конструктор сайтов Constant Contact. Я могу использовать его, не беспокоясь о технических вещах, таких как кодирование или обеспечение безопасности моего домена. Конструктор веб-сайтов обрабатывает все это за меня за кулисами, поэтому я могу просто перетаскивать элементы на свой веб-сайт и позволять A.Строитель с питанием от I. дает мне варианты дизайна.

Шаг 1. Настройте свой сайт

Когда вы откроете конструктор сайтов Constant Contact, вам будет предложено выбрать категорию и название для вашего сайта. Я собираюсь выбрать «Личные» для категории и имени, я просто буду использовать свое собственное имя.

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

И вуаля! У меня уже есть базовый веб-сайт, который я могу использовать в качестве отправной точки.Конечно, мне все равно нужно будет отредактировать текст и изображения, но мы вернемся к этому позже. А пока я выполню оставшиеся шаги в процессе установки:

Выберите изображение обложки

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

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

Загрузить логотип (необязательно)

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

Я решил использовать средство создания логотипов, чтобы создать очень простой значок, используя мои инициалы - «JL.”

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

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

Выберите свой стиль навигации

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

Выберите пару шрифтов

Пришло время выбрать два шрифта, которые будут использоваться на вашем веб-сайте: один для заголовков и заголовков, а другой - для остального текста. Самый простой способ выбрать понравившийся шрифт? Ты угадал! Просматривайте варианты, пока не будете довольны тем, как выглядит ваш сайт.

Введите свои контактные данные (необязательно)

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

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

Шаг 2. Настройте страницы

Найдите минутку, чтобы отпраздновать - у нас есть веб-сайт! Это было легко, правда?

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

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

По умолчанию конструктор веб-сайтов создал три страницы на основании того, что я ранее выбрал категорию «Персональный веб-сайт». Страницы по умолчанию: Домашняя страница, Услуги и Свяжитесь со мной. Я сохраню "Дом" и "Свяжитесь со мной", но удалю службы, так как они не соответствуют моим целям для моего сайта. Чтобы удалить страницу, я просто нажимаю на значок корзины в правом верхнем углу.

Добавьте свои страницы

Затем мне нужно добавить три мои недостающие страницы: страницу «Обо мне», блог и портфолио.Я начну со страницы "Обо мне". Чтобы создать новую страницу, я нажму на знак плюса в верхнем левом углу конструктора с соответствующим названием «Новая страница». Вместо того, чтобы заполнять эту страницу сейчас, я оставлю ее пустой и отредактирую позже.

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

Шаг 3. Измените домашнюю страницу

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

Спланируйте домашнюю страницу

Прежде чем я начну добавлять, удалять и редактировать контент, я подумаю о том, что я хочу включить на мою домашнюю страницу. Большая часть контента, который мне важно включить, будет находиться на других моих страницах - «Свяжитесь со мной», «Обо мне» и «Блог», так что моя домашняя страница может быть очень простой.

Вот три вещи, которые мне важно иметь на моей домашней странице:

  1. Простое приветствие, сообщающее людям, на каком сайте они находятся и чего от него ожидать
  2. Четкая навигация, чтобы посетители могли найти интересующие их страницы (к счастью, меню навигации для меня уже включено)
  3. Краткое описание себя с фотографией. Я сохраню полную биографию на странице «Обо мне».

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

Настройте структуру домашней страницы

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

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

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

Нажав на знак плюса (+), вы можете выбрать один из большого количества предварительно созданных разделов страницы, все с несколькими макетами и вариантами дизайна.

Это открывает меню новых разделов, которые вы можете добавить на свою страницу. В качестве личного описания я выберу простой раздел мультимедиа / текста.Как только нажимаю на раздел - бум! - он добавлен на мою домашнюю страницу. Прежде чем редактировать его, я прокручу вверх и начну с редактирования заголовка.

Отредактируйте заголовок

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

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

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

После внесения всех изменений, в том числе замены изображения обложки на простой узор Monstera, который я нашел на Unsplash, вот как выглядит мой новый заголовок:

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

Если вы все еще со мной, у меня отличные новости - вы уже знаете, как редактировать остальную часть своего сайта!

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

В каждом разделе вам нужно:

  1. Посмотрите настройки и отключите все элементы, которые вам не нужны в этом разделе
  2. Настройте макет и параметры фона по своему вкусу
  3. Редактировать текст и изображения

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

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

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

Теперь, когда я отредактировал контент, я могу изучить различные варианты макета, щелкнув значок макета в правом верхнем углу раздела.

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

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

Шаг 4. Отредактируйте другие страницы

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

Я буду следовать тем же шагам, что и при редактировании моей домашней страницы, чтобы завершить страницы «Обо мне», «Портфолио», «Блог» и «Связаться со мной». В конечном итоге я планирую разместить на своем веб-сайте много контента, но пока я добавлю ровно столько, чтобы начать работу, зная, что со временем я смогу продолжать его развивать.

Шаг 5: Опубликуйте свой личный сайт!

Это захватывающая часть. Первый черновик моего личного сайта готов, и я готов к публикации! Для этого я просто нажму синюю кнопку «Опубликовать» в правом верхнем углу конструктора веб-сайтов.

После того, как вы опубликуете свой веб-сайт, он станет онлайн и доступен по предоставленной ссылке!

Конструктор веб-сайтов создает ссылку на мой личный веб-сайт, которую я могу использовать, чтобы поделиться сайтом с другими по электронной почте, в социальных сетях или в любом другом месте, где я хочу. Эта ссылка работает, но у меня есть собственный домен - www.jakelinkwebsite.com, поэтому я подключу его.

И я готов! Вы можете посмотреть на моем завершенном персональном сайте здесь !

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

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

Как мне добавить портфолио на свой личный сайт?

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

Выберите разделы и макет (и)

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

Я решил начать с трех разделов на странице моего портфолио - видео, письма и печатные материалы. Начну с видео, добавив раздел из категории «Видео».Имеет смысл, правда?

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

Для области письма и печатной продукции я использую разделы из категории «Галерея». В разделах галереи отображается серия фотографий с описательным текстом. Я планирую сделать гиперссылку на все эти фотографии на объект, который я демонстрирую. Галерея чрезвычайно гибкая, так как вы можете ссылаться на что угодно - фотографию с высоким разрешением, веб-сайт, сообщение в блоге, PDF-файл - список практически бесконечен.

Разделы галереи очень универсальны и являются отличным способом создать портфолио.

Дополните свое портфолио добавлением материалов

Теперь все, что мне нужно сделать, это отредактировать контент (текст и фотографии) и связать их со статьями или PDF-файлами, в которых отображаются мои работы. Через несколько минут моя страница «Портфолио» откроется и откроется!

На странице моего портфолио есть видео, образцы письма и PDF-файлы.

Что мне делать со своим личным сайтом?

То, что вы делаете со своим веб-сайтом и где публикуете его адрес, зависит от вас и ваших целей.

Вот несколько быстрых действий, которые вы, возможно, захотите сначала сделать со своим сайтом:

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

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

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

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

Последние мысли о личном сайте

Иметь личный сайт - это здорово. Это может быть что угодно - цифровая онлайн-площадка для творческих проектов или профессиональное портфолио, а в моем случае и то, и другое! Вы полностью контролируете свой сайт, поэтому, если сомневаетесь, следуйте своему блаженству и создайте то, что вам нравится .

Так чего же вы ждете? Создайте личный сайт сегодня и начните оставлять свой след во всемирной паутине!

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

.

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера