Изработка на сайт - Диви котки
' w /> Създаване на сайт "Диви котки"
Описание на работата:
Работен текст:
MOU гимназия №17
Уебсайт на Wild Cats
Атестационна работа по информатика и ИКТ
3. Създаване на уеб страница с помощта на HTML
Структура на HTML документ
4. Външен вид на проекта
5. Характеристики на дизайна
7. Списък на използваната литература
В момента хората все повече се обръщат по различни причини към такъв източник на информация като глобалната компютърна мрежа (World Wide Web).
World Wide Web - глобалната компютърна мрежа днес съдържа милиони сайтове, които хостват всякакъв вид информация. Хората получават достъп до тази информация чрез използването на интернет технологии.
Интернет се превърна в неразделна част от съвременната цивилизация. Бързо навлизайки в сферите на образованието, търговията, комуникациите, услугите, тя поражда нови форми на комуникация и образование, търговия и развлечения.
Интернет е най-голямата компютърна мрежа в света. Интернет сега има приблизително 150 милиона потребители в над 50 страни. Достъпът до WWW се осъществява предимно чрез Интернет; но когато казваме WWW и Интернет, нямаме предвид едно и също нещо. WWW може да се припише на вътрешното съдържание, тоест това е някакъв абстрактен свят на знанието, докато Интернет е външната страна на глобалната мрежа под формата на огромен брой кабели и компютри.
В това есе разгледах какво представлява уеб сайтът като цяло и също така описах подробно как и с какви инструменти, приложения и програми го създадох.
Темата, която съм избрал да обхвана в моя проект, на мояизглежда много интересно. Много хора, като мен, обичат дивите котки и дивата природа като цяло, но, за съжаление, в момента броят на такива красиви и интересни видове като тигри, лъвове, леопарди и други намалява, така че работата ми отразява не само аспекти от техния живот, техните образи и видове поведение, но също така описва как тези красиви животни трябва да бъдат защитени и защитени.
Струва ми се, че работата ми най-пълно отразява най-интересните факти от живота на дивите котки. В интернет има няколко сайта от този вид, но се опитах да събера най-важната и интересна информация за читателя, така че когато търсите, например, доклад на тема „Какво ядат рисовете“, потребителят може лесно да намери това, от което се нуждае.
И така, какво е World Wide Web или, както се казва на разговорен език, WWW, Мрежата? WWW е разпределена мултимедийна информационна система, базирана на хипертекст.
Разпределена информационна система: информацията се съхранява на огромно разнообразие от така наречените WWW-сървъри (сървъри). Тоест компютри, на които е инсталиран специален софтуер и които са свързани към интернет.
За навигация в WWW се използват специални програми - уеб браузъри, които значително улесняват пътуването из необятните простори на WWW. Цялата информация в уеб браузъра се показва като уеб страници, които са основният елемент на WWW байтовете.
От своя страна уеб браузърът е клиентска програма, която предоставя на потребителя възможността да:
- изтегляне на файлове и др.
Какво е уеб сайт и за какво служи?
Уебсайт- набор от уеб страници с повтарящ се дизайн, обединени по смисъл, навигационно и физически разположени в една и съща мрежа- сървър.
3.Създаване на уеб страница с помощта на HTML
Работата с HTML е начин да научите как да създавате документи на стандартизиран език, като използвате разширения само когато наистина е необходимо. HTML е ратифициран от World Wide Web Consortium. Той се поддържа от няколко широко използвани браузъри и вероятно ще стане основата на почти целия софтуер, който има отношение към мрежата.
3.1Структура на HTML документ
2) Заглавие.
и Между тези тагове има информация за документа (заглавие, ключови думи за търсене, описание и т.н.). Най-важно обаче е заглавието на документа, което виждаме в горния ред на прозореца на браузъра в списъците „Предпочитани (BookMark)“. Специалните паяци на търсачките използват името на документа, за да изградят своите бази данни. За да дадете заглавие на вашия HTML документ, текстът се поставя между таговете.
3) Основен текст на документа.
3.2Форматиране на текст
В секцията BODY всички табулатори и символи в края на реда се игнорират от браузъра и не влияят на показването на страницата по никакъв начин. Следователно прекъсването на ред в изходния текст на HTML документ няма да доведе до началото на нов ред в текста, показван от браузъра, освен ако не са налице специални тагове. Това правило е много важно да запомните и не забравяйте да поставите етикети, разделящи редовете, в противен случай текстът няма да има параграфи и ще стане нечетлив.
За започване на нов ред се използва таг (съкр. от англ. break - прекъсване). Този таг кара браузъра да показва допълнителен текст първо на следващия ред. Затварящият таг за него не се използва. Удобно е, ако трябва да пишете от нов ред от някое място, без да започвате нов.абзац, например, в стихотворение. Използването му отново ви позволява да вмъкнете един или повече празни редове, като избутате следващия фрагмент от страницата надолу.
Плътният текст без пропуски не се чете много лесно, неудобно е да разглеждате и да намирате правилните места. Разбит на абзаци, текстът се възприема много по-бързо. За започване на нов параграф се използва таг (английски параграф - абзац). Този таг, с изключение на началото на нов ред, вмъква един празен ред. Но многократно повторение
, за разлика от , няма да доведе до множество празни редове, все пак ще бъде същият един празен ред.
Един HTML документ може да съдържа хоризонтални разделителни линии в допълнение към текста. Те, подобно на текста, не изискват външни файлове. Тагът ще начертае хоризонтална линия с единична ширина по цялата ширина на страницата. Хоризонталната разделителна линия винаги води до прекъсване на реда, но не се появяват празни редове между реда и текста. Един таг може да съдържа множество атрибути. и дават контурна линия с ефект на триизмерна вдлъбнатина. дава плътна черна линия. Линията може да не обхваща цялата ширина на страницата, а само част от нея. Атрибутът WIDTH указва ширината на линията, като процент от цялата ширина на страницата или в пиксели. Например 50% е половината от ширината на страницата, 400 е 400 пиксела ширина.
4. Външен вид на проекта
Удобният интерфейс на моя сайт ви позволява свободно да навигирате в целия проект, което улеснява намирането на информация в него.
Интерфейс- в широк смисъл - стандартно дефинирана граница между взаимодействащи си независими обекти. Интерфейсът определя параметрите, процедурите и характеристиките на взаимодействието на обектите.
Adobe Photoshop е най-мощният пакет запрофесионална обработка на растерна графика. Това е цял комплекс, който има множество опции за модифициране на растерно изображение, има огромен набор от различни филтри и ефекти и е възможно да свържете инструменти от производители на трети страни. Пакетът предлага например инструменти за поправка на повредени изображения, ретуширане на снимки или създаване на най-фантастичните колажи, които нашето въображение може да си позволи. Като цяло потенциалът на този пакет е наистина огромен.
Сайтът е направен чрез рамка, тоест всяка страница е разделена на 3 части, което значително улеснява възприемането на текст и други данни.
Рамкае елемент от HTML версия 3.0 и по-нова. Рамките ви позволяват да разделите уеб страница на няколко независими прозореца и да поставите отделна уеб страница във всеки от тях. Разрешени са връзки от един прозорец към друг прозорец. Обикновено рамките се използват за организиране на менюта, които са постоянно на екрана.
В горната част на страницата (рамка) има банер, който изобразява и указва на коя страница се намирате в момента.
В моя случай банерът е стилово оцветяване на страницата.
На главната страница има банер с анимация. Той също е направен в Adobe Photoshop CS, както и останалите графики на проекта, но обработен в приложението COFEE CUP GIF ANIMATOR 7.5, което позволява да се създаде движение в него. Всички банери са във формат ".jpg", с изключение на анимирания, който е във формат ".gif".
б. Основно тяло
Освен това основната част на рамката съдържа много снимки. Като цяло основният фокус на сайта ми беше върху образа на дивите котки.
Отляво или отдясно на всяка моя страницаСайтът разполага с меню, което улеснява намирането на информация.
Менюто се състои от бутони, разположени в таблицата. Когато щракнете върху всеки от тях, бутонът променя цвета си и желаната страница се отваря в главния прозорец на рамката.
За да промени цвета на бутона, е използван специален скрипт, написан на javascript.
Скрипт -Програма, съдържаща набор от инструкции за някои приложения или помощни програми. Семантиката и синтаксисът на инструкциите в скриптовете се определят от съответните приложения. Обикновено скриптовият език включва прости контролни структури: линейни последователности, цикли и условни изрази.
Скриптов език- към Интернет - интерпретиран (обектно-ориентиран) алгоритмичен език, предназначен да генерира динамични уеб страници. Има скриптови езици:
- изпълним от страна на клиента: javascript и VBScript; и
- изпълними файлове от страна на сървъра: ASP, Perl, PHP и др.
javascriptе език за програмиране, базиран на представянето на обекти в браузъра. Програмният текст се вгражда директно в HTML документа и се интерпретира от самия браузър.
javascript се използва, за да направи потребителския интерфейс по-интерактивен от статичния HTML, той ви позволява да внедрите: тикер, променливи изображения и др.
Дестинацията на хипервръзката, като например уеб страница, може да бъде на твърдия диск на същия компютър, в Интернет или в Интернет.
5. Характеристики на дизайна
5.1 Фотогалерия
Сайтът съдържа и такива интересни решения като календар, който позволява на потребителя да види днешната дата, както ипросто придава на началната страница някаква индивидуалност.
В допълнение, сайтът "дава съвети" на посетителите на сайта в зависимост от деня от седмицата, това приятно изненадва посетителите
При създаването на този проект бяха използвани допълнителни инструменти за уеб дизайн: тикер обекти, GIF анимационни обекти, подсказки, използване на различни стилове на текст, обвиване на текст около елемент, въвеждане на звукови обекти във фонов режим (съответстващи музикални звуци при отваряне на всяка страница) и др. Номерираните списъци се използват на картата на сайта и страницата с полезни връзки.
Недостатък на сайта е липсата на търсачка. Когато го добавите към структурата на сайта, използването му ще бъде много по-удобно, тъй като търсенето на информация ще бъде значително опростено.
Поданият за сертифициране сайт е напълно готов, но не можете да спрете дотук. Можете да добавите допълнителни видове и породи диви котки към него. Не е възможно да разгледам цялата информация по тази тема в един проект, така че според мен би било по-добре да създам друг сайт, който да стане „продължение“ на предишния. В бъдеще ще се опитам да развия темата за дивите котки и най-вече за тяхната защита в следващия проект.
Списък на използваната литература:
1. Е. Крамер. HTML - Визуален курс по уеб дизайн. М.-Санкт-Петербург-Киев: Диалектика, 2001;
2. Пол Макфедрис. Създаване на уеб страници. Москва: АСТ Астрел, 2005;