Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1 / 1 / 0
Регистрация: 08.10.2014
Сообщений: 42

Нужно создать сайт htm

25.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. Посмотрите на окончательный результат в браузере:
Миниатюры
Нужно создать сайт htm  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
25.12.2015, 21:01
Ответы с готовыми решениями:

Нужно создать простенький сайт на CSS.
Сайт нужен совсем простой со знаниями CSS на уровне новечка, размером в 5 СТРАНИЦ. Заранее блогодорю того или тех кто этим займётся...

Выделить из файла со списком файлов строки с именами htm-файлов и создать htm-файл со ссылками
Помогите с задачками! Задачи на bat-файлы: Выделить из файла со списком файлов строки с именами htm-файлов и создать htm- файл со...

Как вставить htm в javascript в обычный htm чтобы сохранить русские буквы?
Подскажите кто-нибудь!!! Как вставить htm c javascript в обычный htm чтобы сохранить русские буквы? Создали htm в Photoshop - картинки...

6
Эксперт Pascal/Delphi
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
Цитата Сообщение от romazeroma Посмотреть сообщение
пожалуйста помогите.
Не получается, все перепробовал, Помогите пожалуйста.
А почитать html/css, пробовали?) Задача вузовская и тривиальная)
0
1 / 1 / 0
Регистрация: 08.10.2014
Сообщений: 42
26.12.2015, 22:48  [ТС]
Ну, я еще в школе...
А материал, годного, не нахожу
0
 Аватар для danyasworld
10 / 9 / 2
Регистрация: 12.04.2015
Сообщений: 238
Записей в блоге: 2
26.12.2015, 23:13
Работу за вас тут никто делать не будет. Это факт. Если вы вообще ничего не понимаете в html и css, то вам вполне могут подойти конструкторы сайтов, благо они есть и они в большинсве своем бесплатные. Если же вы все таки решите делать ручками в блокнотике - то поищите уроки по блочной верстке.

Добавлено через 53 секунды
при чем у вас такое подробное описание задачи

Добавлено через 3 минуты
если же у вас появятся конкретные вопросы (как создать блок, как задать отступ , подключить файл css и тд) спрашивайте, с удовольствием отвечу
0
Заблокирован
27.12.2015, 05:16
вообщем на доделаешь)Задание + исходный материал.rar
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.12.2015, 05:16
Помогаю со студенческими работами здесь

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

Как сделать так чтобы пользователь не закрыв another.htm не мог получить фокус на main.htm?
Здравствуйте Уважаемые. Подскажите как сделать. Есть у меня Main.htm в которой у меня открывается window.open('another.htm'). Как...

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

Нужно подключить menu.htm на страницу. Через JavaScript можно это сделать?
Нужно подключить меню.хтм на страницу по средствам JavaScript можно это сделать ?

Как создать программу с htm файлами в одном .exe
Здравствуйте, помогите со следующей задачей, есть ярлык и папка с файлами, мне нужно как то запоролить эту папку, чтобы пользователи не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
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 Использованы. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru