SlideShare a Scribd company logo
1 of 1
Download to read offline
STRONA INTERNETOWA
Strona WWW to dokument hipertekstowy udostępniany w przeglądarce. Jej podstawowym
elementem jest plik tekstowy napisany w języku HTML (Hypertext Markup Language). W tym pliku
osadzane są teksty, obrazy, filmy i inne pliki multimedialne. Poszczególne elementy są powiązane
przez hiperłącza, które mogą prowadzić do innych stron internetowych lub poszczególnych zasobów.
WITRYNY I STRONY
INTERNETOWE
Witryna internetowa (serwis internetowy) to zbiór stron internetowych powiązanych
ze sobą za pomocą hiperłączy, udostępniony pod konkretnym adresem internetowym.
STRONA GŁÓWNA
Regulamin
grafika:
format SVG
dokument tekstowy:
plik PDF
zdjęcie:
format JPG
animacja:
format JS
Kontakt
PODSTRONA
Sobotnia
wycieczka
PODSTRONA
Nowa
zbiórka!
PODSTRONA
Przyłącz się
do nas!
WWW
Sieć WWW to system informacyjny, w którym dokumenty i inne zasoby internetowe są
identyfikowane przez adres URL, np. https://informatyka.wsip.pl. Jej zasoby są przesyłane za
pośrednictwem protokołu HTTP (Hypertext Transfer Protocol) lub połączenia szyfrowanego HTTPS
(Hypertext Transfer Protocol Secure), przechowywane i publikowane na serwerze sieciowym oraz
dostępne dla użytkowników przez przeglądarkę internetową.
STRUKTURA WITRYNY
Każdy zbiór stron posiada swoją strukturę, którą
można przedstawić na schemacie o strukturze
drzewka. Pomaga to m.in. zaplanować hierarchię
i wzajemne powiązanie treści (odpowiednio ułożyć
informacje i zdecydować o kluczowych elementach,
które powinny być lepiej widoczne i dostępne
na pierwszy rzut oka) oraz nazewnictwo. Poniżej
przedstawiono przykładową mapę strony.
1. Jakie elementy struktury strony
przedstawione na schemacie występują
w serwisie twojej szkoły?
2. W jakiej kolejności należy przygotować kod
na stronę? Czy można zacząć od CSS, a potem
napisać kod w HTML-u? Odpowiedź uzasadnij.
PRACA Z INFOGRAFIKĄ
HTML
HTML + CSS
HTML + CSS + JS
nagłówek
część zasadnicza strony
stopka
dane kontaktowe
ważne ogłoszenia
logo
informacje o twórcy
bieżące informacje
nazwa
materiały archiwalne
przycisk do logowania
wyszukiwanie
Strona główna
TWORZENIE
STRONY WWW
Za pomocą języka HTML opisujemy
strukturę informacji na stronie
internetowej i nadajemy znaczenie
poszczególnym fragmentom tekstu.
Kolejne elementy są formatowane
za pomocą kaskadowych arkuszy stylów
oraz oprogramowywane za pomocą
poleceń JavaScript (w celu zwiększenia
interaktywności lub dynamiki danej
strony). Można też użyć innego języka,
takiego jak PHP lub Python.

More Related Content

Featured

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

infografika-witryny-strony-internetowe.pdf

  • 1. STRONA INTERNETOWA Strona WWW to dokument hipertekstowy udostępniany w przeglądarce. Jej podstawowym elementem jest plik tekstowy napisany w języku HTML (Hypertext Markup Language). W tym pliku osadzane są teksty, obrazy, filmy i inne pliki multimedialne. Poszczególne elementy są powiązane przez hiperłącza, które mogą prowadzić do innych stron internetowych lub poszczególnych zasobów. WITRYNY I STRONY INTERNETOWE Witryna internetowa (serwis internetowy) to zbiór stron internetowych powiązanych ze sobą za pomocą hiperłączy, udostępniony pod konkretnym adresem internetowym. STRONA GŁÓWNA Regulamin grafika: format SVG dokument tekstowy: plik PDF zdjęcie: format JPG animacja: format JS Kontakt PODSTRONA Sobotnia wycieczka PODSTRONA Nowa zbiórka! PODSTRONA Przyłącz się do nas! WWW Sieć WWW to system informacyjny, w którym dokumenty i inne zasoby internetowe są identyfikowane przez adres URL, np. https://informatyka.wsip.pl. Jej zasoby są przesyłane za pośrednictwem protokołu HTTP (Hypertext Transfer Protocol) lub połączenia szyfrowanego HTTPS (Hypertext Transfer Protocol Secure), przechowywane i publikowane na serwerze sieciowym oraz dostępne dla użytkowników przez przeglądarkę internetową. STRUKTURA WITRYNY Każdy zbiór stron posiada swoją strukturę, którą można przedstawić na schemacie o strukturze drzewka. Pomaga to m.in. zaplanować hierarchię i wzajemne powiązanie treści (odpowiednio ułożyć informacje i zdecydować o kluczowych elementach, które powinny być lepiej widoczne i dostępne na pierwszy rzut oka) oraz nazewnictwo. Poniżej przedstawiono przykładową mapę strony. 1. Jakie elementy struktury strony przedstawione na schemacie występują w serwisie twojej szkoły? 2. W jakiej kolejności należy przygotować kod na stronę? Czy można zacząć od CSS, a potem napisać kod w HTML-u? Odpowiedź uzasadnij. PRACA Z INFOGRAFIKĄ HTML HTML + CSS HTML + CSS + JS nagłówek część zasadnicza strony stopka dane kontaktowe ważne ogłoszenia logo informacje o twórcy bieżące informacje nazwa materiały archiwalne przycisk do logowania wyszukiwanie Strona główna TWORZENIE STRONY WWW Za pomocą języka HTML opisujemy strukturę informacji na stronie internetowej i nadajemy znaczenie poszczególnym fragmentom tekstu. Kolejne elementy są formatowane za pomocą kaskadowych arkuszy stylów oraz oprogramowywane za pomocą poleceń JavaScript (w celu zwiększenia interaktywności lub dynamiki danej strony). Można też użyć innego języka, takiego jak PHP lub Python.