Узнайте, как создать веб-сайт с помощью этого простого плана урока, который будет интересен для детей. Получите несколько отличных советов и советов о том, как использовать основы Dreamweaver, создавая веб-страницы как часть собственного веб-сайта.
О веб-дизайне интересно узнать, и он позволит вам выразить свои собственные веб-идеи, используя ссылки, изображения, текст и другие ресурсы для создания сайта, посвященного всему, что вы хотите! Этот урок поможет вам начать сегодня.
Введение:
-
Работая самостоятельно или в команде из 2 человек, ваша миссия состоит в том, чтобы создать свою собственную веб-страницу. Мы будем использовать Dreamweaver для создания веб-страниц, но вы можете использовать другие программы, такие как Photoshop и Paint, для рисования изображений или создания красивой графики.
- Важные вещи, о которых следует подумать, включают структуру веб-сайта, будет ли она динамической или классической древовидной иерархией? Как сайты просматриваются в Интернете? (через веб-браузеры на компьютерах, мобильных телефонах и т. д.). Почему важно сделать ваш сайт удобным для других? (иначе они могут больше не приехать). Что вы можете не забыть сделать, чтобы убедиться, что это происходит? (простая компоновка, меню и т.д.).
Вещи, которые вы, возможно, захотите включить на свою веб-страницу или веб-сайт, включают:
- Фотографии с фотоаппарата.
- Картинки и изображения с вашего компьютера.
- Все, о чем вы хотите написать.
- Графика, которую вы создали сами.
- Ссылки на страницы друзей или другие сайты, которые вы рекомендуете.
- Что-нибудь еще, о чем вы можете подумать или узнать по пути.
Инструкция по созданию сайта:
- Ниже приведено общее руководство по созданию вашей веб-страницы или источник советов, если вы немного застряли на этом пути.
- Вы можете увидеть, как ваша веб-страница будет выглядеть в Интернете на любом этапе, нажав кнопку F12 в Dreamweaver, это откроет вашу страницу в Internet Explorer.
- Не забывайте часто сохранять свою работу, нажимая ctrl-s. Вы также можете отменить сделанные ошибки или то, что вам не нравится, нажав ctrl-z.
Начиная:
- Откройте Дримвивер.
- Создайте новый HTML.
- Сохраните как example.html (подойдет любое имя, но сохраните как index.html, если страница будет домашней страницей вашего сайта).
- Обратите внимание на меню «Макет» в верхней части экрана, есть 2 варианта: стандартный и макет. Макет хорош для создания таблиц и дизайна макета вашей страницы, стандартный используется для чего-либо еще.
- Обратите внимание на меню «Свойства» в нижней части страницы, в нем есть все обычные параметры обработки текстов, такие как размер текста, цвет, шрифт, выравнивание, а также «ссылка», полезная для создания ссылок на другие страницы / сайты.
- Перетащите таблицы туда, куда вы хотите поместить изображения, текст, ссылки и т. д. Это будет макет вашей страницы. Щелчок по зеленому значку таблицы позволяет рисовать таблицы, а щелчок по синему значку позволяет рисовать ячейки внутри таблиц.
- Теперь вы можете начать добавлять на свою страницу такие вещи, как текст и изображения!
Изображений:
-
При создании веб-сайта важно, чтобы страницы загружались на экран чьего-либо компьютера как можно быстрее, поэтому вместо использования огромных изображений лучше заранее изменить их размер.
-
Сделав это, вы можете использовать изображения, выбрав меню «Вставка» > «Изображение» в Dreamweaver. Поместите изображения в любое место на странице и помните, что вы можете выровнять их по левому, правому краю или по центру.
-
Дополнительно: попробуйте использовать ролловер-изображения, вставьте > объект изображения > ролловер-изображение. Когда ваша мышь перемещается по исходному изображению, оно меняется на новое, попробуйте сделать 2 изображения одинакового размера. Одна идея состоит в том, чтобы использовать изображение вопросительного знака и изменить его на что-то смешное или неожиданное.
Связывание:
Заключительные слова:
-
Постарайтесь сделать свою страницу как можно более оригинальной, добавление цвета — отличная идея, и вы можете даже придать своей странице тему (например, животные, жуткие, спортивные, прикольные и т. д.).
-
Удачи и получайте удовольствие!