|
1 / 1 / 0
Регистрация: 08.10.2014
Сообщений: 42
|
|
Нужно создать сайт htm25.12.2015, 21:01. Показов 25204. Ответов 6
Метки нет (Все метки)
Задание + исходный материал.zipPliz, help пожалуйста помогите.
Не получается, все перепробовал, Помогите пожалуйста. Все необходимое в приложенных. В этой работе вы освоите трёхколоночную верстку без использования таблиц. 1. Скопируйте на свой компьютер каталог DIV. Откройте файл baikal.htm в редакторе. Ваша задача – оформить веб-страницу так, как показано на образце (см. на следующей странице). Для этого нужно использовать рисунки из подкаталога images и стилевой файл. 2. Добавьте заголовок страницы (TITLE), укажите название документа и фамилию автора, например: Блочная вёрстка: работа Василия Пупкина. 3. Создайте стилевой файл baikal.css и подключите его к веб-странице. Установите для всех элементов страницы (они обозначаются знаком *) нулевые внутренние и внешние отступы: * { margin:0px; padding:0px; } 4. Добавьте в блок с идентификатором header заголовок документа «Озеро Байкал». В сти-левом файле установите для этого блока высоту 80 пикселей и фоновый рисунок header.jpg из каталога images (без повторения). Добавьте для заголовка отступы слева и сверху (как на образце). 5. Добавьте в блок pogoda два скрипта, которые записаны в файле informer.txt. Они выводят на страницу информацию о погоде в двух посёлках на берегу Байкала – в Листвянке и Хужире. 6. Добавьте в блок photo четыре фотографии с именами baikal1.jpg, baikal2.jpg, baikal3.jpg, baikal4.jpg из подкаталога images. 7. Добавьте в блок content текст, записанный в файле text.txt. Оформите абзацы с по-мощью тэга p. В стилевом файле для тэгов p установите отступы со всех сторон 5 пикселей и абзацный отступ (красную строку) 20 пикселей. 8. В тексте замените, где нужно, знаки «минус» на тире, перед тире поставьте неразрывные пробелы. Поставьте неразрывные пробелы между числами и единицами измерения. Добавьте в конец текста абзац со словами По материалам Википедии. Выровняйте абзац по правой границе и выделите этот текст с помощью тэга em. Слово «Википедии» должно быть ссылкой на страницу Википедии, посвящённую Байкалу. 9. Добавьте в блок footer текст, содержащий вашу фамилию, имя и класс, например, Работу выполнил Василий Пупкин, 11А класс 10. Посмотрите, как выглядит страница в браузере. Теперь остается с помощью стилей офор-мить блоки так, чтобы они заняли правильное место на странице. 11. В стилевом файле для блока pogoda установите ширину 150 пикселей, отступ слева 10 пикселей и обтекание слева (float:left . Посмотрите, как теперь выглядит страница.12. В стилевом файле для блока photo установите ширину 220 пикселей, отступ слева 10 пик-селей и обтекание справа (float:right . Посмотрите, как теперь выглядит страница.13. Теперь сделаем так, чтобы центральная колонка (блок content) не залезала на левую и правую. В стилевом файле для блока content установите отступ слева 150 пикселей и от-ступ справа 220 пикселей. Посмотрите, как теперь выглядит страница. 14. Остается оформить нижний блок («подвал»). В стилевом файле установите для блока footer цвет фона #CCCCCC, внутренние отступы – сверху 5 пикселей, снизу – 10 пикселей, выравнивание текста по центру. Для того, чтобы этот блок не обтекался другими ни слева, ни справа, добавьте свойство clear:both; 15. Посмотрите на окончательный результат в браузере:
0
|
|
| 25.12.2015, 21:01 | |
|
Ответы с готовыми решениями:
6
Нужно создать простенький сайт на CSS. Выделить из файла со списком файлов строки с именами htm-файлов и создать htm-файл со ссылками Как вставить htm в javascript в обычный htm чтобы сохранить русские буквы? |
|
6812 / 4568 / 4820
Регистрация: 05.06.2014
Сообщений: 22,434
|
|
| 25.12.2015, 22:54 | |
|
И в какой версии языка Паскаль нужно выполнить данное задание?
0
|
|
|
1 / 1 / 0
Регистрация: 08.10.2014
Сообщений: 42
|
|
| 25.12.2015, 23:13 [ТС] | |
|
Простите, я не в ту тему написал. Нужно просто создать сайт, согласно инструкции
0
|
|
|
19 / 18 / 5
Регистрация: 01.02.2013
Сообщений: 171
|
|
| 26.12.2015, 18:22 | |
|
0
|
|
|
1 / 1 / 0
Регистрация: 08.10.2014
Сообщений: 42
|
|
| 26.12.2015, 22:48 [ТС] | |
|
Ну, я еще в школе...
А материал, годного, не нахожу
0
|
|
|
|
|
| 26.12.2015, 23:13 | |
|
Работу за вас тут никто делать не будет. Это факт. Если вы вообще ничего не понимаете в html и css, то вам вполне могут подойти конструкторы сайтов, благо они есть и они в большинсве своем бесплатные. Если же вы все таки решите делать ручками в блокнотике - то поищите уроки по блочной верстке.
Добавлено через 53 секунды при чем у вас такое подробное описание задачи Добавлено через 3 минуты если же у вас появятся конкретные вопросы (как создать блок, как задать отступ , подключить файл css и тд) спрашивайте, с удовольствием отвечу
0
|
|
|
Заблокирован
|
|
| 27.12.2015, 05:16 | |
|
вообщем на доделаешь)Задание + исходный материал.rar
0
|
|
| 27.12.2015, 05:16 | |
|
Помогаю со студенческими работами здесь
7
Нужно создать сайт-визитку Как сделать так чтобы пользователь не закрыв another.htm не мог получить фокус на main.htm? Нужно, чтобы с Ворда в htm текст вставлялся не в одну строку Нужно подключить menu.htm на страницу. Через JavaScript можно это сделать? Как создать программу с htm файлами в одном .exe Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|
|
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога
Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
|
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
|
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования.
Часть библиотеки BedvitCOM
Использованы. . .
|