Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-03-23.01-SG - Styczeń 2023 - Wersja #03
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik gazeta.sql
-- phpMyAdmin SQL Dump
-- version 5.2.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Sty 31, 2024 at 06:14 PM
-- Wersja serwera: 10.4.28-MariaDB
-- Wersja PHP: 8.2.4
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `gazeta`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `ogloszenia`
--
CREATE TABLE `ogloszenia` (
`id` int(10) UNSIGNED NOT NULL,
`kategoria` int(10) UNSIGNED DEFAULT NULL,
`podkategoria` int(10) UNSIGNED DEFAULT NULL,
`tytul` text DEFAULT NULL,
`tresc` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Dumping data for table `ogloszenia`
--
INSERT INTO `ogloszenia` (`id`, `kategoria`, `podkategoria`, `tytul`, `tresc`) VALUES
(1, 1, 12, 'Daniel Craig. Biografia', 'Biografia Daniela Craiga, niedrogo sprzedam'),
(2, 1, 13, 'Selekcja', 'Sprzedam: \"Selekcja\" J. Kellermana, niezniszczona'),
(3, 1, 13, 'Buick', 'Sprzedam horror Stephena Kinga w dobrym stanie'),
(4, 1, 14, 'Tytus, Romek i Atomek', 'Ks. IV do sprzedania, stan dobry'),
(5, 2, 1, 'Imagine Dragons', 'Sprzedam dwa CD Imagine Dragons');
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `ogloszenia`
--
ALTER TABLE `ogloszenia`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `ogloszenia`
--
ALTER TABLE `ogloszenia`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Plik kwerendy.txt
Zapytanie 1: SELECT id, tytul FROM ogloszenia ORDER BY tytul ASC;
Zapytanie 2: SELECT tytul FROM ogloszenia WHERE kategoria = 1 AND podkategoria = 13;
Zapytanie 3: UPDATE ogloszenia SET podkategoria = 1 WHERE id = 5;
Zapytanie 4: ALTER TABLE ogloszenia DROP COLUMN uzytkownik_id;
Plik informacje.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gazeta</title>
<link rel="stylesheet" href="styl3.css">
</head>
<body>
<header>
<h1>Gazeta codzienna</h1>
</header>
<main>
<button type="button" onclick="widocznosc('artykul1')">Sekcja wiadomości z kraju</button>
<section id="artykul1">
<h2>Szczepimy seniorów</h2>
<p>Od piątku osoby powyżej 80 lat mogą zarejestrować się na szczepienie przeciw COVID-19. Do wyboru mają niemal sześć tysięcy przychodni, w których od 25 stycznia będą odbywać się szczepienia. Termin można zarezerwować telefonicznie, przez internet lub w punkcie szczepień. Na szczepienie przeciw COVID-19 od piątku mogą się umawiać seniorzy powyżej 80. roku życia, a tydzień później ruszą zapisy dla osób, które ukończyły 70 lat. Szczepienia dla seniorów rozpoczną się 25 stycznia.</p>
</section>
<button type="button" onclick="widocznosc('artykul2')">Sekcja sportowa</button>
<section id="artykul2">
<h2>Stoch i Kubacki na podium w Bischofshofen</h2>
<p>W środę w Bischofshofen odbędzie się ostatni konkurs 69. Turnieju Czterech Skoczni. Po trzech zawodach prowadzi Kamil Stoch z dużą przewagą nad Dawidem Kubackim i Norwegiem Halvorem Egnerem Granerudem. Skocznia im. Paula Ausserleitnera w Bischofshofen, gdzie tradycyjnie kończy się TCS, jest szczęśliwa dla reprezentantów Polski, którzy wygrali tu trzy z ostatnich czterech konkursów - Stoch w 2017 i 2018, a Kubacki - w ubiegłym roku.</p>
</section>
<button type="button" onclick="widocznosc('artykul3')">Sekcja aktualności</button>
<section id="artykul3">
<h2>Dzień Babci 2021. Pomysły na prezent i historia święta w Polsce</h2>
<p>Dzień Babci to wyjątkowe święto, w którym zewsząd płyną życzenia skierowane właśnie w stronę babć. Najmłodsi własnoręcznie lub z drobną pomocą wykonują piękne laurki, a nieco starsze wnuczęta z pewnością mają przygotowany niejeden prezent. Tego dnia w szkołach często przygotowywane są także różne przedstawienia, a oryginalne scenariusze często wywołują u dziadków łzy wzruszenia.</p>
</section>
<button type="button" onclick="widocznosc('artykul4')">Sekcja ogłoszeń</button>
<section id="artykul4">
<h2>Zaginione i znalezione</h2>
<p>W Oławie, na ulicy Lipowej w piątek wieczorem znalazłam czarnego małego kotka. Jest zadbany i ufny, ma czerwoną obróżkę. Telefon 600100200.</p>
</section>
</main>
<footer>
<p class="cytat">Pierwszym obowiązkiem dziennikarza jest nie nudzić. Drugim: nie bać się. Trzecim: niczego nie wyrzucać.</p>
<img src="obraz.jpg" alt="redaktor naczelny" />
<h5>Jan Nowak<br />Redaktor naczelny<br />gazety codziennej</h5>
<h3>Zespół</h3>
<table>
<tr>
<td>Ewa</td>
<td>wiadomości z kraju</td>
</tr>
<tr>
<td>Krzysiek</td>
<td>sport</td>
</tr>
<tr>
<td>Ewelina</td>
<td>aktualności</td>
</tr>
<tr>
<td>Robert</td>
<td>ogłoszenia</td>
</tr>
</table>
<a href="http://dziennikarz.pl/" target="_blank">Więcej artykułów</a>
<p>Stronę gazety codziennej przygotował: <a href="https://ee-informatyk.pl/" target="_blank" style="text-decoration: none;color: #fff;font-weight: bold;">EE-Informatyk.pl</a></p>
</footer>
<script>
function widocznosc(id) {
let artykul = document.getElementById(id);
let artykul1 = document.getElementById('artykul1');
let artykul2 = document.getElementById('artykul2');
let artykul3 = document.getElementById('artykul3');
let artykul4 = document.getElementById('artykul4');
artykul1.style.display = 'none';
artykul2.style.display = 'none';
artykul3.style.display = 'none';
artykul4.style.display = 'none';
artykul.style.display = 'block';
}
</script>
</body>
</html>
Plik styl3.css
body {
font-family: Georgia;
background: aliceblue;
}
header {
background: #A00037;
color: white;
text-align: center;
font-size: 150%;
padding: 3px;
}
main {
width: 70%;
float: left;
}
button {
background: #D81B60;
color: white;
padding: 15px;
margin: 20px;
width: 100%;
}
main > section {
display: none;
}
footer {
float: right;
background: #D81B60;
color: white;
width: 20%;
padding: 5px;
margin: 10px;
box-shadow: 15px 15px 12px dimgray;
}
h5, p.cytat {
font-style: italic;
text-align: center;
margin: 0;
}
img {
height: 100%;
width: 100%;
}
table {
margin: auto;
width: 95%;
border: 1px solid aliceblue;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL