KAPITULLI 16. Ndërtimi i faqeve interaktive në internet Në kapitullin e mëparshëm, ne eksploruam bibliotekën Ext Core. Bollëku i objekteve, vetive, metodave dhe ngjarjeve ju bën kokën të rrotullohet ... Si ta zbatoni gjithë këtë pasuri në praktikë Ky kapitull do t'i kushtohet tërësisht kësaj. do të mësojmë

Krijimi i sekuencave të faqeve: Çfarë është Sekuenca e Faqeve? Është një seri faqesh me të njëjtat karakteristika (për shembull, një kapitull në një libër) që mund të formatohen në të njëjtën mënyrë nëse dëshironi. Faqet në dokumentin që rezulton në

Krijimi i numrave të faqeve: Objekti i integruar i formatimit krijon një zonë inline që shfaq numrin aktual të faqes. Për shembull: Tani jeni duke lexuar faqen .Me element mund të zbatohet sa vijon

Krijimi, hapja dhe ruajtja e faqeve të internetit Duke përdorur programin, mund të krijoni ueb faqe të reja, si dhe të modifikoni ato të krijuara më parë. Për të krijuar një uebfaqe të re, duhet të ekzekutoni komandën e menusë kryesore File?

Kapitulli 1 Bota moderne. Epoka e teknologjisë së informacionit Një nga paradokset e zhvillimit të njerëzimit është se gjatë gjithë zhvillimit të tij, njeriu ka përdorur, grumbulluar, transmetuar informacione pa e kuptuar dhe as menduar për të.

Kapitulli 6 Krijimi i faqeve të aksesit të të dhënave Një faqe për qasje në të dhëna është një lloj i veçantë skedari i krijuar për shikimin dhe punën nëpërmjet internetit ose intranetit me të dhëna të ruajtura në bazat e të dhënave të Microsoft Access ose Microsoft SQL Server. Faqja e aksesit të të dhënave ngarkohet në një bazë të dhënash Access 2002

Manuali mund të përdoret për mësimin stacionar dhe në distancë në studimin e disiplinave të mëposhtme: Programimi në një gjuhë të nivelit të lartë. Ndërveprimi njeri-makinë. Programim i orientuar nga objekti.
Vëmendja kryesore në manual i kushtohet gjuhës së programimit HTML, teknologjisë CSS, gjuhës së programimit JavaScript, redaktorit grafik Adobe Photoshop, teknologjisë multimediale.
Manuali shoqërohet me një tekst elektronik në një CD-ROM, i cili përmban material teorik, shembuj të zbatimit të detyrave të ndryshme (vend trajnimi) dhe një pjesë praktike (detyra, pyetje kontrolli dhe udhëzime për punën laboratorike). Përveç kësaj, ekziston një program testimi në disk, me ndihmën e të cilit mësuesi mund të vlerësojë shpejt dhe në mënyrë objektive shkallën e zotërimit të materialit.
Një tipar interesant i tekstit elektronik është se çdo pjesë shoqërohet me muzikë të qetë instrumentale që krijon një humor të mirë.
Ky tekst shkollor është i destinuar për studentët e specialitetit 220400 (230105) - Softuer për teknologjinë kompjuterike dhe sistemet e automatizuara. Prania e një teksti elektronik i lejon mësuesit të zgjidhin thjesht problemin e përsëritjes së udhëzimeve.
Libri është i domosdoshëm për të gjithë fillestarët për të studiuar Web-design.

1. Rrjetet globale kompjuterike.

Rrjetet globale (si ato lokale) përbëhen nga kompjuterë të lidhur me kanale komunikimi. Rrjetet globale kompjuterike (WAN) në mbarë botën janë të lidhura me njëri-tjetrin nëpërmjet internetit.
Për të punuar në furnizimin me ujë të ngrohtë, përdoruesi duhet të ketë harduerin dhe softuerin e duhur. Në rastin më të thjeshtë të harduerit, duhet të instaloni gjithashtu një modem, me ndihmën e të cilit komunikimi kryhet përmes një linje telefonike (për shembull, nga një apartament). Vini re se kompjuterët modernë janë të pajisur me karta rrjeti dhe kur lidhen me një rrjet, por me një kanal të dedikuar, nuk nevojitet pajisje shtesë.
Softueri ndahet në dy klasa:
programet e serverit të vendosura në nyjen e rrjetit që i shërben kompjuterit të përdoruesit;
programet e klientit që ndodhen në kompjuterin e përdoruesit dhe përdorin shërbimet e serverit.
Rrjetet globale u ofrojnë përdoruesve një sërë shërbimesh. WAN ju lejon të punoni me baza të dhënash të shpërndara, të shkëmbeni letra përmes e-mail, mesazhe përmes telekonferencave, të bisedoni në kohë reale, të dërgoni skedarë, etj. Çdo shërbim (ndonjëherë thonë: shërbim, shërbim) funksionon sipas rregullave të caktuara (protokolle). ..

Prezantimi
1. Rrjetet Globale të Zonës
2. Mënyrat për t'u lidhur me internetin
3. Ndërrimi i kanaleve, mesazheve dhe paketave
4. Protokollet, shërbimet, shërbimet
5. Shfletuesit
6. Motorët e kërkimit dhe drejtoritë
7. Konceptet Bazë të Dizajnit të Uebit
8. Struktura e faqes në internet
9. Teknologjitë e rrjetit të web-design
10. Gjuha HTML
10.1. Formatimi i tekstit
10.2. Tabelat
10.3. Grafika
10.4. Hiperlidhjet
10.5. Meta etiketat
10.6. Lidhni hartat
10.7. Multimedia
10.8. Korniza
10.9. Fletët e stilit CSS në kaskadë
11. Gjuha JavaScript
11.1. Rendi i ekzekutimit të skriptit
11.2. Metodat e futjes së informacionit
11.2.1. Futja e informacionit duke përdorur metodën cop-firm ().
11.2.2. Futja e informacionit duke përdorur metodën Promt ().
11.2.3. Futja e informacionit duke përdorur një kuti teksti
11.2.4. Informacioni i hyrjes dhe i daljes duke përdorur zonën e tekstit tcxtarca
11.2.5. Format interaktive
11.3. Metodat e shfaqjes së informacionit
11.3.1. Shfaqja e informacionit duke përdorur metodën e alarmit ().
11.3.2. Shfaqja e informacionit duke përdorur metodën e shkrimit ().
11.3.3. Shfaqja e informacionit duke përdorur një kuti teksti
11.3.4 Shfaqja e informacionit duke përdorur dritaret e krijuara
11.4. Ngjarjet
11.5. Veprimet aritmetike
11.6. Operacionet Boolean dhe Shift
11.7. Operacionet me variabla të vargut
11.7.1. Shndërrimi i numrave nga një sistem numrash në tjetrin.
11.8. Funksionet dhe konstantet matematikore
11.9. Ciklet e rregullta
11.10 Operatorët e transferimit të kontrollit të kushtëzuar if-else (cond) dhe çelësi (x)
11.11 Shembuj të skripteve
11.11.1 Animacioni në shiritin e titullit të shfletuesit
11.11.2 Butoni i ndriçuar
11.11.3 Zbatimi i cikleve iterative
Shtojca 1: Lista e punëve dhe detyrave laboratorike të vendosura në diskun optik
Shtojca 2: Procedura për fillimin e programit të testimit
Shtojca 3: Faqja "Samara dhe kjo është vetë Rusia"
konkluzioni
Bibliografi

Shkarkoni falas një e-libër në një format të përshtatshëm, shikoni dhe lexoni:
Shkarkoni librin Hyrje në dizajnin e uebit, një tutorial, Alekseev A.P., 2008 - fileskachat.com, shkarkim i shpejtë dhe pa pagesë.

Hyrje në Web Design

• Çfarë është web design?
• Pse është e nevojshme kjo?
• Mjetet e nevojshme
• "Postulatet" kryesore të dizajnit në internet

• Teknologjitë e dizajnit të uebit
• Struktura logjike dhe fizike e faqes
• Faqja kryesore
• Paraqitja dinamike dhe statike e faqes
• Paraqitja statike e faqes
• Paraqitja dinamike e faqes

• Elementet e faqes së internetit
• Ku të fillojë?

Çfarë është web design?

Çdo burim i publikuar në World Wide Web, nga një portal global informacioni me dhjetëra mijëra vizitorë në ditë në një faqe kryesore modeste, e cila vizitohet nga vetëm dy persona në muaj, duke përfshirë autorin e saj, është kryesisht një vepër arti, grup kompleks i zgjidhjeve inxhinierike dhe projektuese. Procesi i krijimit të një pjese të tillë quhet web design.

Dizajni i uebit është kreativitet, dhe kreativiteti është i fortë. Është në fushën e dizajnit të uebit që ju mund të demonstroni plotësisht të gjitha aftësitë tuaja, sepse këtu ju vetë dhe vizitorët e faqes tuaj jeni censori i rezultateve të punës suaj. Askush nuk ju kufizon as në vëllim, as në përmbajtje, as në paraqitjen e burimit që po zhvilloni, askush nuk ju shtyn në ndonjë kornizë të ngurtë. Jini krijues dhe herët a vonë projekti juaj do të gjejë njohjen e merituar të audiencës shumëmilionëshe të përdoruesve të internetit.

Faqja e fillimit të seksionit; familja ime

Një histori për gruan time

Një histori për djalin tim të vogël

Fotoja ime në plazh në Soçi

Nga gjithçka që u tha, bëhet e qartë se struktura fizike e faqes është e fshehur nga vizitorët në burimin tuaj: ata mund të vëzhgojnë vetëm strukturën logjike, dhe pikërisht ashtu siç paraqitet me ndihmën e elementeve të navigimit. Nga këtu rrjedh një përfundim plotësisht logjik: struktura e sistemit të navigimit duhet, nëse jo të përsëritet plotësisht, atëherë të paktën të korrespondojë sa më shumë që të jetë e mundur me strukturën logjike të faqes së zhvilluar nga ju.

Faqja kryesore

Një nga kriteret me të cilat faqet e internetit të ndryshme mund të ndahen në dy kategori kryesore është nëse ato kanë apo jo një faqe splash.

Faqja e kokës është një dokument html që nuk përfshin ndonjë informacion thelbësor dhe elementë navigimi. Skedari i faqes së titullit quhet index.html, ndërsa faqja fillestare quhet ndryshe dhe thirret duke organizuar një hiperlink nga faqja kryesore, e cila ngarkohet së pari kur aksesohet faqja. Faqja kryesore përmban, si rregull, logon e kompanisë që zotëron këtë burim, një numërues vizitash dhe një propozim për të zgjedhur kodimin cirilik, ose një zgjedhje midis versioneve angleze dhe ruse të faqes. Një shembull i një burimi ueb të pajisur me një faqe të tillë është paraqitur në Fig. 3.2.

Kur hyni në faqet që nuk janë të pajisura me një faqe kryesore, së pari shfaqet dokumenti fillestar, i cili përfshin një lloj përmbajtjeje, elemente navigimi dhe ndonjëherë njoftime të titujve tematikë që përbëjnë këtë burim. Në fig. 3.3 tregon një shembull të një siti pa një faqe kryesore.

Përdorimi ose jo i faqes kryesore kur krijoni projektin tuaj në internet është një çështje shije për çdo webmaster. Është e vështirë të japësh ndonjë rekomandim shterues në këtë drejtim, pasi vendimi përfundimtar varet kryesisht nga preferencat tuaja artistike dhe ndonjëherë nga dëshira e klientit që paguan për punën tuaj.

Paraqitja dinamike dhe statike e faqes

Kartat moderne video mbështesin disa mënyra video të vendosura në mënyrë arbitrare, të karakterizuara nga rezolucioni i ekranit dhe numri i ngjyrave të përdorura gjatë shfaqjes së informacionit në ekranin e kompjuterit. Duke përdorur funksionet e integruara të sistemit operativ, përdoruesi mund të vendosë disa rezolucione standarde të ekranit, të tilla si 640x480, 800x600, 1024x768, 1152x864, 1280x1024 ose 1600x1200 piksele. Sigurisht, kur hapni një faqe interneti në të njëjtin shfletues, ajo mund të mos shfaqet në të njëjtën mënyrë, në varësi të rezolucionit të ekranit të përdorur nga vizitori i faqes.

Për të shmangur lëvizjen e elementeve të dokumentit html në lidhje me njëri-tjetrin dhe, si rezultat, deformimin e faqes së internetit në tërësi kur ndryshoni parametrat e ekranit, përdoret një teknikë mjaft e thjeshtë dhe efektive: të gjithë përbërësit e faqes në internet. janë të mbyllura në qelizat përkatëse të një tabele të padukshme, me secilën objekt i caktohet një pozicion i përcaktuar rreptësisht. Kështu, shfaqet një kriter i dytë, sipas të cilit të gjitha faqet e internetit ekzistuese mund të ndahen në dy kategori të kushtëzuara. Kësaj tabele mund t'i caktohet një gjerësi e përcaktuar rreptësisht në piksel, për shembull, 640 piksele, dhe më pas të pozicionohet në mënyrë të ngurtë në qendër të ekranit ose të shtypet në skajin e majtë të tij. Ky lloj i paraqitjes së faqes mund të quhet statik sepse gjerësia e tabelës nuk ndryshon në varësi të rezolucionit të ekranit. Sigurisht, kur ndryshoni parametrat e ekranit, nuk ndodh zhvendosja më e vogël e elementeve të dizajnit të faqes.

Një qasje tjetër është kur gjerësia e një tabele të padukshme që përmban fragmente të një faqe interneti vendoset si përqindje e gjerësisë aktuale të ekranit. Kur rritet rezolucioni i ekranit, tabela shtrihet horizontalisht dhe të gjithë elementët e vendosur në qelizat e saj, të pozicionuar ose në qendër ose përgjatë skajeve të kolonave, zhvendosen sipas algoritmit të vendosur. Për shkak të faktit se parametrat e tabelës ndryshojnë në varësi të cilësimeve të ekranit, ky parim i paraqitjes së një dokumenti html mund të quhet dinamik. Të dyja qasjet kanë si avantazhe ashtu edhe disavantazhe, të cilat janë renditur më poshtë.

Paraqitja statike e faqes

Dinjiteti. Thjeshtësia e algoritmit të paraqitjes së dokumentit. Duke optimizuar faqen për shfaqje me një rezolucion në ekran prej 640x480 pikselësh, mund të jeni të sigurt që elementët e dizajnit nuk do të notojnë kur ndryshoni cilësimet e personalizuara të ekranit. Për më tepër, ky opsion i paraqitjes së faqes në shumicën e rasteve (në varësi të një numri kushtesh shtesë) ju lejon të arrini shfaqjen identike të dokumentit html në shfletuesit Microsoft Internet Explorer dhe Netscape Navigator.

Të metat. Kur shfaqni një dokument në një kompjuter me rezolucion të lartë ekrani, ka një diferencë të dukshme boshe rreth skajeve të ekranit ose në anën e djathtë të ekranit.

Paraqitja dinamike e faqes

Dinjiteti. Dokumenti shtrihet në të gjithë gjerësinë e ekranit, duke mos lënë kufij bosh të papërdorura.

Të metat. Kompleksiteti i paraqitjes dhe korrigjimit të faqes, shumë shpesh manifestohet pamjaftueshmëria e shfaqjes së dokumenteve të tilla në shfletuesit Microsoft Internet Explorer dhe Netscape Navigator.

SHËNIM Vlerat e pikselit (pika) të përdorura në komandat HTML supozojnë madhësinë fizike të pikës së ekranit të përdoruesit dhe varen nga lloji i monitorit.

Shembuj të zbatimit të faqeve me paraqitje statike dhe dinamike të faqeve janë paraqitur në Fig. 3.4 dhe 3.5. Këto imazhe janë marrë me një rezolucion fiks të ekranit prej 800x600 piksele.

Elementet e faqes së internetit

Çdo faqe interneti përmban një grup të caktuar elementesh standarde që janë komponentë të kërkuar të çdo burimi të internetit. Sigurisht, asortimenti dhe numri i objekteve të tilla mund të ndryshojnë në varësi të fokusit tematik të sitit, vëllimit të materialeve të publikuara në të, si dhe nga qëllimet dhe objektivat e krijuesit të këtij burimi. Rregullimi i elementeve të tillë, hartimi i pozicionit të tyre relativ është një nga detyrat kryesore të web-master.

Elementi i parë i një faqe interneti që do të shikojmë është titulli i saj. Mund të bëhet si në formë teksti ashtu edhe në formë grafike, megjithatë, në secilin rast, duhet të vendoset në krye të dokumentit. Ndonjëherë një menu për zgjedhjen e kodimit cirilik dhe butonat për kalimin nga versioni i faqes në gjuhën ruse në gjuhën angleze kombinohen me titullin, nëse ky burim në internet paraqitet në dy gjuhë. Direkt nëntitulli i dokumentit, si rregull, është hapësira e caktuar për vendosjen e një baneri reklamues. Në shumicën e rasteve, përfshirja e një baneri në pjesën e sipërme të një faqe interneti është një parakusht për regjistrimin e një faqeje në shërbimet e shkëmbimit të banderolave ​​- sisteme që reklamojnë një burim që keni krijuar në këmbim të shfaqjes së reklamave të anëtarëve të tjerë të rrjetit të shkëmbimit të banderolave. në faqet e faqes tuaj. Madhësia standarde e banderolave ​​të publikuar nën titullin e dokumentit është zakonisht 468x60 piksele. Nëse jeni duke përdorur një plan urbanistik statik të faqes, gjerësia e titullit të dokumentit tuaj do të jetë afërsisht 640 piksel, kryesisht për shkak të nevojës për t'u siguruar që dokumenti të shfaqet në mënyrë korrekte në monitorë me rezolucion të ekranit 640x480 piksel dhe për të shmangur shfaqjen e një horizontale shiriti i lëvizjes që e bën të vështirë shikimin. Natyrisht, gjerësia e banderolës në këtë rast do të jetë shumë më e vogël se gjerësia e titullit, për shkak të së cilës në pjesën e faqes ku planifikoni të ndani hapësirë ​​për reklamim, do të formohet një hapësirë ​​e pabanuar, e cila mund të plotësohet. me logon e kompanisë që zotëron këtë faqe ose një lidhje me një server që implementon web hosting. Sigurisht, një logo nuk është gjithmonë e nevojshme: si rregull, ajo përfshihet në një faqe interneti vetëm nëse faqja ka një fokus tregtar.

Pjesa kryesore e dokumentit është e zënë nga e ashtuquajtura fushë e tekstit - zona ku ndodhet përmbajtja semantike e faqes: teksti informativ informativ dhe ilustrimet. Elementet e listuara quhen gjithashtu përmbajtje (nga anglishtja, përmbajtje - përmbajtje). Vendndodhja e kutisë së tekstit varet kryesisht nga mënyra se si projektuesi i uebit vendos pjesën tjetër të dokumentit.

Pjesa tjetër e detyrueshme e faqes në internet janë elementët e navigimit - lidhjet që lidhin këtë dokument me seksionet e tjera të faqes. Elementet e navigimit mund të ekzekutohen në formën e vargjeve të tekstit, objekteve grafike, domethënë butonave ose përbërësve aktivë, për shembull, aplikacioneve Java. Këta të fundit janë të njëjtët butona që, ndryshe nga motrat e tyre tradicionale, janë në gjendje të reagojnë ndaj lëvizjeve të miut, duke kryer disa veprime të thjeshta kur kursori qëndron pezull mbi to (ndezja e dritës së prapme, krijimi i një efekti shtypës, ndryshimi i formës, etj.) . Siç e përmenda tashmë në seksionin "Postulatet" bazë të dizajnit të uebit, elementët e navigimit duhet të rregullohen në mënyrë të tillë që të jenë gjithmonë në sy, pranë, domethënë, në mënyrë që përdoruesi të mos ketë nevojë të kthejë faqen. nëse fusha e tekstit është disa ekrane fizike, dhe më pas kërkoni lidhje me seksione të tjera për një kohë të gjatë. Qasja më e vendosur është vendosja e elementeve të navigimit në anën e majtë të faqes.

Në fund të dokumentit, është zakon të publikoni informacione rreth zhvilluesve të faqes dhe një adresë e-mail ku vizitorët e burimit mund të dërgojnë përgjigjet, sugjerimet dhe dëshirat e tyre për pronarët e faqes. Nëse faqja e internetit është një dokument fillestar, në fund të saj vendoset edhe një numërues i goditjeve - një skript i vogël që thërret një skript CGI të instaluar në server, i cili regjistron çdo hapje të dokumentit në shfletuesin e përdoruesit, duke ndryshuar vlerën e treguesi numërues. Falë kësaj, web-master mund të përcaktojë lehtësisht numrin e vizitorëve që kanë vizituar faqen e tij gjatë çdo periudhe kohore. Vini re se numëruesi i vizitave vendoset vetëm në faqen e parë që thirret kur hyni në sit; ai mungon në pjesën tjetër të dokumenteve të burimit. Gjithashtu nuk rekomandohet vendosja e disa numëruesve të ndryshëm në një faqe.

Pra, ne kemi analizuar të gjithë përbërësit kryesorë të një faqeje interneti dhe vendndodhjen e tyre të mundshme në raport me njëri-tjetrin.

Në praktikë, është e zakonshme të gjesh faqe interneti në dizajnin e të cilave elementët e navigimit janë të pozicionuar përgjatë skajit të djathtë të ekranit. Në këtë rast, fusha e tekstit zhvendoset në të majtë, pjesa tjetër e përbërësve të dokumentit janë rregulluar bazuar në parimin e estetikës maksimale të kombinimit të tyre.

Siç mund ta shihni nga figura, logoja në këtë rast vendoset në të njëjtin nivel me titullin e dokumentit dhe baneri i reklamës është i pozicionuar në raport me qendrën e faqes. Me këtë qasje, rekomandohet të ruhet dizajni grafik i titullit, logos dhe fushës së reklamës në një ngjyrë të vetme dhe stil artistik - atëherë asimetria e pozicionit të këtyre objekteve nuk do të jetë aq e dukshme dhe nuk do të presë sytë e mbështetësve. të një estetike të rreptë, tabelare të projektimit.

Elementet e lundrimit mund të vendosen jo vetëm pranë kufijve të djathtë dhe të majtë të faqes, por edhe në krye të dokumentit. Ky opsion i paraqitjes është më i përshtatshmi, për mendimin tim, kur krijohen faqet kryesore: në këtë rast, të gjitha objektet e faqeve përshtaten në mënyrë harmonike në gjerësinë e specifikuar të tabelës së padukshme, ndërsa përgatitja e vetë tabelës thjeshtohet shumë. E vetmja pengesë e kësaj qasjeje është nevoja për të kopjuar elementët e navigimit në fund të dokumentit, pasi kur lëvizni vertikalisht faqen, ato zhduken nga pjesa e sipërme e ekranit dhe për t'u arritur tek ata, përdoruesi do të duhet të rikthejë ekranin. , e cila, e shihni, është shumë e papërshtatshme.

Sigurisht, gjithçka që u tha në këtë pjesë nuk është një ilaç, por një udhëzues për veprim. Po mundohem të përvijoj vetëm parimet e përgjithshme që zbatohen gjatë montimit të strukturës së faqes, vendimi përfundimtar mbetet gjithmonë tek webmaster. Në fund të fundit, pavarësisht se çfarë dizajni vendosni në bazën e projektit tuaj të ardhshëm, rezultati i punës suaj do të jetë ende i saktë: nuk ka censurë në internet, apo ndonjë rregullore që e detyron krijuesin e faqes në korniza të caktuara të ngurtë. Një shembull i një zgjidhjeje projektimi që nuk bën pjesë në asnjë nga kategoritë e mësipërme është e ashtuquajtura faqosje e përzier.

Siç mund ta shihni nga figura, në këtë shembull, disa nga elementët e kontrollit janë ndërtuar direkt në titullin e faqes - po flasim për butona për kalimin midis versioneve ruse dhe angleze të faqes, si dhe butonat e navigimit: kjo mund të të jetë një lidhje me adresën e postës elektronike të krijuesve të burimeve, e kopjuar në dokumentin e poshtëm, dhe një lidhje me një nga seksionet tematike, për shembull, një faqe lajmesh. Blloku kryesor i elementeve të navigimit është i pozicionuar në lidhje me kufirin e majtë të dokumentit, por menyja e përzgjedhjes së kodimit cirilik ndodhet drejtpërdrejt nën banderolën e reklamave në krye të faqes. Fusha e tekstit është e ndarë në dy kolona asimetrike dhe e djathta përmban njoftime të shkurtra të titujve tematikë që përbëjnë burimin, duke përfshirë lidhjet me këto seksione.

Natyrisht, mund të ketë një larmi të madhe opsionesh për një paraqitje të përzier të një faqe interneti: vendimet specifike varen nga numri i seksioneve që përbëjnë burimin, sasia e tekstit të përgatitur për vendosje në sit dhe, së fundi, nga imagjinata e vetë stilistit. Është e rëndësishme vetëm që pamja e faqes të mos shkaktojë ankesa nga vizitorët. Në fund të fundit, vetëm ju si zhvillues, ju dhe askush tjetër, keni të drejtë të tregoni të gjitha aftësitë dhe talentet tuaja dhe të ndërtoni faqen sipas dëshirës tuaj. Krijuesit e disa faqeve kryesore, pa u torturuar nga dyshimet, vendosin një numërues goditjesh në këndin e sipërm të djathtë të dokumentit, shkruajnë emrin e faqes me shkronja të vogla dhe të vogla dhe e publikojnë nën një baner reklamimi dhe për ndonjë arsye, Elementet e lundrimit shfaqen papritur pikërisht në mes të bllokut të tekstit, midis tregimit për veten dhe fotografive të qenit të dashur të autorit të projektit. Për shijen dhe ngjyrën, siç thonë ata, nuk ka shokë. Por mua personalisht kjo sëmundje më duket e pashërueshme.

Ku të fillojë?

Tani është koha për të kaluar në aspektet praktike të dizajnit të uebit. Dhe pyetja më urgjente që zakonisht lind kur krijoni projektin e parë të pavarur është në titullin e këtij seksioni. Pra, ku filloni? Që në fillim, sigurisht.

Gjëja e parë që duhet të bëni përpara se të ndërmerrni zhvillimin e çdo faqe interneti është të krijoni një filxhan kafeje ose çaj të fortë aromatike, të uleni në tryezë dhe të mendoni me kujdes. Unë nuk bëj shaka. Ju duhet të mendoni për qëllimet që i vendosni vetes kur krijoni një projekt të ri. Metodat e arritjes së tyre, përfshirë vetë dizajnin, do të varen nga zgjedhja e qëllimeve. Suksesi i të gjithë ndërmarrjes do të varet nga vendosja e saktë e detyrave. Dëshironi një faqe kryesore? E mrekullueshme. Merrni një stilolaps, një copë letër dhe mendoni se cilat seksione tematike duhet të përfshijë krijimi juaj i ardhshëm, çfarë saktësisht dëshironi t'i tregoni publikut progresiv me ndihmën e tij. Keni vendosur të krijoni një faqe informacioni jofitimprurëse? E mrekullueshme. Vendosni se çfarë do t'i kushtohet. Nëse ky është një projekt argëtues, pasi të keni dalë me një listë me tituj përkatës (për shembull, anekdota, karikatura ose histori humoristike), duhet të zgjidhni një zgjidhje të përshtatshme dizajni për të, pak a shumë që korrespondon me përmbajtjen. Vizitorët ka të ngjarë të jenë paksa të hutuar nga një projekt argëtues i bërë në stilin e një portali serioz informacioni apo lajmesh. Ndoshta dëshironi të publikoni një burim të dedikuar për të bërë verëra shtëpiake? Shëtisni në internet, shikoni se çfarë kanë krijuar tashmë kolegët tuaj, cilat seksione janë në faqe të ngjashme, vlerësoni se çfarë informacioni u mungon dhe çfarë është, përkundrazi, një tepricë, si i paraqitet ky informacion konsumatorit, a është ai e mërzitshme për ta lexuar ose, anasjelltas, interesante dhe magjepsëse.

A keni nevojë të krijoni një faqe interneti komerciale? Në këtë rast, si lista e seksioneve tematike, ashtu edhe vendimi përfundimtar në lidhje me teknikat e projektimit që aplikoni, të tilla si përdorimi i ngjyrave të korporatës, shkronjave speciale ose butonave të stilizuar për t'iu përshtatur konceptit të përgjithshëm të projektit, ka shumë të ngjarë të merren nga klienti i faqes. Sidoqoftë, në çdo rast, do t'ju duhet t'i siguroni atij disa opsione provash, të ashtuquajturat projekte të projektimit, duke treguar zbatime të mundshme të burimit të ardhshëm. Referojuni faqeve të internetit të organizatave konkurruese, vendase dhe të huaja, shikoni se cilët tituj përbëjnë faqen e tyre të internetit, çfarë të dhënash ofrohen në çdo seksion tematik.

Pasi të keni vendosur për numrin, emrat dhe përmbajtjen e të gjitha seksioneve të projektit tuaj, mund të vazhdoni në fazën tjetër të krijimit të një siti - duke hartuar strukturën e tij logjike dhe fizike. Duhet mbajtur mend se lista e titujve dhe numri i materialeve të paraqitura në to, dhe përmbajtja e vetë dokumenteve, ka shumë të ngjarë të ndryshohen dhe plotësohen vazhdimisht. Disa seksione përfundimisht do të hiqen si të panevojshme, disa - përkundrazi, shtohen, disa faqe ueb që do t'i konsideroni tashmë të parëndësishme, dhe disa dokumente, përkundrazi, do të duhet të ripunohen. Strukturat logjike dhe fizike të projektit tuaj duhet të plotësojnë kërkesa të tilla lëvizshmërie, nuk duhet të keni as problemin më të vogël me organizimin ose riorganizimin e hiperlidhjeve brenda projektit nëse ndonjë dokument që e përbën atë papritmas pushon së ekzistuari. Ju gjithashtu nuk duhet të keni nevojë të ridizajnoni të gjitha faqet e internetit kur shtoni një kategori të re në projekt, vetëm sepse lidhjet ekzistuese nuk ju lejojnë të bëni ndryshime të tilla dhe butoni i ri i navigimit nuk ka ku të grumbullohet. Mendoni në detaje për të gjitha lidhjet midis faqeve të burimit, zhvilloni strukturën e drejtorive dhe nëndrejtorive në të cilat do të vendosni dokumente. Vetëm pas kësaj mund t'i drejtoheni drejtpërdrejt çështjeve të projektimit.

Merrni parasysh dhe skiconi paraqitjen e faqeve tuaja të ardhshme të internetit. Me një laps. Në letër. Ju lutemi vini re se nëse struktura logjike e faqes suaj nënkupton praninë e faqeve fillestare të seksionit, ose, siç quhen gjithashtu, skedarët e indeksit, dizajni i këtyre faqeve, si dhe vetë dokumenti fillestar i faqes suaj, ka shumë të ngjarë të ndryshojnë. pak nga dizajni i faqeve të informacionit që përbëjnë titullin. Skedarët e indeksit zakonisht përmbajnë lidhje me dokumentet që përbëjnë një titull të caktuar, ndonjëherë - njoftime të shkurtra të këtyre dokumenteve. Përmbajtja kryesore e vetë faqeve të informacionit është tekst informues dhe, sipas rastit, ilustrime.

Pasi të keni paraqitur paraqitjen e përgjithshme të faqeve në internet, mendoni për strukturën e tabelës së padukshme, e cila më pas do të përfshijë përbërësit e tyre. Kur hartoni një tabelë, është e nevojshme të merret parasysh se midis kolonave të saj që përmbajnë elementë të ndryshëm të dokumentit, këshillohet të lini kolona boshe me një gjerësi prej një ose dy pikselësh. Kjo bëhet për të shmangur efektin e ngjitjes së kolonave me njëra-tjetrën, gjë që vërehet kur nuk ka një dhëmbëzim horizontal midis elementeve të një faqeje interneti, gjë që prish dukshëm pamjen e dokumentit.

Krijimi i një tabele faqosjeje është ndoshta një nga procedurat më të vështira gjatë zhvillimit të një projekti të ri. Është pothuajse e pamundur të vizatoni një tabelë me saktësi në provën e parë. Aftësia, falë së cilës web-master vizaton të gjitha rreshtat dhe kolonat e nevojshme me sy në pak sekonda, vjen vetëm me përvojë. Është e vështirë të japësh ndonjë këshillë specifike këtu për të ndihmuar një stilist të ri. Ekziston vetëm një mënyrë për të mësuar se si të dizajnoni shpejt një tabelë paraqitjeje për një faqe të re: ngarkoni disa faqe ueb të krijuara nga autorë të tjerë në FrontPage Express, shikoni se cilat tabela përdorin për të shfaqur këto dokumente, studioni ato me kujdes dhe më pas përpiquni të krijoni nja dy te tuat....

Për të ndërtuar tabela komplekse, mund të përdorni futjen e një tabele në tjetrën: për shembull, një tabelë kryesore me 640 pika specifikon një ndarje horizontale të faqes dhe një tabelë tjetër e padukshme, e barabartë në gjerësi, është e vendosur në secilën nga qelizat e saj, duke siguruar ndarje vertikale. . Kjo qasje ju lejon të ndani pjesë të ndryshme të një faqe interneti në mënyrë të pavarur nga njëra-tjetra, duke krijuar, për shembull, në njërën nga fushat e saj katër kolona vertikale me gjerësi të ndryshme, dhe në tjetrën - dy, ndërsa veproni me parametra të ndryshëm të tabelave të mbivendosura brenda i njëjti dokument - madhësia e hapësirës midis kolonave, trashësia e kufijve, etj.

Pasi të jenë rregulluar elementët kryesorë të dokumentit dhe të shënohet tabela e padukshme, duhet të keni një skicë të përafërt të faqes së ardhshme. Tani është radha e përgatitjes së përmbajtjes.

Së pari, ju rekomandoj që të shkruani në çdo redaktues të gjitha tekstet e nevojshme dhe është më mirë t'i ruani ato në format teksti të thjeshtë, domethënë në një skedar me shtesën .txt. Pastaj ju duhet të vizatoni elementët e nevojshëm grafikë në një redaktues vektori (për shembull, në Corel-Draw), t'i eksportoni ato në një format raster, t'i përpunoni ato në një redaktues grafik raster (në rastin tonë, ne po flasim për Adobe Photoshop), duke u dhënë fotografive madhësinë dhe rezolucionin e kërkuar, pas së cilës, si nevojë për optimizimin e tyre duke përdorur kompresorë të veçantë ose mjete të tjera të ngjashme. Një histori e detajuar në lidhje me përgatitjen e imazheve grafike do të shkojë në mësimin e pestë, tani për tani po flasim vetëm për sekuencën e veprimeve.

Vetëm pas të gjitha procedurave të përshkruara më sipër, mund të filloni të montoni drejtpërdrejt faqen: krijimin e paraqitjes së saj në një redaktues HTML, shkrimin dhe korrigjimin përfundimtar të kodit.

Meqenëse dizajni i të gjitha dokumenteve që përbëjnë faqen tuaj të ardhshme ka të ngjarë të jetë pothuajse identik, para së gjithash rekomandohet të krijoni një të ashtuquajtur shabllon. Një shabllon është një dokument html që përmban një tabelë të padukshme, titull, të gjitha objektet grafike, elementët e navigimit - me fjalë të tjera, praktikisht gjithçka, përveç përmbajtjes së menjëhershme. Nëse më vonë duhet të përfshini një dokument të ri në projekt, do t'ju duhet vetëm të hapni një shabllon të gatshëm në redaktuesin html dhe të importoni tekstin dhe të gjitha ilustrimet e nevojshme në të. Unë ju këshilloj të krijoni dhe ruani në disk dy shabllone të ndryshëm: një për faqen e informacionit dhe një për skedarin e indeksit. Kur faqja të jetë gati, duhet të kontrollohet për shfaqje identike në shfletues të ndryshëm me rezolucione të ndryshme të ekranit dhe paleta ngjyrash. Ngarkoni dokumentin html që keni krijuar në Microsoft Internet Explorer, vendosni paletën e ngjyrave të ekranit në 256 ngjyra dhe më pas ndryshoni rezolucionin e ekranit në 640x480, 800x600 dhe, në fund, në 1024x768 piksele. Shihni nëse faqosja e faqes ndryshon, nëse elementët e saj rrëshqasin jashtë në raport me njëri-tjetrin. Ndiqni të njëjtën procedurë për Netscape Navigator. Nëse nuk vëreni ndonjë ndryshim të rëndësishëm, mund të jeni i sigurt se dokumentet e tjera të krijuara duke përdorur të njëjtin shabllon me një probabilitet 95% do të shfaqen si duhet.

Si rezultat, sekuenca e veprimeve për zhvillimin e një faqe interneti reduktohet në algoritmin e thjeshtë të mëposhtëm:

• Vendosja e qëllimeve dhe përcaktimi i objektivave kryesore.
• Krijimi i një liste të seksioneve tematike të ardhshme.
• Zhvillimi i strukturës logjike dhe fizike të burimit.
• Përgatitja e skicës së projektimit, faqosja e faqes, tabela e paraqitjes së padukshme.
• Përgatitja e materialeve tekstuale.
• Përgatitja e materialeve grafike në formë vektoriale.
• Eksportimi i imazheve vektoriale në formatin raster, optimizimi i imazhit.
• Krijimi i shablloneve për faqet e internetit.
• Ndërtoni faqe në internet dhe korrigjoni kodin.
• Kontrollimi i identitetit të shfaqjes së faqeve të internetit me rezolucione të ndryshme të ekranit dhe gamë ngjyrash dhe në shfletues të ndryshëm.

M .: SOLON-PRESS, 2008 .-- 192 f. (Seria e Bibliotekave të Studentëve)

Manuali mund të përdoret për mësimin stacionar dhe në distancë në studimin e disiplinave të mëposhtme: Programimi në një gjuhë të nivelit të lartë, Ndërveprimi njeri-makinë, Programimi i orientuar nga objekti.

Vëmendja kryesore në manual i kushtohet gjuhës së programimit HTML, teknologjisë CSS, gjuhës së programimit JavaScript, redaktorit grafik Adobe Photoshop, teknologjisë multimediale.

Manuali shoqërohet me një tekst elektronik në një CD-ROM, i cili përmban material teorik, shembuj të zbatimit të detyrave të ndryshme (vend trajnimi) dhe një pjesë praktike (detyra, pyetje kontrolli dhe udhëzime për punën laboratorike). Përveç kësaj, ekziston një program testimi në disk, me ndihmën e të cilit mësuesi mund të vlerësojë shpejt dhe në mënyrë objektive shkallën e zotërimit të materialit.
Një tipar interesant i tekstit elektronik është se çdo pjesë shoqërohet me muzikë të qetë instrumentale që krijon një humor të mirë.

Ky tekst shkollor është i destinuar për studentët e specialitetit 220400 (230105) - Softuer për teknologjinë kompjuterike dhe sistemet e automatizuara. Prania e një teksti elektronik i lejon mësuesit të zgjidhin thjesht problemin e përsëritjes së udhëzimeve.
Libri është i domosdoshëm për të gjithë fillestarët për të studiuar Web-design.

Formati: djvu

Permasa: 5, 7 Mb

Shkarko: yandex.disk

PËRMBAJTJA
Hyrje 3
1. Rrjetet e Zonës Globale 6
2. Mënyrat për t'u lidhur me internetin 11I
3. Ndërrimi i kanaleve, mesazheve dhe paketave. trembëdhjetë
4. Protokollet, shërbimet, shërbimet 15
5. Shfletuesit 18
6. Motorët e kërkimit dhe drejtoritë. 24
7. Konceptet bazë të dizajnit të uebsajtit 31
8. Struktura e ueb faqes 37
9. Teknologjitë e rrjetit të Web-design 39
10. HTML 46
10.1. Formatimi i tekstit 51
10.2. Tabelat .. 55
10.3. Grafika 61
10.4. Hiperlidhjet 67
10.5. Meta etiketat 71
10.6. Hartat e referencës 73
10.7. Multimedia 77
10.8. Kornizat 81
10.9. Fletët e stilit të kaskadës CSS 85
11. JavaScript 91
11.1. Rendi i ekzekutimit të skriptit 95
11.2. Metodat e hyrjes së informacionit 98
11.2.1. Futja e informacionit duke përdorur metodën sop-firmO 99
11.2.2. Futja e informacionit duke përdorur metodën Promt () .. 101
11.2.3. Futja e informacionit duke përdorur një kuti teksti 103
11.2.4. Futja dhe nxjerrja e informacionit duke përdorur zonën e tekstit textarca 106
11.2.5. Format interaktive 108
11.3. Metodat e shfaqjes së informacionit 124
11.3.1. Shfaqja e informacionit duke përdorur metodën e alarmit ().
11.3.2. Shfaqja e informacionit duke përdorur metodën e shkrimit () 126
11.3.3. Shfaqja e informacionit duke përdorur një kuti teksti 127
11.3.4 Shfaqja e informacionit duke përdorur Windows 129 të krijuar
11.4. Ngjarjet 132
11.5. Veprimet aritmetike., 141
11.6. Operacionet logjike dhe ndërrimi 143
11.7. Operacionet me variabla të vargut. 147
11.7.1. Shndërrimi i numrave nga një sistem numrash në një tjetër 150
11.8. Funksionet dhe konstantet matematikore 152
11.9. Ciklet e rregullta 158
11.10 Operatorët e transferimit të kushtëzuar të kontrollit nëse-tjetër (kond) HSwitch (x) 160
11.11 Shembuj të skripteve 167
11.11.1 Animacioni në shiritin e titullit të shfletuesit 168
11.11.2 Butoni i ndezur 169
11.11.3 Zbatimi i sytheve të përsëritjes 171
Shtojca 1: Lista e punëve dhe detyrave laboratorike të vendosura në diskun optik 174
Shtojca 2: Procedura për ekzekutimin e programit të testimit 176
Shtojca 3: Faqja "Samara dhe kjo është vetë Rusia"
Përfundimi 180
Referencat 181