Как бы преобразовать этот графический интерфейс в сайт?

Question

Извините, первый таймер, yup im тот парень. но в любом случае я нахожусь в старшей школе, и для моего IST (информационного программного обеспечения и технологии) мне нужно сделать сайт, я основал его на своем школьном веб-сайте, веб-сайте Apple и некоторых субредадах.

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

и это должно быть в HTML, и я использую Dreamweaver, если это помогает

Здесь фото

GUI Design

Answer 1

Вам потребуется базовое понимание HTML и CSS. Вы можете использовать JS, если хотите. Я бы рекомендовал использовать библиотеку Bootstrap, чтобы помочь с дизайном. Dreamweaver не принесет вам никакой пользы. Получите текстовый редактор, как возвышенный, и изучите html и css. Настройте структуру проекта. Загрузите загрузочный бутстр в свой проект. Используйте систему сетки бутстрапа для элементов позиционирования и навигационной панели. Никто на этом сайте не напишет код для вас. Мы рассмотрим его и внесем в него предложения, но в конечном итоге работа над вами. Счастливое кодирование!

Answer 2

Если Вы желаете использовать Dreamweaver, этот подход принять:

Открывает фотошоп и дизайн вашего сайта так же, как ваш рисунок. Экспортируйте изображения (логотип, изображения слайд-шоу и т. Д.) И сохраните их в папке под названием «img».

Открыть Dreamweaver и создать новый html-сайт. Оттуда вы можете использовать WYSIWYG для перемещения ваших изображений и текста, и это даст вам html/css, который вам нужен.

При этом, если курс основан исключительно на знании HTML/CSS с нуля ... это было бы обманом. Но если дело только в том, чтобы «заставить его работать», тогда это должно сработать для вас. Удачи!