Курсовая: Web-дизайн, основы сайто строения, проблемы построения курса и их решение - текст курсовой. Скачать бесплатно.
Банк рефератов, курсовых и дипломных работ. Много и бесплатно. # | Правила оформления работ | Добавить в избранное
 
 
   
Меню Меню Меню Меню Меню
   
Napishem.com Napishem.com Napishem.com

Курсовая

Web-дизайн, основы сайто строения, проблемы построения курса и их решение

Банк рефератов / Программирование

Рубрики  Рубрики реферат банка

закрыть
Категория: Курсовая работа
Язык курсовой: Русский
Дата добавления:   
 
Скачать
Microsoft Word, 908 kb, скачать бесплатно
Заказать
Узнать стоимость написания уникальной курсовой работы

Узнайте стоимость написания уникальной работы

2 Министерство общего и про фессионального образования РФ. Мурманский Государственный Педагогический Университет Физико-математический факультет Отделение физика-информатика Кафедра информатики и общетехнических дисциплин Дисциплина: Теория и методика преподавания информатики Тема: Web -дизайн, основы сайто стро ения, проблемы построения курса и их решение. Курсовая работа студента 4 группы Умова Сергея Мурманск 2004 План 1. Введение – 3 стр. 2. Анализ учебников– 4 стр. a. Информатика 10-11, авт ора Н.В. Макаровой b. Информатика и информационные техно логии 10-11, автора Н. Угринович 3. Фрагмент лекции (Иерархия протоколов.) – 6 стр. 4. Примеры упражнений (Упражнение «Осно вы навигации»)-9 стр. 5. Освещение темы (Сервисы WWW ) - 12 стр. 6. Практическое задание.-12 стр. 7. Урок самостоятельной работы по разра боткам (Работа с изображениями) – 14 стр. 8. Применение докладов и соо бщений ( HTML ) – 18 стр. 9. Самостоятельная работа учеников (Про ектная деятельность учащихся) – 22 стр. 10. Приложения – 23 стр Введение В современном мире информационных технологий существует множество способов постижения т ой или иной сферы человеческого познания. Одной из таких сфер являются г лобальные компьютерные сети. Изучив школьную литературу которая описы вает данный раздел, а точнее преподование основ web строительства. Я на толкнулся на таку ю особенность: либо данная сфера не так полно описывается как того (на мой субъективный взгляд) требует время, либо описание, к большому сожалению, весьма «однобоко». В большинстве литературы описание происходит тольк о на уровне WYSIWYG ( What you see is what you get – что ты видишь, то ты и получаешь) тех нологии. Что на мой взгляд не является правильным. Решением «такой ситуации» стала разработка курса « Web дизайн и основы PHP PHP – язык web программирования. », который был разработан для учеников среднего – старшего звена школы . Анализ учебников Современная библиотека» учителя представлена множест вом литературы, хотелось бы рассмотреть: как тема поднятая в курсовой ос вещена в этих учебниках. Согласен, что большинство учителей, так же как вп рочем и учеников, обладают множеством дополнительной литературы. Приче м эта литература может быть представлена не только в «бумажном» виде, но и на электронных носителях, будь то CD или HDD , я уже не говорю о са мом Интернете в котором информации по любой теме (практически по любой) п ревеликое множество. И всё же я хотел бы остановиться на учебниках, потому как они официально з акрепляются программой, адаптированы для учеников и являются всё же, бол ее распространены и доступны, нежели другие виды носителей информации. Для получения детьми полной картины по заявленной теме была разработан а программа курса Приложение №1 . Чт о бы оценить необходимость отдельного освещения необходимо оценить пр исутствие материала в учебниках, для сравнения были взяты два учебника: 1. Н. В. Макарова. Информатика СПб ., 2001г. 2. Н. Д. Угринович. Информатика и информац ионные технологии. М., 1998г. Н. В. Макарова. Информатика В этом учебнике весьма доступно изложено много информации. Но такого раз дела как программирование в нем не присутствует в прямом виде. Хотя на мо й взгляд, HTML ( Hyper Text Markup Language ) требует знания хотя бы элементарных о снов у детей при изучение. Первая тема моего кур са звучит как «Основы и навигация в Интернет.», можно с долей большой увер енности сказать, что автор обсуждаемого учебника вообще не затрагивает даже эту тему. Хотя учебник и нельзя охарактеризовать как «старый». (В нём освещается такой материал как Word , Power Point и т.д.) Но вот интересующая тема, как впрочем и все темы связанные с Интернетом, с етями и уж конечно HTML не описаны . Я не имею права осуждать учебник, но всё же можно сказать о том, что стоило бы всё же включить эту тему, хотя учебник и рекомендуется для гуманитарн ых классов. Потому как Интернет популярен не только в классах с техничес кими направлениями. Имея некоторый опыт работы в школе, могу отменить, чт о Интернетом, на уровне пользователя, увлекаются не только технические к лассы. Но так же и гуманитарии. Только технические классы чаще задаются в опросом «А как оно происходит? Почему именно так?», а гуманитарные: «Как эт о проще сделать?». Н. Д. Угринович. Информатика и информационные технологии. Учебник четко и ясно раскрывает все линии требуемой инф ормации. В нём представлены основы информатики и взаимосвязь ПК в сетях. Обсуждаемой теме в этом учебнике отдано сотня страниц. На мой взгляд это «серьёзно», но не так глубоко как хотелось бы. В учебнике весьма правильно (с технической точки зрения) освещена тема « Адресация в Интернет » и «Протоколы передачи данных TCP / IP TCP/IP – Transmission Control Protocol / Internet protocol. Пара протоколов, на которых основывается сети Ethernet . » Хотя и не упоминается ничего об уровнях протоколизации данных. Обильность точной графической информации, а так же примеров дают ученик ам возможность самостоятельно изучать многие темы этого раздела. Продолжая анализировать источники информации которые были доступны мн е, я пришел к выводу о том, что тему «Основы и навигация в Интернет.» стоило бы всё же осветить не так. Предварив рассказ о возможностях ГС (тут и далее, а так же как и во многих и сточниках, ГС – глобальная сеть) историей её возникновения получился ко мбинированный урок рассчитанный на пять - семь часов. Как показала практ ика, материал ученики весьма усваивают, хотя для них сложна тема иерархи и протоколов Эта тема была разработана на основе источника № 4 . Иерархия протоколо в. (фрагмент) Обычно сетевые протоколы соз даются на основе единой концепции в рамках многоуровневой системы, в кот орой каждый уровень отвечает за свою часть процессов передачи информац ии. Семейством протоколов ( protocolsuite ) называют всю совокупность прото колов различных уровней. Семейство TCP/IP принято подразделять на четыре ур овня Между уровнями уст ановлено следующее разделение функций. Канальный уро вень ( link layer , data - link layer ), или уровень сетевого интерфейса ( network interface ), содержит две основные компоненты: аппаратный сетевой интерфейс компьютера (сетевую карту) и соответствующий д райвер этого сетевого интерфейса в операционной системе. Вместе они обе спечивают как физическое подключение к кабелю (или к др угой физической среде), так и управление всеми аппаратными процессами пе редачи. Telnet, FTP, e-mail и др . TCP и UDP IP , ICMPnIGMP Сетевой интерфейс (сетевая карта и драйвер) Четырехуровне вая структура семейства протоколов TCP/IP 2. Сетевой уровень ( network layer , internet layer ) отве чает за перемещение пакетов по тому или иному маршр уту в сети. В семействе протоколов TCP/IP сетевой уро вен ь представлен протоколами: IP ( Internet Protocol ), ICMP ( Internet Control Message Protocol ) и IGMP ( Internet Group Management Protocol ). 3. Транспортный уров ень ( transport layer ) о рганизует для вышестоящего прикладного уровня об мен данными между двумя компьютерами в сети. В семействе протоколов TCP/IP одновременно используются два существенно различн ых транспортных протокола: TCP ( Transmission Control Protocol — протокол управления пере дачей данных) и UDP ( User Datagram Protocol — протокол дейтаграмм поль зователя). TCP обеспечив ает надежную передачу потоков данных между двумя компьюте рами в сети. В его задачи входит: разделять данные, поступающие от обслуживае мых им приложений, на блоки приемлемого р азмера для нижестоящего сетевого уровня; подтверж дать получение пришедших к нему по сети пакетов; в течение установленных им периодов времени (таймаутов) ожидать прихода под твержде ний о получении отправленных им пакетов и т . п. Поскольку TCP берет н а себя все проблемы обеспечения надежной доставки врученных ему данных по назначе нию, то прикладной уров ень освобождается от этих забот. Напротив, UDP предоставляет приклад ному уровню намного более примитив ный сервис. Он ли шь рассылает данные адресатам в виде пакетов, называемых UDP -дейтаграммами ( UDP datagrams ), без гарантии их доставки. Предполагается, что требуема я степень надежности пересылки должна обеспечиваться самим при кладным уровнем. Каждый из этих двух транспортных протоколов находит соответствующее его достоинствам и недостаткам применение. Причины, по которым для од них при ложений предпочтителен TCP , а для других — UDP , станут, понятны при рас смотрении самих приложений. 4. Прикладной уровень ( application layer ) обеспечивает выполнение разнообразных прикладных задач. Существует определенный "класси ческий" набор стандартных прикладных сервисов, кот орые предлагаются в большинстве реализаций семей ства TCP/IP. В их числе: Telnet , SMTP , POP Протокол удалённого доступа, а так же два проток ола обмена почтой между клиентом и сервером. , и многие д ругие. После того, как ученики изучили материал им предлагается несколько упра жнений самостоятельно. Эти упражнения направлены на закрепления их нав ыков работы ГС, а так же на то, что бы преподаватель смог оценить уровень у своенности материала. На знание теоретической части проводиться контр олная работа. В которой ученикам предагается ответить на такие вопросы к ак: ( неполный список, урезан ) 1. Несколько сокращений, наибо лее популярных в ГС ( SMTP , PPP PPP – point-to-point protocol, протокол связи «точка- точка». , etc .) 2. Уровни протоколизации данных. 3. Структура Интернет адреса 4. Зоны.(Имеется ввиду доменные зоны, напр имер: . ru , . com , . cz , etc .) Практическая часть по данному разделу курса заключает ся в выполнение нескольких упражнений: Упражнение 1. Основы навигации 1. Загрузить программу – браузе р Internet Explorer . 2. Найти в строке Адреса адрес отображаемой страницы. Это на чальная страница, на которую настроен Ваш браузер. 3. Используя перемещение указателя «Мышь» по странице опре делить где имеются ссылки на другие страницы, а где просто текст. 4. Щелкнуть мышью по интересующей Вас ссылке. Связанный с не й документ появится на экране. 5. Вернуться к ранее просмотренному документу с помощью кн опки «Назад» панели инструментов. 6. Просмотреть информацию сайта, перемещаясь произвольным образом по ссылкам. При навигации пользоваться кнопками «Вперед», «Наза д». 7. Вернуться к начальной странице используя кнопку «Домой» панели инструментов. Упражнение 2. Сохранение и прос мотр текста документа 1. Ввести в строке «Адреса» адрес Официального сервера Министерств а Образования РФ http://www.ed.gov.ru. 2. Перейти по ссылке « начальное, основное, среднее образование ». 3. Просматривая документ найти информацию об обязательном минимуме содержания среднего общего образования и получить его на экран. Обратите внимание на то, что докумен т выгружается в новое окно Internet Explorer. 4. Сохранить документ с обязательным образовательн ым минимумом по преподаваемому Вами предмету. Так как документ содержит только текстовую информацию, то для его сохранения достаточно: · ак тивизировать меню Файл, «Сохранить как…»; · открыть свою папку; · щелкнуть мышью по маленькой стрелоч ке в строке «Тип файла», выбрать Web Page, HTML only (только текстовая информация); · изменить, в случае необходимости, имя файла под которым будет сохранен документ; · щелкнуть мышью по кнопке «Сохранить ». 5. Просмотреть сохраненный файл средствами Internet Explorer: · активизировать меню « Файл», опция «Открыть», кнопка «Обзор»; · в о кне "Открытие файла" найти и открыть свою папку, найти сохраненный файл и щелкнуть по кнопке "Открыть". 6. Щелкните по маленькой к нопке-стрелке справа от кнопки «Назад». Почему в текущем списке из после дних просмотренных страниц нет главной страницы Официального Сервера Российского Школьного Образования, с которой Вы начинали выполнение да нного упражнения? Где ее искать? Упражнение 3. Сохранение и прос мотр изображения. 1. Вв ести в строке «Адреса» адрес Новгородского Музея Заповедника – www.novgorod-museum.ru 2. Перейти по ссылке "Russian" – русскоязычная страница. 3. Найти и активизировать ссылку "Фотога лереи" 4. Получить на локальный диск любую фото графию Великого Новгорода: · щелкнуть правой кнопкой мыши по изображению; · выбрать во всплывающем меню "Сохран ить рисунок как…"; · открыть свою папку в окне "Сохранен ие рисунка" и щелкнуть мышью по кнопке "Сохранить". 5. Пр осмотреть полученное изображение средствами Internet Explorer: · активизировать Меню Файл, опция Открыть, кнопка Обзор; · в о кне "Открытие файла" найти и открыть свою папку, щелкнуть по маленькой стр елке в поле "Тип файлов", выбрать "Все файлы", найти название полученной кар тинки, и щелкнуть по кнопке "Открыть". Упражнение 4. Сохранение и прос мотр Web -страницы 1. Загрузить Web – страницу по адресу www.junior.ru/wwwexam/. Перейти по ссылке «Глобал ьные сети». 2. Сохранить на локальном диске материалы раздела «Структура сети Internet», вместе с рисунками: · активизировать меню Файл, «Сох ранить как…»; · открыть свою папку; · ще лкнуть мышью по маленькой стрелочке в строке «Тип файла», выбрать Web Page, complete (с траница полностью); · изменить, в случае необходимости, имя файла под которым будет сохранен документ; · щелкнуть мышью по кнопке «Сохранить ». 3. Просмотреть сохраненн ый файл, убедиться в том, что все рисунки сохраняются в отдельной одноиме нной автоматически создаваемой папке. Упражнение 5. Навигация с помощ ью внутренних средств сайта 4. Загрузить сайт «Школьный сектор ассоциации RELARN» - school-sector.relarn.ru 5. Ознакомиться с начальн ой страницей сайта. 6. Выбрать в качестве пров одника по сайту - «Таню». 7. Активизировать ссылку «Мастерская», ознакомиться с некоторыми детскими работами. 8. Пользуясь средствами в нутренней навигации узла вернуться на главную страницу сайта. Сервисы WWW Приступая к данной те ме, ученики уже либо обладают знаниями полученными в результате посещен ия занятий курса, либо в результате собственных «изысканий» Тут имеется вви ду то, что ученики могут начать заниматься не прямо с первого занятия, а чу точку «апосля». Это связано с тем, что сам курс разрабатывался для КРУЖКО ВОЙ работы. А как показала трёх летняя практика моей преподавательской д еятельности, в течение двух недель, в любом случае проходит доукомплекто вание групп. . Эта тема неплохо описывается в учебнике « Информатика и учебные технологии», автора Н.Д. Угринович. На этой теме, в отличие от учебника я ещё несколько времени уделяю взаимо действию мейлера «Мейлер» от англ. Mail – почта, программа для отправки и приёма почты. Примером т акой программы может служить The Bat !, Opera . и сервера почты, а так же обзору современных почтовых се рверов: 1. hotbox.ru 2. mail.ru 3. rambler.ru 4. etc. А так же, на объяснения п онятия спам и способов борьбы с ним (встроенные в почтовую программу сре дства, средства почтового сервера и т.д.) В качестве контроля знаний, опять же, проводится контрольная работа на в ладение основными понятиями и сокращениями. А так же несложное самостоя тельное задание. Практическое задание по теме. (сокращено) 1. Найти несколько отличий между двумя любыми (по ядру) браузерами. Найденные отл ичия обязательно записать в тетрадь для конспектов Предполагается, что у учеников две т етради: для практических работ и для лекционных занятий. Что позволяет и м иметь высокоструктурированные и систематизированные знания. 2. В и збранном создайте папку Библиотеки и занесите туда 5 ссылок на on - line библиотеки. Если ученики начинают весьма долго искать, то им можно подсказать, где именно искать http :// www . allbest . ru , хотя, практ ика показала что они У меня, как оказалось, весьма способные ученики в состояние найти более десятка этих библиотек. Оценивая представленный материал в «учебнике Угриновича», я смог всё же не затрагивать темы видеоконференций на практике. Это связано с тем, что технические возможности того компьютерного класса где я работаю, не поз воляют такое проводить. Да и потом, скорость связи с ГС в России пока остав ляет желать лучшего. Р абота с изображениями (урок самостоятельной работы по разработкам) Следующим разделом к которому преступают ученики явля ется обработка и создание графической информации. Понимая всю значимос ть темы, я стараюсь наиболее правильно объяснить важность качественног о рисунка и концепции цвета на web ресурсе. Проанализировав учебники, понял, что опять же, «учебник Макаровой» практ ически не содержит ни какой полезной о данном разделе информации. Но не с мог меня порадовать и «учебник Угреновича», в нём рассматривается тольк о графический редактор Paint , кото рый, конечно же, применим для web - дизайна, но всё только в самых крайних случаях. Множество тем в этом разделе ученики проходят заранее созданных разработок. Такой способ бы л выбран потому, что при рисование они будут действовать весьма с разной скоростью. Одной из малых подтем этого раздела является Создание анимац ионных GIF -изображений. Создание анимационных GIF -изображений Другим популярны м видом специальной графики являются анимационные GIF -изображения, GIF -анимация поддерживается технолог ией GIF 89 a . Компактные по размеру и легкие в ани мации анимационные GIF — это великолепный способ буквально оживить страницу. Не следует забывать, что анимация должна дополнять диза йн страницы, а не отвлекать от него внимание. Некоторые энтузиасты разме щают на странице несколько анимации. Добавьте к этому средства реакции н а события мыши ( mouseover ), а также ауди о и другие мультимедиа — и вы очень быстро потеряете суть дизайна стран ицы, а заодно и свою аудиторию: Поэтому, размещая на странице активные эле менты, не теряйте чувство меры. Посмотрим, как с оздавать GIF -анимацию с по мощью GIF Construction Set и Photoshop. He имеет значения, какие инстру менты анимации и работы с изображениями вам .нравятся, методы все равно о чень похожи, и мой пример поможет вам прямо сейчас начать создание GIF -анимаций. Прежде всего не обходимо создать отдельные изображения, которые будут использоваться . в анимации. Их называют "ячейки" ( cells ). Каждое такое изображение можно представить как отдельное д ействие, выполняемое при воспроизведении анимации. Анимацию можно делать простой или сложной. Я бы рекомендовал на чать с чего-нибудь: попроще. Всегда следует заранее обдумать, что вам може т понадобиться в процессе работы. например специальные графические изо бражения или текст. Необходимо также знать размеры анимации, чтобы созда вать ячейки нужного размера. Выбирайте изображения меньшего объема, чтобы ваш файл не ст ал слишком большим. Чей проще сырье, те м легче и конечный продукт. Создадим анимацию, где можно будет прочесть " I love my са t ” 1. Откройте программу работ ы с изображениями. 2. Создайте первое из изобр ажений. Выберем размеры 100x100 пикселей — не забудьте указать эти размеры пр и создании нового файла с помощью команды File > New . 3. Первое изображение — эт о слово " I ", так что с помощью инс трумента Туре выберите для него шрифт и введите само слово, разместив ег о в центре изображения. 4. Оптимизируйте изображен ие в GIF -формат. 5. Сохраните фа йл как image _ l . gif . Теперь создадим следующее изображение. 1. В своей программе открой те имеющийся файл с пиктограммой. 2. Задайте изображению нужн ые размеры и вырежьте лишние участки. 3. Индексируйте изображени е и оптимизируйте его до минимально возможного – числа цветов без потер и качества. 4. Экспортируйте его как GIF -изображение. 5. Сохраните файл как image _2. gif . Теперь повторяй те последовательность действий из первого или второго примера, в зависи мости от того, работаете ли вы с текстом или графикой. Называйте каждое из ображение. И соответствии с его порядковым номером. Когда вы закончит е работу у вас получиться получился следующий набор файлов. Image _ l . gif GIF -изображение размером 100x100 пикселей со словом " I " Image _2. gif GIF -изображени е размером 100x100 пикселей, на котором показано серд Image _3. gif GIF -изображени е размером 100x100 пикселей со словом " m у" Image _4. gif GIF -изображени е размером 100x100 пикселей, на котором показана кошка Теперь все эти фа йлы находятся на жестком диске. Чтобы создать анимационную графику с пом ощью GIF Construction Set , выполните описанные ниже действия. 1. Откройте GIF Construction Set. 2. Выберите команду меню File Animation Wizard. 3. Щелкните на кнопке Next . 4. Выберите Yes в качестве ответа на вопрос Use with a Web Page . 5. Щелкните на кно пке Next . 6. Выберите количество выполнений цикла показа анимации. 7. В следующем диалоговом окне необходимо указать вид графики. Выберите т о описание, которое лучше всего соответствует вашей графике. У меня это р исованное изображение — Drawn (рис. 30.6). 8. Теперь следует установить время задержки. Для удобства демонстрации придерживайтесь значения по умолчанию, т.е. 100 сотых секунды, хотя в будущем можно будет выби рать любое время (а также менять уже установленное значение). 9. Щелкните на кн опке Next . " 0. 10. Выполните команд у Select . 11. Перейдите в кат алог, где хранятся созданные вами GIF -изображения. 12. Выберите изображения в том порядке, в каком они должны появляться при а нимации. 13. Щелкните на кнопках Next , Done . 14. Когда GIF Construction Set закончит создание анимации, восполь зуйтесь для сохра нения файла командой Save As 15. Теперь просмотрит е свою анимацию с помощью команды View . Кроме того, учитывая, что нигде (из учебников для школы) не встретил нормал ьно описанной теории цвета Теория о возможности нахождения двух и более со вмещаемых цветов, т.е. тех цветов, которые рядом могут вызывать только тот контраст, который необходим. пришлось создавать её по лностью из ресурсов интернета http :// design . ru - сайт Артемия Лебедева. . В данном разделе эта всего лишь одн а лекционная тема, но без неё невозможно создание полноценных правильно сконфигурированных по цвету сайтов. В конце раздела такая же практика и спрос небольшого количества теории. HTML (п рименение докладов и сообщений) В данном разделе ученики узнают об инфраструктуре HTML документа, о стандартах W 3 C Вх оде всего курса я привожу делаю информационные справки, причём часть из них готовят сами ученики. Пример такой информационной справки см. в прил ожение №2. На такие дополнения даётся ученикам немного времени, но обычно т tvs подбираются весьма узкие, что бы н е затягивать во времени. , о средах редактирования и т.д. См. приложение №1 О средах редактировани я, на мой взгляд, нужно говорить в сравнение, потому как это весьма и весьм а спорный момент во всём web -д изайне. Эту тему я стараюсь преподать и объяснить вот таким образом. Хотя весь урок и проходит в виде беседы, рассказа (не лекции), мы всё же записыва ем некоторые ключевые моменты. Среды редактирования HTML (фрагмент) Среда редактиро вания HTML является нейтральн ой полосой между простейшим текстовым редактором и приложением WYSIWYG . Выбор среды редактирования дае т все преимущества текстового редактирования; что же касается недостат ков, то с ними ведется борьба. Обычно в средах р едактирования используется графический пользовательский интерфейс, п оэтому там много знакомых и интуитивно понятных функций, доступных на ин струментальной панели, и большое количество мощных инструментов. Среду редактирования можно считать текстовым редактором с усовершенствован иями. Лично я обращаюс ь к средам редактирования HTML , когда выполняю основную часть кодирования. Причина в том, что в мое распо ряжение предоставляются все возможности контроля и творческий потенци ал текстового редактора. При этом сам процесс ускоряется благодаря таки м инструментам, как компьютерный справочник, интерфейсы дескрипторов и проверка орфографии. Если ваши знания HTML не достаточно обширны и тр ебуется приложение, которое поможет вам работать более эффективно, то ср еда редактирования HTML — это то, что вам нужно. Чтобы проверить подобное утверждение, рассмотрим неко торые возможности этого популярного способа кодирования. Преимущества сре д редактирования HTML В средах редакти рования HTML предлагаются шаб лоны, инструментальные панели, с помощью которых автоматически вставля ются определенные дескрипторы, а также мастера изображений, которые авт оматически вставляют в код их размер и предоставляют полный набор альте рнативных текстовых атрибутов. Таким образом, самые важные функции в сре де легкодоступны. Щелкнув мышью или нажав комбинацию клавиш, можно получ ить именно то, что вы хотите, и довольно-таки быстро. Достаточно расп ространенной проблемой в Web является то, что многие забывают о такой важной части процесса разработк и узла, как проверка орфографии. Хороший, должным образом проверенный те кст крайне важен, если вы хотите добиться максимального успеха своего уз ла. В большинстве сред редактирования HTML имеется проверка орфографии, и я уверен, что вы оцените эту возможность по достоинству. Другим преимуще ством является проверка синтаксиса, которая предлагается большинством сред. Этот полезный инструмент проверяет код, помогая выявлять проблемы , и исправляет многие ошибки и опечатки. Выделение дескр ипторов цветом весьма эффективно, потому что позволяет быстро их распоз нать. Например, можно выводить все дескрипторы изображений желтым цвето м, а табличные,— синим. Это • может быстро найти информацию, в особенност и на очень сложных страницах. Такими полезными функциями обладает редак тор 1 st page . Приложения WYSIWYG WYSIWYG – what you see is what you get , что ты видишь то т ы и получаешь, технолгия. Эти приложения обе спечивают работу пользователя с помощью графического интерфейса. Они п опулярны не только из-за малого времени, требуемого для их изучения, но и б лагодаря легкой переносимости от пользователя к пользователю. Это особ енно важно для компаний в которых много сотрудников работают с кодом HTML , — приложение WYSIWYG погает сохранить согласованность сти лей кодирования. Другое преимущество этого типа приложений в том, что они позволяют заниматься дизайном _ Web - c страниц, даже не изучая HTML . Графический интерфейс позволяе т разместить на странице : необходимую графику и текст и перемещать их до тех пор, пока не будет найден наиболее подходящий внешний вид. За последу ющую генерацию кода отвечает программное обеспечение. Некоторые приложен ия WYSIWYG , такие как FrontPage корпорации Microsoft , имеют очень мощные функциональные возможности, не о тносящиеся к дизайну. Сюда входят расширения, позволяющие управлять про ектами, и специальные приложения, например, для поиска или поддержки фор м. Такие возможности привлекают к WYSIWYG многих пользователей. Отлично понимая, п очему программы WYSIWYG так популя рны, не могу не отметить, что использование большинства таких приложений связано с большими проблемами. Первая из них относ ится к контролю. HTML позволяет ав торам осуществлять самый точный контроль над страницей. Конечно, хотя ст андарт 4.0 предлагает технологии, решающие многие проблемы контроля, повс едневное их использование все еще ограничено. Это означает, что разработ чик вынужден полагаться на связь созданного им дизайна и HTML -кода. Это целостный процесс, лучше всег о определяемый опытом, которого у приложений просто быть не может. Касае тся ли это выбора процентных значений или пикселей для размера данного э лемента либо настройки всего кода, в приложениях WYSIWYG обычно отсутствует возможность тонко й настройки. Многие программы WYSIWYG , в особенности старые версии FrontPage , модифицируют написанный в ами код HTML Вы уже знакомы с по нятием "толстого кода"; эта проблема затрагивает и программы WYSIWYG . Хотя степень настройки таких програм м по сравнению с утилитами преобразова ния выше, кодирует все же програм ма, а не вы. Это в конечном итоге означает, что получен ный код обычно отраж ает стиль программы, а не разработчика кода. В листинге 3.3 показан код, полу ченный с использованием WYSIWYG -пр ограммы Adobe GoLive . Листинг 3.4 содержит тот же код, созданны й вручную. Проектная деятельность учащихся Первая проектная деятельность учащихся После рассмотрения многоо бразия тегов (дескрипторов) необходимых для написания простейших стран иц ученики приступают к созданию своих первых «проектов». Изучение тего в строится в соответствие с логическими связями самого HTML . В конце первого полугодия дети создают пер вый серьёзный проект, который должен отвечать нескольким требованиям: 1) Нести обязательную информационную нагрузку. 2) Содержать не менее 10 страниц 3) Иметь графическое оформление. 4) Все цвета сайта должны быть совмещены в с оответствие с теорией цвета. Детям предоставляется возможность доступа к глобальной компьютерной с ети где они осуществляют поиск необходимой информации. После вместе с ни ми разрабатывается концепция их будующего сайта, структура и т.д. Во врем я проектной деятельности учащиеся самостоятельно создают сайт, но учит ель присутствует, хотя и в очень малых количествах – советы, напоминани я. Проектная дельность в данном случае представляет серьёзный контроль з наний и умений учащихся. По результатам их проектной деятельности можно судить о результатах деятельности всего курса, всего ансамбля действий проведенных в первом полугодии. Вторая проектная деятел ьность В конце изучения ученики обладают достаточным «багажом» знаний и способны использовать как JS так PHP . Что сильно повышает их интерес к создаваемому проекту. После изуче ния серверного языка PHP ученики спосо бны написать достачно серьёзные скрипты, такие как «Гостевая книга», «Фо рум». Причем предполагается что все скрипты они размещают на своем сайте – проектная деятельность второго полугодия, которая является логичес ким завершением курса. Самое главное, что отлича ет проектную деятельность от других видов проверочных работ – публичн ая защита. Что вырабатывает у них стремление сделать свой сайт (проект) бо лее качественным и привлекательным. Так же как и в первой проектной деятельности, они практически полностью самостоятельно реализуют свою фантазию с наложением тех же ограничени й, которые были им, представлены ещё в середине курса. Заключение В результате проделанной работы и проведённых исследован ий литературы и других источников был разработан и опробован курс обуче ния. Конечный результат будет известен чуть позже, он стал физическим ре зультатом работы автора и является лучшим подтверждением проведённых действий. Но всё же, школьные учебники более всецело позволили охватить область взаимодействия разделов этой темы и осветить поднятую проблем у. Приложения Приложение №1 Распределение часов курса Web -диз айн, основы сайто строения Темы занятий Количество часов Ос новы навигации в Интернет 8 Связь в сетях Ethernet . Иерархия протоколов. IP -адрес. DNS . Структура Интернет-адреса 2 Интерфей с программы Microsoft Internet Explorer 1 Приемы навигации Автозавершение адреса 1 Навиг ация по документам, содержащим фреймы Выбор начальной страницы 1 Переключение кодировок русского язы ка Сохранение и печать Web- стр аниц Упражнения Основы на вигации (Упражнение 1) 1 Сохранение и просмотр текста документа(Упражнение 2) Сохранение и просмотр изобра жения. (Упражнение 3) 1 Сохранение и просмотр Web-страницы (Упр ажнение 4) Навигация с помощью внут ренних средств сайта (Упражнение 5) 1 WWW-с ервис Интернет 3 Сервисы И нтернет 1 Что такое WWW? Программы просмотра Приемы эффективной работы с программ ой Microsoft Internet Explorer 1 Избранные страницы 1 Реорганизация ярлыко в избранных страниц по папкам Системы бесплатной почты в Интерне т Популярные интернет сервера 1 Поисковые системы в Internet 2 Тематические каталоги 1 Поисковые машины 1 Ра бота с изображениями 3 Обработк а изображений в Photoshop 1 Изменени е яркости изображения Добавление текста на изображ ение 1 Кадрирование Акцентуа ция внимания на отдельны части изображения 1 Работа с цветовой палитрой фотографии HTML Что такое HTML 5 Инфраструктура HTML 1 Стандарты и соглашения 1 W 3 C Среды кодирования 1 Кодирование вручную 2 Приложен ия WYSIWYG Локальное управление HTML -документами 2 Управление файлами 1 Правильн ость имён 1 Структура каталогов Основы HTML 3 Синтаксис HTML 1 Дескрипторы (тэги) Специаль ные символы 1 Горизонтальная симметрия Метод контейнеров 1 Создание документов HTML 2 Структур а документа 1 Структура тела документа ( Standard BODY ) Вертикальная симметрия 1 Форматирование и выравнивание текста 3 Элементы форматирования 1 Концепция текста Работа с заголовками 1 Выравнивание абзаца, позиционирован ие Предварительно форматированный тек ст 1 Тэг P Тег DIV Списки 3 Использование списков 1 Значение списков Неупорядоченные списки Нумерованные списки 1 Инкапсул яция списков Атрибуты списков 1 Связывание страниц 3 Дескриптор якоря 1 Абсолютн ое связывание Относительное свя зывание 1 Внутренние ссылки 1 Почтовые ссылки Работа с изображениями 4 Тэг IMG 1 Атрибуты тэга изображения 1 Плавающие изображения Позицион ирование изображения 1 Комбинации изображений Технологии MAP 1 Работа с тэгом BODY 1 Управление цветовой палитрой вложен ных объектов 1 Атрибуты браузера IE Рабо та со шрифтами 2 Основы полиграфии 1 Ориентирование Интерлиньяж 1 Атрибуты тэга FONT Таблицы 3 Симбиоз т аблицы с рисунком 1 Внедрение таблиц в документ Динамические и фиксированные таблиц ы 1 Выравнивание таблиц 1 Технология CSS 4 Стилизация символ ов 1 Свойства стилей и их назн ачения 1 Изменение атрибутов стил я 2 Использование фреймов 3 Вопрос о необходимости и спользования фреймов 1 Структура фреймов 1 Набор фреймов Построен ие страниц с фреймами 1 Дескриптор NOFRAME Эффе ктивный дизайн страницы 2 Концепция интерфейса пользо вателя 1 Анализ цели узла Информационный замысел сайтостойте ля Теория цвета 1 Технология цвета в WEB Цвет и гамма экрана Проектная деятельность учащ ихся 12 Разработка тематики 1 Анализ подготовленного м атериала 1 Обработка графического м атериала 1 Создание дизайна 2 Непосредственное создан ие сайта 6 Опубликование сайта 1 Браузерные языки програ ммирования JS 4 Знакомст во с JavaScript 1 Добавлен ие сценария на страницу Добав ление операторов JS Вывод рез ультат на экран 1 Тестирование сценария Использование функций 1 Обработк а событий Скрытие сценариев в стар ых браузерах 1 Испо льзование и хранение значений 3 Использование переменных 1 Типы данных 1 Преобразование данных 1 Тестирование и сравнение значений 3 Оператор if 1 Испол ьзование условных выражений 1 Основы дискретной математик и 1 Задание нескольких условий Цикличности 2 Использование цикла While 1 Использование цикла For Управление массивами 1 Обработка событий 2 Роль обра ботчика событий в JS 1 События, связанные с мышью События связанные с клавишам и 1 Событие OnLoad Добавление рисунков и анимац ий 2 Использование раздельно го рисунка 1 Динам ические рисунки Change picture 1 Простая анимация Создание сценариев для разных броузеров 1 Получени е сведений о браузере 1 Подде ржка JS браузером Серв ерные языки программирования РНР 1 Общее пон ятие об СЯП 2 Достоинства и недостатки РНР программирования 2 Пере менные, константы, выражения 4 Типы переменных 1 Некот орые условные обозначения 1 Константы 1 Выражени я Операции 1 Использование форм в HTML 5 Создание формы 2 Распреде ление видов ввода данных 2 Метод ы передачи данных на сервер обработки 1 Испол ьзование данных от форм в PHP 3 Трансляция полей формы в переменные 1 Трансляция переменных окружения и Cookies 1 Трансляц ия списков 1 Транс ляция массивов Конструкции РНР 8 echo 1 If- else Использование альтернат ивного синтаксиса 1 Цикл с предусловием While 1 Цикл с постусловием do - while 1 Универсальный цикл for 1 Инструкц ии break & continue 3 Инструкция include & require Ассоциативные массивы 4 Создание массивов 1 Использо вание массивов Списк и и строки 1 Инстр укции array, count. 1 Сериализация 1 Строковые функции 2 Сортировка массивов 1 Ключи и з начения 1 Комплексная замена в строчке Математические функции 2 Встроенные константы 1 Функции округления 1 Минимум м аксимум Дополнительные функции PHP 2 Проектная деятельность учащихся 17 Разработка тематики 3 Разработка симбиоза с HTML проектом 1 Обработка информационной нагрузки 1 Обработка графической ин формации 3 Непосредственная дополн ение HTML проекта PHP & JS 9 Публичная защита проект а деятельности 4 Препологаемый результат: * Расширить знания учащихся пр и получаемые при изучение основного курса. * Развить интерес к предмету, любознательность, смекалку. * Обучить методам решения поставленных задач с помощью персонального ко мпьютера и соответствующего программного обеспечения. Приложение №2 Консорциум World Wide Web (W3C) Консорциум World Wide Web. Официально консорциум действуе т с 14 декабря 1994 года. Это независимая международная организация, куда вход ят разработчики Internet и Web — от отдельных лиц до представител ей больших корпораций, таких как Micro soft , IBM , Sun Microsystems и Netscape . Деятельность консо рциума состоит в наблюдении за стандартизацией HTML , а также за различными протоколами и яз ыками, связанными с Web , включая XML , CSS , SMIL , HTTP , URL , FTP , NNTP и SGML . Широкое развитие Web в первую очередь обусловлено популярностью используемого HTML и тем, что требования разработчиков и потребителей оказались на у дивление схожи. В связи с этим ряд рассматриваемых консорциумом вопросо в был отложен, для того чтобы не раздражать Web -энтузиастов и разработчиков, жаждущих большей гибкост и. Некоторые из пред ложенных изменений связаны с усовершенствованием протоколов. Главные изменения вносятся в HTTP , помощн ик и транспорт HTML . Предлагаемые изменения в первую очередь касаются технологий, которые должны расшири ть возможности дизайна и функциональность Web -узлов. Те, кому интересны история, эволюция, использование и будущее HTML , должны регулярно посещать узел W 3 C ( www . w 3. org ). Литература 1. Браунденбау Д, JavaScript : сборник рецептов для профессионалов СПб, Питер, 2000г. 2. Котеров Д., PHP 4, СПб, BHV , 2001 3. Макарова. Н. В. Информатика СПб ., 2001г. 4. Молли Э. Хольцшлаг, Использова ние HTML 4, 6-е издание, М. 99г. 5. Ричард У. Стивенс, Протоколы TCP / IP Практическое руководство, СПб., 2002г. 6. Угринович. Н. Д. Информатика и информац ионные технологии. М., 1998г. Интернет ресурсы http :// php . spb . ru - «Питерский РНР портал» http://php.krivyeruki.ru/ - «Кривые руки – познавательный портал Самары» http://manlix.ru - «Манликс, инфомационный ресурс» http://www. my web.ru/ - «Мой хостинг» http://rus.inc.ru/ - «Библиотека энциклопедий»
1Архитектура и строительство
2Астрономия, авиация, космонавтика
 
3Безопасность жизнедеятельности
4Биология
 
5Военная кафедра, гражданская оборона
 
6География, экономическая география
7Геология и геодезия
8Государственное регулирование и налоги
 
9Естествознание
 
10Журналистика
 
11Законодательство и право
12Адвокатура
13Административное право
14Арбитражное процессуальное право
15Банковское право
16Государство и право
17Гражданское право и процесс
18Жилищное право
19Законодательство зарубежных стран
20Земельное право
21Конституционное право
22Конституционное право зарубежных стран
23Международное право
24Муниципальное право
25Налоговое право
26Римское право
27Семейное право
28Таможенное право
29Трудовое право
30Уголовное право и процесс
31Финансовое право
32Хозяйственное право
33Экологическое право
34Юриспруденция
 
35Иностранные языки
36Информатика, информационные технологии
37Базы данных
38Компьютерные сети
39Программирование
40Искусство и культура
41Краеведение
42Культурология
43Музыка
44История
45Биографии
46Историческая личность
47Литература
 
48Маркетинг и реклама
49Математика
50Медицина и здоровье
51Менеджмент
52Антикризисное управление
53Делопроизводство и документооборот
54Логистика
 
55Педагогика
56Политология
57Правоохранительные органы
58Криминалистика и криминология
59Прочее
60Психология
61Юридическая психология
 
62Радиоэлектроника
63Религия
 
64Сельское хозяйство и землепользование
65Социология
66Страхование
 
67Технологии
68Материаловедение
69Машиностроение
70Металлургия
71Транспорт
72Туризм
 
73Физика
74Физкультура и спорт
75Философия
 
76Химия
 
77Экология, охрана природы
78Экономика и финансы
79Анализ хозяйственной деятельности
80Банковское дело и кредитование
81Биржевое дело
82Бухгалтерский учет и аудит
83История экономических учений
84Международные отношения
85Предпринимательство, бизнес, микроэкономика
86Финансы
87Ценные бумаги и фондовый рынок
88Экономика предприятия
89Экономико-математическое моделирование
90Экономическая теория

 Анекдоты - это почти как рефераты, только короткие и смешные Следующий
Внук Елены Малышевой пришёл на утренник в детский сад в костюме тромба и остановил хоровод.
Anekdot.ru

Узнайте стоимость курсовой, диплома, реферата на заказ.

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

Смотрите также:


Банк рефератов - РефератБанк.ру
© РефератБанк, 2002 - 2016
Рейтинг@Mail.ru