<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>TWORZENIE STRON INTERNETOWYCH by Klaudia</title>
      <link>https://padlet.com/wykladowca56/jd5eznmserpk</link>
      <description></description>
      <language>en-us</language>
      <pubDate>2020-02-24 17:33:22 UTC</pubDate>
      <lastBuildDate>2025-11-17 21:35:14 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url>https://padlet.net/icons/png/1f4bb.png</url>
      </image>
      <item>
         <title></title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449633456</link>
         <description><![CDATA[<div><strong>1. Język HTML</strong></div>]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/455829954/c8ecf4168e45f13fd761f15272457b1e/film_zapisanie_dokumentu_tekstowego_z_rozszerzeniem_html_w_programie_notepad_.mp4" />
         <pubDate>2020-02-24 17:52:02 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449633456</guid>
      </item>
      <item>
         <title></title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449636789</link>
         <description><![CDATA[<div><strong>2. Struktura strony www</strong></div>]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/455829954/e342b0a2433d98aa16397cae3e894c61/film_podstawowa_struktura_strony_internetowej.mp4" />
         <pubDate>2020-02-24 17:56:30 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449636789</guid>
      </item>
      <item>
         <title></title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449676944</link>
         <description><![CDATA[<div><strong>3. Podstawowe znaczniki-</strong> (Patrz str: 222 Podręcznik:"Informatyka na czasie" (Zakres podstawowy). Red. Janusz Mazur. Nowa Era.)</div>]]></description>
         <enclosure url="" />
         <pubDate>2020-02-24 18:44:49 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449676944</guid>
      </item>
      <item>
         <title></title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449678986</link>
         <description><![CDATA[<div><strong>4</strong>. <strong>Wykonaj: Ćw2. str.172 </strong></div><div>Podręcznik:"Informatyka na czasie" (Zakres podstawowy). Red. Janusz Mazur. Nowa Era </div>]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/455829954/3049fc22e15855c3c208488f8d5e709f/Tworzenie_stron_internetowych__zad2_str_172.jpg" />
         <pubDate>2020-02-24 18:47:19 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449678986</guid>
      </item>
      <item>
         <title></title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449684445</link>
         <description><![CDATA[<div><strong>5. Programy do tworzenia i edycji stron www</strong>.    <br><br>              <strong>Firebug 2.0.19 </strong>(polska wersja)- darmowy (na licencji:Freeware),                                        <strong>FrontPage-</strong>pakiet Microsoft Office lub jako oddzielna aplikacja.- komercyjny.          <br>            <br><br><strong>Edytory kodu źródłowego: </strong>                                                                              <strong>Notepad++</strong>  -edytor kodu źródłowego.<br> https://notepad-plus-plus.org <br><br>          <strong> Atom</strong>- edytor kodu źródłowego<br>https://atom.io<br><br>            <strong>Brackets</strong>- edytor kodu źródłowego<br>https://brackets.io<br><br>    <strong>        Gedit </strong>- edytor kodu źródłowego.<br>https://wiki.gnome.org/Apps/Gedit<br><br><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2020-02-24 18:54:24 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449684445</guid>
      </item>
      <item>
         <title>10. Źródło:  </title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449688866</link>
         <description><![CDATA[<ul><li>Podręcznik:"Informatyka na czasie" (Zakres podstawowy). Red. Janusz Mazur. Nowa Era ,  str.168-182</li><li>Materiał filmowy : Nowa Era. Materiały dydaktyczne dla nauczycieli.  </li><li> Materiały własne.</li></ul>]]></description>
         <enclosure url="" />
         <pubDate>2020-02-24 19:00:10 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/449688866</guid>
      </item>
      <item>
         <title>6. Znaczniki  c.d (cz1.)</title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/453212148</link>
         <description><![CDATA[<ul><li><strong>Nagłówek.</strong></li></ul><pre><mark>&lt;h1&gt; nagłówek&lt;/h1&gt;</mark></pre><div>W HTML występuje 6 stopni nagłówków, oznaczonych od <mark>&lt;h1&gt; do &lt;h6&gt; </mark></div><div>(Patrz:   ryc.11.4 str.173)<br><br></div><ul><li><strong>Akapit.</strong></li></ul><pre><mark>&lt;p&gt; nowy akapit tekstu &lt;/p&gt;</mark></pre><div>W akapitach można zastosować  pojedynczy znacznik "łamania tekstu" i przeniesienie go do nowej linii:</div><pre><mark>&lt;br/&gt;</mark> lub <mark>&lt;br&gt;</mark></pre><div>np: </div><pre><mark>&lt;p&gt; Tekst po znaczniku przenosimy &lt;br/&gt; do nowej linii &lt;/p&gt;
</mark><br></pre><ul><li><strong>Linia pozioma</strong></li></ul><div>Poprawia czytelność, rozdziela dwie części strony.<br>Znacznik: </div><pre><mark>&lt;hr&gt;</mark></pre><div>np.</div><pre><mark>&lt;h2&gt; Moja strona &lt;/h2&gt;
&lt;hr&gt;
&lt;p&gt; Witaj na mojej stronie &lt;/p&gt;</mark></pre><div><br></div><ul><li><strong>Grafika</strong></li></ul><div>Grafikę na stronie możemy umieścić za pomocą znacznika: </div><pre><mark>&lt;img&gt; </mark></pre><div>który nie wymaga znacznika zamykającego i występować może z atrybutem:  <mark>src =</mark>  (wraz z podaną ścieżką dostępu do pliku graficznego)<br>np.</div><pre><mark>&lt;img src= "Moje zdjęcie.jpg"&gt;
</mark><br></pre><div>Ścieżka dostępu do pliku może by :<mark>względna i bezwzględna.<br>Względna </mark>-kieruje do miejsca docelowego od miejsca, gdzie znajduje się plik źródłowy .<br>( np. kod linii)<br><mark>Bezwzględna</mark> - to pełna ścieżka dostępu od katalogu głównego ( np.: C:/Users/Images/zdjęcia.jpg. )<br><br>Znacznik <mark>&lt;img&gt;</mark> ma wiele atrybutów:<br>np.</div><div><mark>src=</mark></div><div><mark>alt=</mark> ( tekst alternatywny, gdy przeglądarka nie wyświetli grafiki). Zawsze powinno się go uwzględniać podczas pisania kodu źródłowego w odniesieniu do grafiki.<br>np.:</div><pre><mark>&lt;img src="zdjęcie. jpg" alt= "piłka nożna" width="350" height="650"&gt;</mark></pre><div>Aby dostosować obraz do okna przegladarki  urządzenia jakie będzie wyświetlać stronę www, stosuje się znacznik:<br><mark>&lt;picture&gt;<br>&lt;source media= (</mark>podajemy minimalną szerokość okna przeglądarki)<br>Źródło grafiki wskazujemy atrybutu: <mark>srcset<br></mark><strong>(Patrz.: str 175 u dołu- </strong>zapis kodu źródłowego)<br><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2020-03-02 19:36:49 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/453212148</guid>
      </item>
      <item>
         <title>7. Wykonaj ćw. 3 str 173 Menu (Restauracja)</title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/453244383</link>
         <description><![CDATA[<div><strong><br></strong>Podręcznik:"Informatyka na czasie" (Zakres podstawowy). Red. Janusz Mazur. Nowa Era </div>]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/455829954/a99a231ec00fee1535f2b5e4aec5c905/Tworzenie_stron_internetowych__zad3_str_173.jpg" />
         <pubDate>2020-03-02 20:25:30 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/453244383</guid>
      </item>
      <item>
         <title>8.Znaczniki c.d (cz2.)</title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/457043106</link>
         <description><![CDATA[<div><strong>1. Hiperłącze (Link, Odnośnik):</strong></div><div>Służy do szybkiego i łatwego przemieszczania się między stronami.</div><pre><mark>&lt;a&gt; &lt;/a&gt;</mark></pre><div>+ atrybut: <mark>href</mark> ( przy nim adres strony do której chcemy się odnieść, zapisany w pełnej wersji: https:// lub http:// )<br>+ atrybut: <mark>target </mark>z wartością <mark>"_blank" -</mark>strona otworzy się na nowej stronie przeglądarki.<br>np: </div><pre><mark>&lt;a href= "https://www.nowaera.pl" target="_blank&gt;</mark> <em>Strona Wydawnictwa  Nowa Era </em><mark>&lt;/a&gt;</mark></pre><div><br></div><ul><li><strong>Wstawianie pliku  graficznego - przeniesienie do innej strony</strong></li></ul><div>np:</div><pre><mark>&lt;a href= </mark>"http://www.nowaera.pl"<mark>&gt;&lt;img src="logo.jpg"&gt;&lt;/a&gt;</mark></pre><div><br></div><ul><li><strong>przenoszenie do wybranego fragm. strony</strong></li></ul><div><mark>id=</mark> ( atrybut) nazwa wybranego frag. strony.<br>np.:</div><pre><mark>&lt;h2 id="Kontakt"&gt; </mark>Dane adresowe<mark>&lt;/h2&gt;</mark></pre><div><br></div><pre><mark>&lt;a href="#Kontakt"&gt; </mark>Idź do danych adresowych <mark>&lt;/a&gt;</mark></pre><div><br></div><ul><li><strong>linkowanie do adresu e-mail</strong></li></ul><div>np.:</div><pre><mark>&lt;a href="mailto:informatyka@nowaera.pl"&gt; </mark>Wyślij wiadomość<mark>&lt;/a&gt;</mark></pre><div><br></div><div><strong>2. Tabele:</strong></div><pre><strong>  </strong><mark>&lt;table&gt;&lt;/table&gt;</mark></pre><div><mark>&lt;tr&gt;&lt;/tr&gt; </mark>znaczniki dla wierszy w tabeli<br><mark>&lt;td&gt;&lt;/td&gt;</mark>znaczniki dla komórek w wierszach<br><mark>&lt;th&gt;&lt;/th&gt;</mark> znaczniki dla nagłówka w pierwszym wierszu tabeli.<br>np. <strong><em><mark>Przykładowa tabela:Waluty </mark></em></strong><strong><em>(patrz rys. 11.7, str 177 Podręcznik)</em></strong></div><pre><mark>&lt;table border="1"&gt;</mark><mark>&lt;tr&gt;
&lt;th&gt;Waluta&lt;/th&gt;
&lt;th&gt;zapis&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;</mark><mark>&lt;td&gt;Dolar amerykański&lt;/td&gt;
&lt;td&gt;USD&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Złoty polski&lt;/td&gt;
&lt;td&gt;PLN&lt;/td&gt;</mark>
<mark>&lt;/tr&gt;
&lt;/table&gt;</mark></pre><div><strong>3. Komentarze:<br></strong>Dobra praktyka w pracy zespołowej przy budowie jednej strony.<br>Aby komentarze nie były widoczne na stronie, umieszcza się je między:</div><pre><mark>&lt;!-- komentarz--&gt;</mark></pre><div>np:</div><pre><mark>&lt;h1&gt;Rozdział1&lt;/h1&gt;&lt;!--tytuł rozdziału--&gt;</mark></pre><div><strong>4. Listy (numerowane lub punktowane):</strong></div><div><mark>&lt;ol&gt; &lt;/ol&gt; </mark>lista nienumerowana<br><mark>&lt;ul&gt;&lt;/ul&gt;</mark> lista numerowana<br><mark>&lt;li&gt;&lt;/li&gt;</mark>  kolejne elementy listy<br><br>np.:</div><pre><mark>&lt;ul&gt;
&lt;li&gt;</mark>Matematyka<mark>&lt;/li&gt;
&lt;li&gt;</mark>Informatyka<mark>&lt;/li&gt;
&lt;/ul&gt;
</mark><br></pre><div><strong>5. Kolory:<br></strong>Do opisu koloru wykorzystuje się model<strong> RGB </strong>( red/green/blue)<br>np:</div><pre><mark>&lt;p style="color:#7cfc00;"&gt; </mark>zapis szesnastkowy<mark>&lt;/p&gt;</mark></pre><div><br>(lub)</div><pre><mark>&lt;p style="color:rgb(124,252,0);&gt; </mark>zapis koloru w trybie RGB<mark>&lt;/p&gt;</mark></pre><div>(lub)</div><pre><mark>&lt;p style="color:Purple;"&gt;</mark>Fiolet<mark>&lt;/p&gt;</mark></pre>]]></description>
         <enclosure url="" />
         <pubDate>2020-03-09 17:29:28 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/457043106</guid>
      </item>
      <item>
         <title>9. Ćw. Na podstawie ćw.3 str173 Menu (Restauracja)</title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/457091496</link>
         <description><![CDATA[<div>Otwórz kod źródłowy strony(pen-drive-Notatnik/Word) MENU swojej restauracji i dokonaj modyfikacji:<br><br></div><ol><li> wprowadź do kodu linki do stron odnoszących się do potraw w menu,</li><li>wprowadź zdjęcia tych potraw,</li><li>wprowadź ceny Twoich potraw (w tabeli)</li><li>Zapisz, otwórz przeglądarką i wyślij wykładowcy.</li></ol>]]></description>
         <enclosure url="" />
         <pubDate>2020-03-09 18:28:41 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/457091496</guid>
      </item>
      <item>
         <title>Dodawanie zdjęć do strony www</title>
         <author>wykladowca56</author>
         <link>https://padlet.com/wykladowca56/jd5eznmserpk/wish/515587907</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/455829954/5e656a8b8b91337aa94477cc7156d531/film_dodawanie_zdjec_do_strony_internetowej.mp4" />
         <pubDate>2020-04-19 16:03:09 UTC</pubDate>
         <guid>https://padlet.com/wykladowca56/jd5eznmserpk/wish/515587907</guid>
      </item>
   </channel>
</rss>
