1.1 Wyjaśnij krótko filozofię budowy dokumentów hipertekstowych z wykorzystaniem HTML.
HTML jest jezykiem znakowym, określa formatowanie tekstu. Możliwość umieszczania w nim linkowskokow
1.2 Co to jest drzewo dokumentów?
Jest to struktura strony internetowej ,zaleznosc pomiędzy poszczególnymi stronami
1.3 Omów najważniejsze sposoby tworzenia stron WWW.
Edytory wysiwyg np. mozillanvu, Adobe dreamweaverlatwe w obsludze generują slaby kod . edytory HTMLpajaczek dokładniejsze tylko dla osob znajacych HTML
1.4 Omów proces umieszczania strony w Internecie?
Po pierwsze posiadac konto na serwerze internetowym skopiować plik witryny do odpowiedniego katalogu. Zwyczajna nazwe katalogu umieszczany w katalogu domowym użytkownika.
1.5 Co to są znaczniki? Jaką rolę pełnią znaczniki w dokumencie hipertekstowym? Do czego służą atrybuty
znaczników? Jak definiujemy atrybuty znaczników?
Znaczniki maja postac slow umieszczonych w<> np.<h1>
-reprezetuja strukturę dokumentu
-formatuja tekst do prezentacji
Zakres działania znacznikow<P><p/>
1.6 Podaj i omów strukturę dokumentu HTML.
<HTML>
<HEAD></HEAD>
</BODY>tekst</BODY>
</HTML>
1.7 Podaj składnię i przedstaw sposób umieszczania typowych informacji w nagłówku dokumentu.
<meta name=”data” content=”22.11.11”>
<meta name=”copyright” content=”politechnika”>
<meta name=”descright” content=”wyklady”>
1.8 Jak w dokumentach HTML umieszczamy komentarze?
Html zawiera wew. Komentarze nie sa one wyświetlane przez przegladarke<!—tekst
1.9 Czym różnią się znaczniki formatujące fizyczne i logiczne? Podaj po kilka przykładów dla obu rodzajów
znaczników.
Formatowane fizycznie;<b>wytłuszczenie <i>pochylenie <u>podkreślenie
Formatowane logicznie
<strong> mocne wyróżnienie <em> wyróżnienie <code> fragment kodu progr.
1.10 Jakie znasz atrybuty fizyczne czcionki? Podaj przykład ich stosowania.
Rozmiar-bezwzgledne1,2,3,4 wzgledne+1+2
-1-2. Kolor-nazweblack wartość #RRGGBB
Określenie kroju czcionki
1.11 W jaki sposób budujemy wykazy punktowane (nienumerowane)?
Lista umieszczona jest pomiędzy znacznikami <ul>
</ul>. Punkt umieszczony pomiędzy <li></li>
1.12 Jak tworzymy listy numerowane?
<oltype= …start=…>
<li value=…>…</li>
<li></li>
</ol>
1.13 Jak w dokumentach HTML umieszczamy tabele?
<TABLE></TABLE>
1.14 Jak w dokumentach HTML osadzamy grafikę?
<img src=”nazwa”>
1.15 Jak w dokumentach HTML umieszczamy odsyłacze? Podaj przykłady dla najważniejszych rodzajów
odsyłaczy.
<a href=”url strony”>napis na str.</a>
1.16 Dlaczego warto używać CSS do formatowania treści dokumentu HTML?
CSS pozwala unikac formatowania poszczególnych fragmentow tekstu
1.17 Jakie znasz metody umieszczania CSS w dokumentach HTML? Który z tych sposobów jest Twoim
zdaniem najlepszy? Dlaczego?
Po pierwsze za pomocą kodu CSS możemy zmienić wygląd każdego elementu www oddzielnie wystarczy w definicji wpisac atrybut style= a następnie w cudzysłowach umiescic definicje CSS
Drugi sposób polega na umieszczeniu arkusza stylow w osobnym pliku i wskazaniu tegoz pliku w każdym dok. HTML który ma być sformatowany wg podanego wzoru
1.18 Omów budowę stylu CSS?
Sklada się z 2 elementow – selektora przy pomocy którego określamy któremu ze znacznikowHTMLnadajemy formatowanie oraz umieszczonych w nawiasach klamrowych polecenia formatujących
Polecenia formatujące skladaja się z 2 szczesci-cechy oraz pzrypisanej jej wartosci
1.19 Co to jest grupowanie selektorów? Jakie są korzyści z grupowania selektorów?
Jeśli chcemy te same cechy przypisac kilku selektorom możemy skorzystać z możliwości ich grupowania. Aby ustawić pogrubowany tekst dal tykulow h1 h2 h3 korzystamy z zapisu h1,h2,h3{font-weight: bold:}
1.20 Do czego służą klasy selektorów. Jak je definiujemy? Jak korzystamy z klas selektorów?
W definicji stylow selektami sa nazwy znacznika i oddzielone od nich kropkami nazwy klas. Aby w kodzie określonym znacznikom przypisacprzynaleznosc klasy do znacznika dodajemy strybutclass z wartosciaokreslajacanazwe klasy w””
1.21 Do czego w CSS służą wolne klasy?
Specyfikacja CSS przewiduje bardzo ciekawa możliwości nadawania wyglądu klasom mie związanym zadnumelementen HTML. Sluzy do tego specjalny *,zastepujacy wszystkie elementy HTML
Dzieki niemu możemy zdefinowac klasę * czerwony, którą możemy następnie przypisac dowolnemu znacznikowi HTML.
1.22 Na czym polega dziedziczenie stylów?
Dziedziczenie stylow polega na tym. Ze elementylezacenizej w hierarchii znacznikow HTML dziedziczą styl od elementu lezacego wyżej w hierarchii chyba ze nadamy im wprost inne sformatowanie.
3.1 Zdefiniuj pojęcia procesu i algorytmu.
Przetwarzanie danych wejściowych w wyjsciowe
3.2 Wyjaśnij co oznaczają pojęcia: dane wejściowe, algorytm, wyniki.
-Dane wejściowe-skladniki nadane w początku procesu
-algorytm-sposób postepowania przy przetwarzaniu danych
-wyniki-dane wyjściowe(wartości)
3.3 Jakie elementy systemu są niezbędne by wykonać algorytm (Sprzęt (przybory) i oprogramowanie)?
Uzasadnij dlaczego?
Oprogramowanie sprzet (przybory)
3.4 Czym zajmuje się algorytmika?
Jest to obszar dzialan związanych z algorytmami
3.5 Podaj przykład czynności w której realizacji posługujesz się algorytmem?
Czynnosci telefonowania, montaż fotela obrotowego
3.6 Podaj przykłady zadań algorytmicznych trudnych (bądź niemożliwych) do wykonania przez komputer.
Rozpoznanie dokładnie wieku człowieka na podstawie zdjęcia
3.7 Jaki poziom szczegółowości jest niezbędny by poprawnie zdefiniować algorytm?
Tak dobry aby odpowiadal szczególnym możliwościom danego sprzętu
3.8 Dlaczego poziom szczegółowości jest ważny dla definiowania algorytmu?
3.9 Co to są akcje podstawowe i po co należy je uzgadniać?
3.10 Czy krótki algorytm może być wykonywany długo? Od czego zależy czas wykonywania algorytmu?
Może być. Zależy od szybkości działania urzadzen realizujących algorytm
3.11 Dlaczego należy specyfikować rodzaj dopuszczalnych danych wejściowych dla algorytmu?
3.12 Z jakich elementów składa się zadanie algorytmiczne? --scharakteryzowania dopuszczalnego zbioru potencjalnych zestawów danych wejściowych ---specyfikacji pożądanych wynikow jako funkcji danych wejściowych
Wykład 4 Algorytmy i dane
4.1 Dlaczego kolejność wykonywania akcji w algorytmie ma znaczenie?
Tak jak m matematyce obowiazuje kolejność wykonywania dzialan, jeśli nie określi się tego inaczej
4.2 Jakie znasz struktury przepływu
sterowania?
--bezpośrednie następstwo
--wybor warunkowy
4.3 Jak działa sortowanie bąbelkowe?
Zmiana miejscami gdy element 1 jest większy niż 2
4.4 Jak działa instrukcja skoku? Czy można ją wyeliminować z języków programowania? Uzasadnij.
Kieruje realizacja algorytmu poprzez ominiecie niektórych „niepotrzebnych” poleceń można wyeliminować, ale realizacja algorytmu wydluzy się
4.5 Co to są schematy blokowe? Z jakich elementów je składamy? Podaj przykład.
Jest to ilustracja algorytmu. Z instrukcjami, tekstow (wyborow) i strzalek kierunku działania
4.6 Do czego w programach mogą się przydać podprogramy? (Jaki są korzyści z ich użycia?)
Do wyszukiwania szczególnych kombinacji symboli(Podprogramy skracają algorytm przyspieszając prace programu)
4.7 Na czym polegają analityczna i syntetyczna metoda budowy algorytmów?
Analityczna-na zaprojektowaniu algorytmu od końcowego programu i dazeniu do początkowego
Syntetyczna-na tworzeniu algorytmu od początkowych programów az do wywołujących je programów koncowych
4.8 Co to jest rekurencja i do czego można ją wykorzystać?
Jest to zdolność programu do wywolania samego siebie. Do osiagniecia oczekiwanego wyniku końcowego z duzadokladnoscia
4.9 Jakie znasz sposoby algorytmicznego opisywania długich procesów za pomocą zwięzłych instrukcji?
Konstrukcje iteracyjne i programy rekurencyjne
4.10 Dlaczego z typem danych związane są akcje podstawowe?
Każdy z typow danych dopuszcza swój specjalny zbiorów dozwolonych akcji lub operacji
4.11 Co to są zmienne i do czego można je wykorzystać w algorytmach?
Zmienne sa to wartości których wielkosci ulegają zmianie w trakcie wykonywania algorytmu i można je wykorzystać jako pamięci w algorytmie
4.12 Jakiego rodzaju dane możemy przechowywać w tablicach jednowymiarowych? Podaj przykłady.
4.13 W jaki sposób zorganizowany jest wektor (lista, tablica jednowymiarowa)? Jak odwołujemy się do jego
poszczególnych elementów ?
jak lista inaczej tablica jednowymiarowa. Do każdego z osobna
4.14 Jakiego rodzaju dane możemy przechowywać w tablicach dwuwymiarowych? Podaj przykłady.
Może to być tabliczka mnożenia lub lista pracowników i ich place
4.15 W jaki sposób zorganizowane są tabele (tablice dwuwymiarowe)? Jak odwołujemy się do ich poszczególnych elementów ?
W rzedach i wierszach. Poprzez uzycieindeksow wiersza i kolumny
4.16 Przy pomocy jakich struktur sterujących najwygodniej jest operować na zmiennych, wektorach i
tabelach (tablicach dwuwymiarowych)? (każdej z tych struktur danych odpowiada właściwa struktura
sterująca)
4.17 Co to są listy LIFO i FIFO? Jak zorganizowane są w nich dane?
Są to: stos i kolejka czyli porządek obowiazuje—FIFO najpierw. Elementy kladzie się na stosie a zaczyna się od wierzcholka
4.18 Co to jest drzewo i do czego może się przydać?
Jest to struktura zaleznosci danych
4.19 Wyjaśnij znaczenie pojęć: węzeł, korzeń, gałąź, liść, ścieżka, potomstwo, rodzeństwo w odniesieniu do
drzewa.
Wezel—rozgałęzienie miedzy pniem a konarami, korzeń—obiekt podstawowy, gałąź—pzrejscie w kierunku liscia, liść—węzełna spodzie drzewa nie majace potomstwa, ścieżka—droga w drzewie, potowstwo—kolejne warstwy drzewa, rodzeństwo—węzły wychodzące z jednego punktu
4.20 Omów najważniejsze etapy sortownia drzewiastego. Jak powstaje binarne drzewo poszukiwań?
1 – przekształcenie listy wejściowej w binarne drzewo poszukiwań T
2 – obejście drzewa T w porządku najpierw w lewo i wypisanie każdego elementu przy drugich jego odwiedzinach. W celu posortowania elementówalgorytm organizuje te elementyw drzewo binarne
4.21 Jaką konstrukcję programistyczną (sterująca) odpowiada drzewom? Dlaczego jest ona zwykle wygodna
podczas pracy z drzewami?
Drzewom-odpowiada konstrukcja rekurencyjnosci
4.22 Na co mogą się przydać bazy danych i bazy wiedzy? Do uzyskania szybkiego dostępu do określonego typu danych i manipulowaniu nimi
Wykład 5 Języki programowania
5.1 Dlaczego programy wymagają precyzyjnej składni? Co zawiera formalna składnia języka programowania?
Komputery nie rozumieją jezyka potocznego ,potrzebne im sa jednoznaczne polecenia. Zawiera systematyczne warianty struktury sterujących, systematyczne sposoby definiowania roznych struktur danych, systematyczne wzorce podstawowych instrukcji
5.2 Jakie znasz sposoby przedstawiania reguł składniowych? Podaj przykłady.
Notacja BNF
5.3 Dlaczego oprócz składni i interpunkcji w języku programowania ważna jest semantyka?
Bez formalnej i jednoznacznej semantyki czyli bez znaczenia każdego wyrazsenia dowolnego składniowo, składnia jest niemal bezwartosciowa
5.4 Jakie etapy są niezbędne by przejść od programu w języku programowania do jego wykonania przez
komputer? Jakie znasz sposoby wykonywania programu przez komputer?
5.5 Czym różnią się od siebie kompilacja i interpretowanie programów?
(komplikacja jest przetlumczeniem programu ,Interpretacja jest tłumaczeniem instrukcji wysokiego poziomu na instrukcje poziomu niższego oraz natychmiastowym jej wykonaniem)
Wszystkie jezyki programowania mogą być kompilowane, a nie wszystkie interpretowane
5.6 Co to jest język adresów symbolicznych?
Jest to jezyk programowania niszego poziomu – assembler
5.7 Dlaczego nie istnieje jeden uniwersalny język programowania, którego wszyscy mogliby się nauczyć i
posługiwać przez całe życie?
Ograniczają to nowe osiagniecia sprzętowego oraz nowe i zróżnicowane dziedziny zastosowań
Wykład 6 Javascript – Wprowadzenie
6.1 Co to jest JavaScript? Jakie są możliwości JavaScriptu?
Jest to jezyk programowania, który można wlaczac do strony Html i umozliwiawyposazenie strony w elementy interaktywności takie jak: sprawdzanie poprawności wypełniania formularza, kontrolę przeglądarki, wyświetlenie elementów aktywnych
6.2 Wyjaśnij pojęcie obiektu? Jakie cechy mają obiekty w JavaScript?
Jest to element występujący w oknie przeglądarki – formularz, przycisk, pole wyboru, metody wykonują operacje, zdarzenia to czynności podejmowane na reakcję użytkownika
6.3 Jak odwołujemy się do metod obiektów?
Np.dokument. wypisz() dokument – nazwa obiektu, wypisz – nazwa metody
6.4 Jak do kodu skryptu wstawić komentarz?
Jednolinijkowy rozpoczynamy // - brak znaku końca
Wieloliniowy rozpoczynamy /*i kończymy*/
6.5 Jakie znasz sposoby umieszczania skryptów na stronie internetowej?
W sekcji nagłówkowej<head></head> lub w sekcji <body></body> miedzy znacznikami <script></script>
6.6 Jak skorzystać na stronie internetowej ze skryptu umieszczonego w zewnętrznym pliku? Poleceniem <scriptsrc=”nazwa.js”></script>
Wykład 7 Javascript – Podstawy programowania
7.1 Jakie znasz typy danych w JavaScript?
liczby (Number);
ciągi znaków (String);
wartości logiczne (Boolean);
obiekty (Object);
tablice (Array);
dwa typy/wartości specjalne: Null i Undefined.
7.2 Co to są zmienne? Do czego służą? Jak deklarujemy zmienne w JavaScript?
Zmienne to coś w rodzaju "pudełek" w których możemy przechowywać pewne wartości. Każda zmienna powinna mieć zadeklarowaną swoją nazwę.
7.3 Jakie rygory muszą spełniać nazwy w JavaScript?
-----------------
7.4 Wymień podstawowe działania (arytmetyczne) i podaj sposób ich zapisu w JavaScript?
+ - dodawanie; np. 3 + 2 = 5;
- - odejmowanie; np. 3 - 2 = 1;
* - mnożenie; np. 3 * 2 = 6;
/ - dzielenie; np. 3 / 2 = 1.5;
% - dzielenie modulo (inaczej reszta z dzielenia); np. 7 % 3 = 1;
7.5 Wymień podstawowe operatory porównania i podaj sposób ich zapisu w JavaScript?
Równość
1 == 2; // false
2 == 2; // true
dwie wartości są różne
1 != 2; // true
2 != 2; // false
7.6 Wymień podstawowe operatory logiczne i podaj sposób ich zapisu w JavaScript?
Negacja logiczna
!true; // false
!false; // true
Operator iloczynu logicznego
false&&false; // false
false&&true; // false
true&&false; // false
true&&true; // true
Operator sumylogicznej
false || false; // false
false || true; // true
true || false; // true
true || true; // true
7.7 Do czego służy operator przypisania? Jakie znasz operatory przypisania?
Podstawowym operatorem przypisania jest operator =
wygląda on w ten sposób:
varzmienna = 1234;
Poza nim istnieje jeszcze grupa operatorów która powstała aby uprościć zapisywanie operacji w stylu n = n + 2, czyli gdy wynik działania ma być przypisany do pierwszego parametru użytego operatora.
7.8 Wyjaśnij działanie i podaj składnię operatorów inkrementacji i dekrementacji?
łużą one do zmniejszenia lub zwiększenia wartości danej zmiennej o 1. Każdy operator można stosować na 2 sposoby: preinkrementacja/predekrementacja - najpierw wartość zmiennej zostanie zmieniona, a później zwrócona, lub postinkrementacji/postdekrementacji - najpierw zostanie zwrócona wartość zmiennej, a następnie wartość zmiennej zostanie zmieniona.
7.9 Wyjaśnij różnicę w działaniu operatorów x++ i ++x?
X++
inkrementacja/dekrementacjapostfiksowa – zwraca wartość zmiennej x, następnie zwiększa/zmniejsza ją o 1
++x
inkrementacja/dekrementacja prefiksowa – zwiększa/zmniejsza wartość zmiennej o 1 oraz zwraca jej nową wartość
7.10 Jak dokonać konwersji tekstu na liczbę i liczby na tekst?
varmyVar = 123;
varstr = String(myVar);
alert( typeofstr );// shows "string"
Wykład 8 Javascript – Instrukcje sterujące
8.1 Wyjaśnij do czego służą w programach struktury sterujące?
struktur sterujący używamy prawie w każdym skrypcie JavaScript,
Podstawowe instrukcje sterujące pomagają przy dokonywaniu wyborów
8.2 Jak konstruujemy warunki logiczne dla potrzeb instrukcji sterujących?
Jeżeli kupisz mi zabawkę, to nie będę płakał.
Powyższa wypowiedź to typowy warunek, który steruje działaniami rodziców ^^.
Tak samo Javascript udostępnia nam instrukcje warunkowe, które sterują przebiegiem naszego programu.
Instrukcja warunkowa wykonuje wybrany kod, w zależności czy wartość wyrażenia jest prawdą (true) czy fałszem (false).
Instrukcja if sprawdza dany warunek, i w zależności od tego czy zwróci true lub false wykona lub nie wykona sekcję kodu zawartą w klamrach:
8.3 Podaj składnię i przykład wykorzystania instrukcji złożonej.
Często zdarza się że zamiast pojedynczej instrukcji trzeba wykonać grupę instrukcji. Aby to zrobić, należy otoczyć je nawiasami klamrowymi { }:
if(a>0)
{
alert("a jest większe od zera");
a = 0xCAFEBABE;
}
Zgrupowane w ten sposób instrukcje nazywa się także instrukcją złożoną.
8.4 Jaka jest składnia i działanie instrukcji warunkowej?
Instrukcje warunkowe służą do decydowania który fragment kodu powinien zostać wykonany w zależności od spełnienia określonych warunków; inaczej mówiąc służą do rozgałęzienia ścieżki wykonywania skryptu.
Podstawową instrukcją warunkową jest instrukcja if. Wygląda ona następująco:
if(warunek)
instrukcja;
8.5 Jak stosujemy wyrażenia warunkowe?
Warunek jest to dowolne wyrażenie zwracające wartość logiczną (typ Boolean), lub wyrażenie które da się skonwertować na taki typ, czyli praktycznie wszystko. Instrukcja jest to natomiast dowolna instrukcja JavaScript.
Polecenie warunkowe if można zatem wykorzystać następująco:
if(a>0)
alert("a jest większe od zera");
8.6 Podaj składnię i przykład wykorzystania instrukcji wyboru.
Instrukcja wyboru jest to instrukcja, która w zależności od zadanego warunku wykonuje odpowiednie poleceia. Oto jej zapis:
if (warunek) { polecenia } else { polecennia }.
8.7 Do czego służą instrukcje iteracyjne? Wymień znane ci konstrukcje iteracyjne w JavaScript.
instrukcję while, pozwalającą programować obliczenia tak długo, jak prawdziwy jest pewien warunek,
instrukcje do ... while, podobną do poprzedniej, z pewną, opisaną niżej modyfikacją.
instrukcję for, służącą do programowania obliczeń powtarzających się tak długo, jak długo pewna zmienna sterująca przyjmuje wartości z pewnego zbioru,
8.8 Omów składnię i działanie pętli for.
Pętla FOR-EACH służy do iteracji po kolejnych elementach tablicy lub kolekcji. O kolekcjach jeszcze sobie nie mówiliśmy, ale pętla działa dla nich dokładnie tak samo jak dla tablic, na przykładzie których zapoznamy się z tą konstrukcją programistyczną. Ogólna składnia pętli FOR-EACH jest następująca:
for ({deklaracja zmiennej pętli} : {kolekcja lub tablica}) {
{ciało pętli}
8.9 Omów składnię i działanie pętli while.
Pętlę while najczęściej wykorzystuje się w miejscach, gdzie zakładana ilość powtórzeń jest bliżej nieokreślona, ale znamy warunek jaki musi być spełniony.
while(warunek){
instrukcje do wykonania}
8.10 Omów składnię i działanie pętli do-while.
Pętla DO-WHILE to wariant pętli WHILE. Różnica polega na tym, że w pętli WHILE warunek sprawdzany jest przed wykonaniem ciała pętli, natomiast w pętli DO-WHILE po
do {
{ciało pętli}
} while ({warunek pętli});
8.11 Do czego służy konstrukcja with?
8.12 W jaki sposób w JavaScript obsługujemy sytuacje wyjątkowe?
Podczas działania programu mogą wystąpić różne sytuacje specjalne, do których należą m.in. wystąpienia błędu polegającego na próbie otwarcia pliku, który nie istnieje. Java posiada zapożyczony z języka Ada mechanizm informowania o błędach: wyjątki (ang. exceptions). Mechanizm obsługi wyjątków w Javie umożliwia zaprogramowanie "wyjścia" z takich sytuacji krytycznych, dzięki czemu program nie zawiesi się po wystąpieniu błędu wykonując ciąg operacji obsługujących wyjątek. Generowanie i obsługę sytuacji wyjątkowych w Javie zrealizowano przy wykorzystaniu paradygmatu programowania zorientowanego obiektowo.
Wykład 9 Javascript – Funkcje
9.1 Co to jest funkcja?
Funkcja, ogólnie rzecz biorąc, jest to kawałek kodu przypisany do jakiejś nazwy. Gdziekolwiek w kodzie będzie napotkany ciąg znaków a bezpośrednio po nim para nawiasów okrągłych, kompilator Javy uzna że to jest funkcja i będzie próbował ją wywołać
9.2 Przedstaw formalną składnię funkcji.
9.3 Jak wykorzystać parametry funkcji? W jaki sposób określamy jej wynik?
9.4 Czym różnią się zmienne globalne i lokalne? Wyjaśnij pojęcie zasięgu zmiennych.
9.5 Jakie znasz sposoby wywoływania funkcji?
onClick Kliknięcie myszką na dany element.onDblclick Podwójne kliknięcie --- . onFocus Wybranie danego pola formularza. onBlur Odwrotne doonFocus
9.6 Co to jest rekurencja? Pokaż przykład wykorzystanie rekurencji w programie JavaScript.
Funkcje rekurencyjne to takie, które wywołują same siebie, tylko zazwyczaj z innymi parametrami. Funkcje te mogą działać ‘od końca’, lub ‘od początku’.
voidpiramida(intlevel){
9.7 Jak umieścić funkcję w zewnętrznej bibliotece? Jak wykorzystać w kodzie strony funkcję z zewnętrznej
biblioteki?