Ogólne wskazówki dotyczące tworzenia projektu sieci Web z klasy projektu Szablony

Original: http://terpconnect.umd.edu/~toh/templates/MWP.htm

Wprowadzenie
Klasa Szablony projektu to zestawy plików, które służą jako szablony, aby ułatwić budowę strony internetowej do wyświetlania projekt stworzony przez klasę uczniów. Każdy szablon składa się z łańcucha 30 stron „content“ (każdy z obrazu i akapit tekstu), indeksu (spis treści), która łączy na każdej stronie treści, strony tytułowej (z grafiką), oraz zestaw na stronach pomocniczych (strona Bibliografia, strony powiązane strony i „Jak to zrobiliśmy“ stronie). Szablony zawierają wszystkie „Kopiuj“ kodowania potrzebne, w tym powiązań między stronami i nawigacji strzałek ikony. Wszystko ty lub twoi uczniowie mają zrobić to edytować strony szablonu (za pomocą dowolnego edytora zwykłego tekstu, takich jak SimpleText na Mac lub na komputerze Notatnika) w celu zastąpienia dużych liter tekstem zastępczym z własnych treści, zapisać pliki, a następnie otworzyć edytowane pliki z Netscape lub Internet Explorer.

Istnieją trzy sposoby, aby korzystać z szablonów Klasa projektu: (a) możesz mieć uczniowie stworzyć pisania i grafiki oddzielnie, a następnie łączenie ich treści z sieci Web szablony siebie; (b) można mieć cała klasa uczestniczyć w tworzeniu strony, każdy student biorąc odpowiedzialność za rozwój jedną ze stron treści, lub (c) można mieć każdy student stworzyć całą stronę z wielu stron, na przykład do tworzeniaRezerwacja internetowa z wieloma rozdziałów lub „elektroniczny portfel“, wykazując szereg różnych projektów, w formie pisemnej, grafiki, fotografii, itp Oczywiście ta ostatnia jest bardziej odpowiedni dla starszych uczniów.

Zalety korzystania z szablonu, a nie projektowania strony internetowej od podstaw przy użyciu programu Web Editor, są trzy cele: (1) Podejście Szablon wykorzystuje narzędzia tylko ogólne, takie jak edytor tekstu i przeglądarki internetowej; działa równie dobrze na platformach PC lub Mac i nie zależy od konkretnego handlowej edytora amy internetowej, który miałby się nauczyć, a które mogą stać się przestarzałe; (2) nacisk pozostaje na treści, a nie na dekoracyjne projektu witryny; za pomocą edytora WWW zachęca uczniów do za bardzo skupiają się na aspektach kosmetycznych; (3) w przypadku utworzenia kilka projektów takich klas przy użyciu tych szablonów, struktura i nawigacja po stronach będą zgodne z projektu na projekt, co ułatwia dla Ciebie, Twoich uczniów i odwiedzających witrynę (rodziców, innych nauczycieli i uczniów, etc) do wykorzystania witryn klasy.

Procedura
1. Przyjmuje się, że „zawartości“ na miejscu, składający się z części tekstowej (zdanie, akapit lub esej) napisanej przez każdego ucznia przy użyciu edytora tekstu. (To jest dobry pomysł, aby przypisać każdemu uczniowi unikalną nazwę pliku, w oparciu o ich imię i początkowe, należy stosować, aby zapisać swój tekst i plików graficznych. Czy studenci zapisać swoje zapisu okienek za pomocą przypisanego ich nazwę. Będzie to pomóc śledzić których praca jest, którego). Zbierz wszystkie pliki ucznia, upewniając się, że każdy ma nazwę poprawnie.

2. Skanowanie grafiki każdego ucznia z kolorowym skanerem płaskim łóżku lub sfotografować go z aparatu cyfrowego. (Rozważ szkolenie swoich uczniów do tej pracy się). Zapisywanie plików przy użyciu nazwy plików i formatu wymaganych przez szablon (Pic1.jpg, Pic2.jpg, …). Zmniejsz rozmiar zdjęć, więc będą pasowały na stronie internetowej wygodnie (powiedzmy, w dół do 300 – 400 pikseli) przy użyciu szeroko dowolnego edytora obrazu (np IrfanView dla Windows lub Graphic Converter dla komputerów Macintosh, których kopie znajdują się na płycie CD-ROM ). Mniejsze obrazy będą również pobrać szybciej, gdy strona jest wyświetlana online.

3. Jeśli nie masz jeszcze zestaw Klasa szablon projektu, pobrać z linków powyżej, lub skopiować go z szablonu Workshop CD. (Jeśli skopiowany szablon z dysku CD-ROM, należy wykonać następujące czynności, aby usunąć plik „tylko do odczytu“ atrybuty: Dwukrotnie kliknij na kopii folderu Wybierz „Zaznacz wszystko“ z menu Edycja Right-.. kliknij na jednym z plików i wybierz „Właściwości“ z menu podręcznego. Kliknij na pole „tylko do odczytu“, tak że nie jest zaznaczona, a następnie kliknij przycisk OK.)

Jeżeli każdy student jest stworzenie całej strony wielostronicowego, następnie dać każdemu uczniowi osobną kopię w folderze szablonu; mogą zmienić nazwę folderu z własnej unikalnej nazwy. Jeśli klasa jest stworzenie jednego miejsca, z każdym studentem robi jedną stronę, możesz dać każdemu uczniowi kopii ich strony z szablonu (np page1.htm, page2.htm, …) i je wpisać lub wkleić swój tekst zawartość w tym pliku, a następnie powrócić edytowanego pliku do ciebie (bez zmiany nazwy pliku). Jeszcze lepiej, jeśli masz serwer plików, który obsługuje udostępnianie folderów, umieść kopię szablonu na serwerze plików, ustawić go do wspólnego czytania dostępu / zapisu, a następnie każdy uczeń może otwierać i edytować własne strony z dowolnego komputera sieci, zapisać edytowany stronę, a wszystko co musisz zrobić, to edytować strony tytułowe oraz indeksu (lub przypisać uczniowi to zrobić).

Po zmianie nazwy folderu szablonu dla swojego projektu, nie należy używać spacji ani innych znaków interpunkcyjnych w nazwie folderu (lub w dowolnej nazwy html lub plików graficznych, o to chodzi), a to w końcu spowodować problemy, gdy witryna jest wysłana dohosta Unix.

Uwaga: Aby dodać więcej stron do witryny, wystarczy przejść do ostatniej strony, wybierz Edytuj z Notatnika i zwiększyć każdego numeru na stronie, 1 (na przykład zmienić 30 do 31, od 29 do 30, od 31 do 32, itd) , Upewnij się to zrobić we wszystkich miejscach, w których pojawiają się numery stron – w grafice i linki dźwiękowych, też. Zapisz stronę z nazwy pliku, który jest jednym wyższe, np czy to „page30.htm“, zapisz go jako „page31.htm“. Powtarzaj tak wielu stron, jak trzeba. Ponadto, edytować strony indeksu (index.htm), aby dodać referencje indeksu dodatkowych stron.

4. Przeniesienie (przeciągnij i upuść) wszystkie przetworzone pliki graficzne do folderu szablonów. Upewnij się, że nazwy plików i formaty plików graficznych do kwalifikacji wymaganych przez szablon (Pic1.jpg, Pic2.jpg, …).

5. Aby edytować stronę tytułową: Otwórz folder projektu, a następnie otwórz stronę tytułową (title.htm) w edytorze tekstu (SimpleText na Mac lub na komputerze Notatnik). Wpisać tytuł projektu, podtytuł i tekst główny, zastępując wielkich liter zastępczy tekst. Jeśli to ma być grafika na stronie tytułowej, wpisz nazwę tego pliku graficznego do  tag, zastępując górne tekst przypadku zastępczy między cytatami. Zostaw wszystkie nawiasach () i wszystkie z małą niezmienionego tekstu; jest to część HTML strony. Zapisz plik bez zmiany nazwy pliku i zamknąć jego okno.

6. Otwórz stronę 1 (page1.htm) w edytorze tekstu. Zdecyduj się na jakiej kolejności będą wyświetlane strony studentów. Otwieranie pliku edytora tekstów pierwszego ucznia, Skopiuj tekst ciała, a następnie wklej go do page1.htm, zastępując tekst zastępczy „, wpisać lub wkleić tekst“.

7. Wymienić „strona 1 TITLE“ z odpowiednim tytułem i „podtytuł“ z imienia studenta.

8. Wymień „Pic1.jpg“ z pełną nazwą pliku pliku graficznego studenta, łącznie z rozszerzeniem (np „johnd.jpg“). To musi odpowiadać dokładnie nazwę pliku graficznego, nawet w odniesieniu do rozszerzenia kapitalizacji i nazwę pliku. Nie należy używać spacji ani znaków interpunkcyjnych w żadnej z nazw plików, inaczej strona nie będzie działać po przesłaniu go do Internetu. Ewentualnie, jeśli wolisz, możesz zmienić nazwę pliku graficznego samym do Pic1.jpg.

9. Zapisz plik nie zmieniając jego nazwę pliku i zamknięciu okna (aby uniknąć zaśmiecania ekranu).

10. Powtórz kroki od 6 – 9 dla page2.htm, page3.htm, a dla wszystkich innych studentów.

11. Aby edytować stronę indeksu: Otwórz stronę indeksu (index.htm) w edytorze tekstu. Wymień górne przypadków etykiety („STRONA 1“, „strona 2“, itd) z tytułami odpowiednich stronach projektu. Jeżeli jest mniej niż 30 stron, po prostu usunąć wpisy stron Indeks dla stron nie potrzebne. Zapisz plik bez zmiany nazwy pliku.

12. Opcjonalnie: Open „How.htm“ w edytorze tekstu, wpisz opis, w jaki sposób to zrobił projekt klasy i Zapisz. Otwórz „Biblio.htm“ w edytorze tekstu, typ na liście książek i innych odniesienia działa, że twoja klasa używane i Zapisz. Otwórz „Others.htm“ w edytorze tekstu i wpisz listę powiązanych witryn sieci Web, że ty i twoi uczniowie znaleźli. Te opcjonalne stron Twoja strona będzie o wiele bardziej przydatne dla innych nauczycieli i uczniów. Jeśli nie chcesz, aby zakończyć te strony, usunięcie linków do nich od strony tytułowej.

13. Otwórz przeglądarkę internetową (Internet Explorer lub Netscape). Zapoznaj się z całą witrynę, otwierając tytule (title.htm) w swojej przeglądarce i nawigacji przez cały szereg stron. Jeśli znajdziesz błędy, otworzyć strony HTML obraźliwe w edytorze tekstu, dokonać korekt, Zapisz plik, przejść do przeglądarki internetowej, a następnie kliknij przycisk Odśwież. Uwaga: Najczęstszym powodem, że strony internetowe nie działają lub, że grafika nie pokazać się jest to, że nazwy plików nie pasują linki HTML do nich. Sprawdź dwa razy i trzyosobowe sprawdzić nazwy plików i upewnij się, że zgadzają się dokładnie z linki HTML do nich na stronach.

14. Jeśli chcesz, aby dostosować układ witryny (Na przykład, aby zmienić formatowanie tekstu, kolor tła i wzór, i można dodać dźwięk i wideo), zapoznaj się z ulotką Dostosowywanie Szablony. Można również edytować strony WWW za pomocą dowolnego edytora wymienionych pod Edycja menu z prawej strony paska narzędzi przeglądarki Internet Explorer. Czy można nauczyć się podstawowych HTML czytając „Jak zrobić stronę internetową“ oraz „An wstępna HTML Tutorial“.

15. Podczas tworzenia innych projektów w przyszłości, to każdy w osobnym folderze. Następnie można utworzyć indeks główny projektów, w poziomie katalogu powyżej folderów projektu, link do każdego projektu. Dla każdego projektu, to taką linię w głównym indeksie:

Tytuł projektu

gdzie NazwaFolderu to nazwa folderu projektu, a Tytuł projektu to tytuł projektu, jak chcesz go apprear w głównym indeksie.

16. Projekty klasy tworzone mogą być dystrybuowane na dyskietkach (jeżeli się zmieszczą), na płytach CD-R (dyskietki nagrywania CD-ROM, które mogą być utworzone w nagrywarkę CD-RW na komputerze), albo na dyski ZIP , Polecam dyski CD-R, ponieważ czystych nośników są tanie, posiadają oni wiele, a każdy komputer posiada czytnik na dysku CD-ROM. Użyj CD-R, a nie puste dyski CD-RW wykrojów, ponieważ CD-R będzie działać na zwykłej stacji CD-ROM każdego komputera.

Jeżeli szkoła lub twój okręg szkolny ma serwera WWW, można również umieścić swoją stronę w Internecie, tak, że może być postrzegane przez swoich rodziców w domu i przez uczniów i nauczycieli na całym świecie. Wystarczy wysłać dysku zawierającego folder projektu do administratorów serwerów WWW z prośbą, że zaksięgowane i link do projektu należy dodać w odpowiednim miejscu na swojej stronie internetowej szkoły. Jednym z uroków publikując projekt klasy w Internecie jest, gdy pojawi się e-mail od osób spoza szkoły, którzy odkryli pracę uczniów i piszą je uzupełniać. Oto kilka przykładów.

Uwaga: strony internetowe w sieci są oczywiście kompatybilne z PC lub Macintosh, ale jeśli rozpowszechniać witryn na dyskach, a chcesz, żeby był czytelny zarówno komputerów PC i Mac, należy sformatować dyski w formacie PC i ograniczyć wszystkie nazwy plików (pliki graficzne i HTML) do ośmiu znaków z rozszerzeniem trzech znaków.

Comments are closed.