1 / 12

Nowa strona ZSE Czyżby nowe możliwości??

Nowa strona ZSE Czyżby nowe możliwości??. Stary wygląd strony www Zespołu Szkół Ekonomicznych. Nowa strona internetowa. Krótki opis powstania strony.

roanna-watkins
Download Presentation

Nowa strona ZSE Czyżby nowe możliwości??

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Nowa strona ZSECzyżby nowe możliwości??

  2. Stary wygląd strony www Zespołu Szkół Ekonomicznych

  3. Nowa strona internetowa

  4. Krótki opis powstania strony Nowa strona szkoły zbudowana jest dzięki takim technologiom jak: HTML, CSS, Java Script oraz PHP. Pierwszym naszym pomysłem było stworzenie prostej strony w oparciu o języki HTML/CSS, lecz po wielu rozmowach postanowiliśmy podzielić się pracą i stworzyć coś bardziej nowoczesnego na co zasługuję nasz kochany Ekonom. Karol wraz z Kamilem postanowili zająć się pocięciem projektu graficznego w Photoshopie i zakodowaniem jej, a ja (Konrad) postanowiłem zająć się menu, przerobić pliki aby przyszły moderator miał łatwiej uzupełniać treść na stronach oraz zająć się galerią, aby zawsze na głównej stronie pokazywało najnowsze zdjęcia dodane na wizytówkę ZSE.

  5. Etapy powstawania strony: Projekt graficzny strony w Photoshopie Pocięcie grafiki na kawałki Zakodowanie grafiki w językach html/css Stworzenie podmenu na stronie Stworzenie galerii w php na www, która ma za zadanie automatycznie dodawać najnowszych 5 zdjęć na główną stronę Ostatnie poprawki kosmetyczne na stronie

  6. Poprawność kodowania strony Poprawność kodu HTML/CSS sprawdziliśmy na takich stronach jak: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ Które wykazały że obecny kod strony nie posiada żadnych błędów w kodowaniu , przez które strona byłaby mniej bezpieczna.

  7. Fragmenty kodu strony Przedstawiony kod strony jest odpowiedzialny za układ strony (menu, headeritp) Tutaj możemy zmienić tytuły podstron, kolory tła, menu itp

  8. Fragmenty kodu strony Tutaj mamy kod który jest odpowiedzialny za treść na podstronach, postanowiliśmy oddzielić dokumenty. Pliki które są odpowiedzialne na treść znajdziemy w folderze STRONY a pliki odpowiedzialne za ogólny wygląd strony znajdziemy w głównym pliku, który postanowiliśmy nazwać SZABLON

  9. Co planujemy wprowadzić w przyszłości :] -Panel, dzięki któremu nie będziemy musieli modyfikować plików w ftp aby zmienić treść na podstronach Panel do zarządzania galerią, dzięki któremu będziemy mogli wgrywać zdjęcia bez wchodzenia w FTP Utworzyć księgę gości na stronie, na której uczniowie będą mogli zostawiać pamiątki po sobie Połączenie strony z Facebook

  10. Czemu nie postawiliśmy strony na darmowym CMS’ie?? Obecnie kod darmowych cms’ów typu: wordpress, webspell, joomla jest mało bezpieczny oraz łatwy do złamania dla hakerów Strona szkoły nie potrzebuję funkcji typu konta użytkowników, funkcja znajomości itp. Darmowe CMS’ie spowalniają wczytywanie się strony, przez co zniechęca to danych gości do odwiedzania strony

  11. Galeria Galeria a stronie została stworzona dzięki takim językom jak JS czy PHP, Początkowo miał być to prosty pokaz zdjęć, gdzie obrazek jako hiperłącze miał nas przenosić na daną podstronę z resztą zdjęć z danej uroczystości. My postanowiliśmy udoskonalić naszą galerię, napisaliśmy ją w php które daje nam szersze pole do popisu. Dzięki niemu łatwo możemy tworzyć galerię i zarazem dbamy o to aby to estetycznie wyglądało.

  12. Stronę stworzyli:Kamil Jankowski Karol KaczmarekKonrad Redapod opieką p. Justyny Kmiecik

More Related