Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Zadanie domowe HTML ? CSS... Pomożecie
#1
Witajcie, mam takie zadanie na informatykę do zrobienia i nie do końca wiem jak się do niego zabrac, pomożecie ? dla niektórych to będzie pestka a ja się muszę meczyc: link do pliku

http://hostuje.net/file.php?id=18b8ff49c11c21f42e0effbf5b05ac06

roz pdf.


Załączone pliki
.pdf   plik.pdf (Rozmiar: 27.71 KB / Pobrań: 1)
Odpowiedz
#2
Musisz mieć 2 strony:
1) plik index.html
Kod:
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title> Szkoła uczy </title>
</head>
<style>
    div {margin-bottom:20px;}
</style>
<body>
    <form action="xxx.html" method="post">
        <div>
            <label for="field1">Dołącz plik</label>
            <input type="file" id="field1" name="plik" />
        </div>
        <div>
            <input type="checkbox" id="field2" name="zaznacz" />
            <label for="field2">Zaznacz</label>
        </div>
        <div>
            <label for="field3">Wybierz dni tygodnia, w których najczęciej odwiedzasz naszą stronę:</label><br>
            <select multiple id="field3" name="dzien">
                <option value="1">Poniedziałek</option>
                <option value="1">Wtorek</option>
                <option value="1">Środa</option>
                <option value="1">Czwartek</option>
                <option value="1">Piątek</option>
            </select>
        </div>
        <div>
            <input type="email" id="field4" name="email" />
            <label for="field4">Wpisz swój adres e-mail</label>
        </div>
        <div>
            <input type="password" id="field5" name="haslo" />
            <label for="field5">Podaj hasło</label>
        </div>
        <div>
            <textarea placeholder="W tym miejscu wpisz komentarz na temat naszej strony" name="komentarz"></textarea>
        </div>
        <div>
            <input type="submit" value="Prześlij" />
            <input type="reset" value="Resetuj" />
        </div>        
    </form>

    <hr />

    <h2>Łącza</h2>
    <a href="mailto:[email protected]">Napisz do nas</a><br>
    Ściagnij <a href="plik.jpg">plik</a>.<br>
    Kliknięcie na podkreślonej części tego zdania ma otworzyć w <a href="strona_z_linkiem.html" target="_blank" rel="nofollow">nowym oknie przeglądarki</a><br>
    nową stronę, w której pojawi się odnośnik do tej strony.
</body>
</html>

2) strona_z_linkiem.html (patrz ostatnie zdanie zadania)
Kod:
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title> Szkoła uczy </title>
</head>
<body>
      <a href="index.html">Przejdź do formularza</a>
</body>
</html>

I nie - nie musisz się męczyć. Albo będziesz się uczył dla siebie a nie dla ocen, albo skończysz machając łopatą (co też złe nie jest).
Odpowiedz
#3
Ale miły jesteś Smile... Ale dzięki że pomogłeś, ja to zrobiłem tak jeszcze wczoraj, co o tym sądzisz ?

Kod:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" />
</head>
<body>

<h1>Elementy formularza</h1>
<br><br><br>


Dolacz plik. <INPUT type=file name=plik size="20">
<br><br><br>
<INPUT TYPE="checkbox" NAME="Zaznacz" VALUE="wartość"> Zaznacz,
<br><br><br><br>

<select name="nazwa" multiple="multiple">
    <option>Poniedzialek</option>
    <option>Wtorek</option>
    <option>Sroda</option>
    <option>Czwartek</option>
    <option>Piatek</option>
    <option>Sobota</option>
    <option>Niedziela</option>
</select>

<br><br><br>

<FORM ACTION="mailto:[email protected]" METHOD="Post">
Wpisz swój adres e-mail:
<INPUT NAME="adres" VALUE="">
<INPUT TYPE="submit" VALUE="Wyślij">
</FORM>
<br><br><br>

<INPUT TYPE="password" NAME="haslo" SIZE="10" MAXLENGHT="20"> Podaj hasło

<br><br><br>

<TEXTAREA NAME=nazwa ROWS=4 COLS=50 WRAP>
W tym miejscu wpisz komentarz na temat naszej strony
</TEXTAREA>

<br><br><br>


<input type=submit <form action=www.terrarystyka.pl value="Przeslij">
<input type=submit <form action=www.terrarystyka.pl value="Resetuj">


        <br><br><br><hr>
    <h1>Łącza</h1>
    
    <a href="mailto: [email protected]">Napisz do nas.</a>
    <br>
    ściągnij <a href="http://hrc650.strefa.pl/FORUM%20PLIKI/AUDIO%20VEN_14F1&DEV_5069.zip">plik.
    </a><br>
Kliknięcie na podkreślonej części tego zdania ma otworzyc <a href="http://index.html" target=_blank> w nowym oknie przeglądarki</a> nową stronę, w której pojawi się odnośnik do tej strony
</body>
</html>
Odpowiedz
#4
1) używaj kodowania utf (patrz mój kod) a nie ISO-8859-2. Dzięki temu z palca będziesz wpisywał poskie znaki a nie jakimis kombinacjami (oczywiście używaj dobrego edytora - np sublime text 2)
2) Uzywaj nagłówka doctype - tego z html5 (patrz początek mojego kodu). Pracy domowej nie odrobiłeś. Pała za to.
2) formularz ma obejmować wszystkie pola. U ciebie obejmuje tylko adres i submit a reszta pól jest poza nim. Obejmij po prostu znacznikiem FORM wszystkie pola.
3)
<input type=submit <form action=www.terrarystyka.pl value="Przeslij">
<input type=submit <form action=www.terrarystyka.pl value="Resetuj">
to jest jakiś misz masz. Nie wiem co to ma robić. Powinno być jak w moim kodzie.
4) W zadaniu miałeś wyraźnie napisane, że klikanie na tekst przy polach ma powodować wybranie danego pola. Do tego stosuje się labele, które w atrybucie for="..." mają id danego pola. Patrz mój kod.

Twój kod piękny nie jest. Stosujesz np <br> do oddzielania elementów. Ale nie oszukujmy się. Na tym poziomie powiedzmy, że to prawidłowe.

Przejrzyj mój kod i dokładnie porównaj go z tym co ty zrobiłeś. I spróbuj wywnioskować czemu zrobiłem tak a nie inaczej. jak czegoś nie będziesz wiedział, wtedy pytaj.

A co do tego czy jestem miły. Jak będziesz się uczył tylko dla ocen i by coś tylko zaliczyć, to w przyszłości życie to zweryfikuje*

*jeżeli masz bogatą ciotkę, ojciec jeździ ferrari, a na deser zamiast szpinaku wcinasz kawior, to możesz te moje pseudo nauki olać.
Odpowiedz
#5
Jakbym uczył się tylko dla ocen to bym to olał i nie próbował sam wykonac zadania, tylko bym poczekał aż ktoś to zrobi za mnie a w momencie pisania tego postu starałem się zrobic go sam a że dopiero zaczynam to cóż. Każdy kiedyś był na tym etapie. Dzięki za pomoc.

Kartofelek skopiowałek Twój kod, zapisałem do index.html uruchamiam w przeglądarce (Firefox i IE) i zamiast pl znaków są kwadraciki, co robię nie tak ?
Odpowiedz
#6
No nie czytasz dokładnie:

1) używaj kodowania utf (patrz mój kod) a nie ISO-8859-2. Dzięki temu z palca będziesz wpisywał poskie znaki a nie jakimis kombinacjami (oczywiście używaj dobrego edytora - np sublime text 2)
Odpowiedz
#7
E tam. Niech się młody uczy od najlepszych. Odkąd mam sublime zapomniałem, że notepad++ w ogóle istnieje Big Grin
Żeby on jeszcze był jakiś ciężki w obsłudze. A to taka bułeczka z masełkiem dla użytkownika Smile No i poza tym możesz potem na zjazdach nerdów się chwalić tym, że używasz Sublime.

- Ej ty - czego używasz?
- ja? - sublime rzecz jasna
- jesteś zajebisty, moge ci wylizać stopy?
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak zrobć POP-UP w html/php i proste pytanko html? MrOMGWTF 7 5,567 01-05-2021, 10:56
Ostatni post: wozniak
  Strona HTML na zaliczenie - dodaj, usuń, edytuj Kurana 1 2,091 01-07-2019, 03:31
Ostatni post: mpire
  [HTML] Filmik zamiast obrazka wyróżniającego kuklaale 1 2,757 02-11-2016, 18:36
Ostatni post: martt4dg
  Problem zm osadzeniem skryptu lighbox w kodzie html gajowy873 2 3,709 24-09-2016, 02:22
Ostatni post: Anatol64
  [CSS][HTML] Ustawienie obrazka z boku strony Witek7777 8 8,476 22-09-2016, 01:05
Ostatni post: pocahontas

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl