Nadin Design  
EnglishFrenchGermanItalianDutchRussianPortugueseJapaneseKorean ArabicChinese Simplified Spain
Творческая мастерская профессора Трубочкиной Надежды Константиновны
 
Web-дизайн (WD)


    Задания по курсам "Web-дизайн" и "Web-технологии" (Технология 2)


Блочная верстка

 

Простейший урок для понимания блочной верстки:

http://www.css-school.ru/css_verst/44-urok-css-vjorstki-4.-prostojj-shablon.html


Прослушайте и посмотрите видео-урок по блочной верстке.

Еще урок. И еще урок.

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

Здесь можно узнать о преимуществах и недостатках блочной верстки.

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

Еще разновидность - сеточная технология верстки GRID960 на основе сss-фреймворка для построения модульных сеток.

Из Википедии

Фреймворк (англ. framework — каркас, структура) — структура программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта. Употребляется также слово «каркас», а некоторые авторы используют его в качестве основного, в том числе не базируясь вообще на англоязычном аналоге. Можно также говорить о каркасном подходе, как о подходе к построению программ, где любая конфигурация программы строится из двух частей: первая, постоянная часть — каркас, не меняющийся от конфигурации к конфигурации и несущий в себе гнезда, в которых размещается вторая, переменная часть — сменные модули (или точки расширения).

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

Загружать плагины jQuery можно здесь.

Шаблон проектирования или паттерн (англ. design pattern) в разработке программного обеспечения — повторимая архитектурная конструкция, представляющая собой решение проблемы проектирования в рамках некоторого часто возникающего контекста.

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

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

На наивысшем уровне существуют архитектурные шаблоны, они охватывают собой архитектуру всей программной системы.

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

   Итак, задание на проектирвание сайта по блочной технологии заключается в следующем:


cпроектируйте сайт на базе шаблона сайта (template_2.rar), который можно скачать здесь.

Шаблон построен на использовании HTML, CSS и JS-скриптов jQuery.

В технологии и конструкции проекта шаблона вам необходимо сделать сайт со своим содержанием.

Обязательным является наличие слайдера и выпадающих меню.

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

Можно воспользоваться другими типами слайдеров :

http://www.jquery-ru.ru/

http://bayguzin.ru/main/skriptyi/slajderyi/velikolepnyij-jquery-slajder-s-plavnyim-uvelicheniem-i-umensheniem-izobrazheniya.html

http://yeap.narod.ru/js/022.html

http://www.wowslider.com/ru/index.html

 

Далее мы рассмотрим адаптивную верстку

 

 

 

© 1998-2015 ND  
Сделать стартовой Напечатать страницу Назад  
Добавить в избранное Закрыть окно Вперед
Яндекс цитирования Rambler's Top100