casa › DI › Strumenti per lo sviluppo di applicazioni web. Aree di applicazione dei linguaggi di programmazione per lo sviluppo di applicazioni Web. Applicazioni web Strumenti per creare applicazioni web

Strumenti per lo sviluppo di applicazioni web. Aree di applicazione dei linguaggi di programmazione per lo sviluppo di applicazioni Web. Applicazioni web Strumenti per creare applicazioni web

HTML. Il processo di sviluppo di applicazioni Web diventa simile allo sviluppo di normali applicazioni Windows, in cui lo sviluppatore ha visivamente controlli nel modulo, imposta le relative proprietà e scrive i gestori eventi.

Ambiente di hosting e gestione del ciclo di vita estensibile per applicazioni web

Un framework di hosting ASP .NET estensibile gestisce il ciclo di vita dell'applicazione dal primo accesso di un utente a una risorsa fino alla chiusura dell'applicazione. ASP .NET stesso utilizza un server Web (IIS) come ambiente, fornendo allo stesso tempo funzioni di hosting. ASP .NET consente di gestire gli eventi che si verificano nelle applicazioni e di creare gestori e moduli HTTP personalizzati.

Un ambiente di progettazione dell'interfaccia utente di un'applicazione Web estensibile

ASP .NET consente di creare editor visivi personalizzati per i controlli server e di integrarli in strumenti di sviluppo come Visual Studio. Gli editor visivi consentono di sviluppare interfacce utente per i controlli e aggiungere le proprietà e i metodi necessari ai controlli.

Ambiente di hosting e gestione del ciclo di vita estensibile per applicazioni web

Un ambiente di progettazione dell'interfaccia utente di un'applicazione Web estensibile

introduzione

Impatto dell'informatica globale Reti Internet SU mondo moderno non ha analoghi storici. Il suo presente è l'inizio dell'era della penetrazione elettronica in tutte le sfere della vita umana, questa è più di una semplice campagna di marketing, è la base di una nuova filosofia e di una nuova strategia aziendale.

È logico supporre che dal punto di vista della pubblicità di prodotti o servizi Internet sia la risorsa più significativa. La maggior parte delle persone moderne utilizza Internet come fonte di informazioni più accessibile.

La creazione di siti Web è uno dei tecnologie critiche sviluppo delle risorse Internet. Un buon sito web, che raccoglie tutte le informazioni utili, è il miglior biglietto da visita sia per un'azienda commerciale che per un istituto scolastico, che lavora per loro in qualsiasi momento della giornata.

Dopo aver analizzato diversi siti che forniscono supporto informativo alle piccole imprese per il rispetto dei loro obiettivi, requisiti psicofisiologici e contenuto informativo, nonché la correttezza della scelta degli strumenti di sviluppo, si possono identificare le seguenti carenze caratteristiche:

· non conformità del sito ai requisiti psicofisiologici, che porta ad un aumento della fatica o della distrazione;

· passione per l'animazione, immagini grafiche e frammenti video che non portano un carico semantico comportano automaticamente una diminuzione del numero di potenziali visitatori del sito web, poiché aumentano i requisiti per la larghezza di banda della connessione Internet e il volume del traffico;

· ridondanza o mancanza di informazioni fornite;

· scelta errata degli strumenti di sviluppo, che comporta un aumento irragionevole del costo del prodotto finito.

Pertanto, determinando la funzionalità degli strumenti e dei linguaggi per lo sviluppo di siti Web, nonché i requisiti psicofisiologici per il testo e informazioni grafiche presentato sullo schermo del monitor sembra essere un compito urgente.

Inoltre, con un numero di utenti online stimato in oltre 500 milioni (e in crescita a un tasso di circa il 7% al mese), è necessario cercare modi per utilizzare le nuove tecnologie che possano aiutare ad attirare e trattenere l’attenzione degli utenti in viaggio attraverso le vaste distese del Web.

Oggetto della ricerca sono le tecnologie web.

Object – ambienti e linguaggi per lo sviluppo di applicazioni web.

Lo scopo del lavoro è considerare le possibilità uso pratico linguaggi e strumenti per lo sviluppo di applicazioni web.

1) considerare i concetti base delle tecnologie web;

2) fornire varie classificazioni delle applicazioni web utilizzate nelle attività aziendali;

3) considerare i requisiti psicofisici per le applicazioni web;

4) determinare gli ambiti di applicazione dei linguaggi di programmazione per lo sviluppo di applicazioni web;

5) analizzare la funzionalità degli ambienti per la creazione di applicazioni web.

Vale la pena affrontare il compito di creare la propria “rappresentazione di Internet” in modo responsabile. Il sito dovrebbe essere facile da usare: le pagine dovrebbero caricarsi il più rapidamente possibile e la risorsa stessa dovrebbe avere una struttura logica e comprensibile. Solo in questo caso puoi contare sul fatto che il visitatore sia interessato alle informazioni fornite e rimanga sul sito.

Sviluppo del moderno apparecchiature informatiche e l'introduzione di nuove tecnologie ha segnato l'inizio di una nuova direzione della vita sulla Terra. In un periodo di tempo abbastanza breve nello sviluppo della microelettronica e della cibernetica si sono verificati molti cambiamenti.

Il progressivo sviluppo della tecnologia ha causato l'emergere di nuovi prodotti software. Ogni anno vengono introdotti sempre più linguaggi di programmazione. Tutti sono rivolti principalmente al pubblico target.

Non si stanno sviluppando solo i computer, ma anche le reti. Se solo pochi decenni fa Internet era una piccola rete privata, ora è un gigantesco sistema di computer interconnessi, senza il quale forse non potremmo immaginare la vita.

Internet non è solo una "piscina fantastica" in cui le persone molto "surriscaldate" si sentono a proprio agio, ma anche un luogo dove puoi "toccare" quasi tutti gli argomenti caldi senza paura di scottarti.

La tecnologia web ha completamente rivoluzionato l’idea di lavorare con le informazioni e con il computer in generale. Si è scoperto che i parametri di sviluppo tradizionali informatica- produttività, portata, capacità di archiviazione - non ha tenuto conto della cosa principale " collo di bottiglia"sistema - interfaccia con una persona. Il meccanismo obsoleto dell'interazione umana con un sistema informativo ha frenato l'introduzione di nuove tecnologie e ridotto i vantaggi del loro utilizzo. E solo quando l'interfaccia tra una persona e un computer è stata semplificata al punto da percezione naturale da parte di una persona comune, seguì un'esplosione di interesse senza precedenti per le capacità della tecnologia informatica.

Le informazioni a disposizione degli utenti di Internet si trovano su computer (server Web) su cui è presente uno speciale Software. Gran parte di queste informazioni sono organizzate sotto forma di siti Web. Ognuno di loro ha il proprio nome (indirizzo) su Internet. Un sito Web è un'informazione presentata in un determinato formato, che si trova su un server Web e ha il proprio nome. Per visualizzare i siti Web sul computer dell'utente, utilizzare programmi speciali che sono chiamati browser. I browser più comuni attualmente sono Internet Explorer e Netscape Navigator. A seconda del nome del sito specificato nella riga "Indirizzo", il browser caricherà le informazioni corrispondenti nella sua finestra.

Un sito web è costituito da pagine Web interconnesse. La pagina web è file di testo con l'estensione *.htm, che contiene informazioni di testo e comandi speciali: codici HTML che determinano come queste informazioni verranno visualizzate nella finestra del browser. Tutte le informazioni grafiche, audio e video non sono incluse direttamente nella pagina Web e sono rappresentate in file separati (Figura 1 Appendice A).

Le moderne applicazioni web sono principalmente portali che forniscono servizi che non possono essere utilizzati altrove, il cui svantaggio è la difficoltà di scambiare informazioni tra le aziende. In particolare, anche i contatti e altre informazioni personali devono essere reinserite su ciascuno di questi siti.

Attualmente, in termini di finalità, esistono tre tipologie principali di portali:

· Portali pubblici o orizzontali (a volte chiamati mega-portali), come Yahoo, Lycos, Excite, Rambler. Tali portali sono spesso il risultato dello sviluppo dei motori di ricerca. Sono destinati al pubblico più vasto, il che si riflette nel contenuto delle informazioni e dei servizi che forniscono. In genere, queste informazioni sono di natura generale, così come lo sono i servizi forniti ( E-mail, newsletter e così via).

· Portali verticali. Questo tipo di portale è destinato a tipi specifici di mercato e serve il pubblico che utilizza i servizi di questo mercato o lavora in esso. Esempi di tali portali includono, ad esempio, le agenzie di viaggio che forniscono servizi per la prenotazione di alberghi, l'ordinazione e la consegna di biglietti, l'accesso a mappe e informazioni sui percorsi stradali, o portali B2B (business-to-business) che consentono ai loro clienti di implementare congiunti operazioni commerciali (ad esempio, selezione di fornitori e acquisto di beni, conduzione di aste).

· I portali aziendali sono destinati a dipendenti, clienti e partner di un'impresa. Gli utenti di tale portale ricevono l'accesso ai servizi e alle applicazioni a loro destinati, a seconda del loro ruolo e profilo personale.

Altre applicazioni web più comuni:

· Portali Internet regionali, universali nella loro portata, ma limitati dalla geografia dei visitatori interessati (e1.ru);

· Motori di ricerca- si tratta di portali Internet progettati per offrire ai propri visitatori l'opportunità di trovare siti in cui si trovano parole specifiche o intere frasi (metabot.ru);

· Una directory è una raccolta di collegamenti a siti. Perché abbiamo bisogno dei cataloghi se c'è una ricerca? Molto spesso non sappiamo esattamente di cosa abbiamo bisogno, non riusciamo a formularlo in poche parole (mail.ru);

· Le bacheche elettroniche sono un luogo su Internet dove quasi chiunque può lasciare informazioni di natura informativa, di invito o pubblicitaria;

· I forum sono siti o sezioni speciali di siti progettati affinché i visitatori possano lasciare messaggi e scambiare opinioni;

· Le chat sono un altro luogo di comunicazione su Internet, ma il loro scopo non è quello di scambiare opinioni su qualche argomento, ma semplicemente di passare il tempo;

· File da scaricare;

· Gallerie fotografiche;

· Elementi di statistica;

· Memorizzazione di varie informazioni su Internet;

· Server di mailing list, offrono servizi per fornire informazioni a una vasta gamma di lettori (subscribe.ru);

· Negozi e aste online (ozon.ru, molotok.ru).

Il punto di partenza di un progetto web è l'analisi degli obiettivi del sito e delle funzionalità che verranno offerte all'utente.

La seconda fase riguarderà la costruzione dell'architettura dell'informazione del sito.

Una volta conosciuti tutti i materiali del sito e la sua struttura, si può passare alla progettazione della navigazione e delle pagine stesse.

È necessario inserire in ogni pagina un link ben visibile alla mappa del sito. La pagina che visualizza la mappa non deve superare le due pagine sullo schermo dell'utente. Vengono utilizzati due tipi di mappe: statiche e dinamiche. È più efficace utilizzare una mappa con una visualizzazione statica dell'architettura dell'informazione, poiché una visualizzazione dinamica porta l'utente a una confusione ancora maggiore. La mappa è stata creata per orientare meglio l'utente, quindi la mappa deve mostrare non solo la posizione attuale dell'utente all'interno del sito, ma anche quelle sezioni che ha già visitato.

La pagina principale del sito web dell’azienda è il volto del sito, rivolto verso l’intera rete (Figura 2 Appendice B). SU pagina iniziale Gli obiettivi dell’azienda sono chiaramente indicati e ogni elemento di design dovrebbe consentire all’utente di comprendere meglio il sito e decidere la sequenza di azioni per risolvere i propri problemi.

È dalla pagina principale che la maggior parte degli utenti inizia il proprio viaggio nel sito. Allo stesso tempo, il nostro sito dovrebbe essere realizzato in modo tale che le persone che arrivano al sito tramite un collegamento profondo si sentano a proprio agio. Per fare ciò, è necessario inserire in ogni pagina del sito:

· nome o logo dell'azienda nell'angolo in alto a sinistra

· slogan individuale per il sito, composto da una frase

Non si può presumere che l'utente sia arrivato questa pagina, percorrendo l'intero percorso dall'inizio alla fine. È del tutto possibile che non abbia visto le informazioni che abbiamo indicato nelle pagine livello superiore gerarchia. Con i deep link dobbiamo orientare l'utente verso un luogo, dirgli dove si trova adesso nel sito, indicando nella pagina un collegamento a catena. Se è necessario che una pagina non venga indicizzata nei motori di ricerca, è necessario inserire l'elemento "HEAD". .

Nella sezione "Chi siamo" è necessario fornire le informazioni di base sull'azienda:

· composizione del top management team (con bibliografia e fotografie);

· Informazioni sui contatti;

· filosofia dell'organizzazione (visione del business, rapporti con la società, aspirazioni);

· principali tappe storiche;

Una lunga spiegazione nella parte superiore della pagina "Chi siamo" aiuta l'utente a comprendere meglio cosa è contenuto nel profondo di questo omaggio.

Il testo deve essere facilmente leggibile sia dagli utenti giovani che da quelli meno giovani, quindi dovremo specificare la dimensione del carattere in unità relative anziché in unità assolute, poiché la dimensione deve essere scelta dagli utenti stessi. In questo caso il testo deve rientrare completamente nella pagina, per non infastidire l'utilizzo dello scorrimento orizzontale delle pagine del sito.

Gli utenti raramente leggono le pagine web parola per parola. Durante la prima visione cerca i fatti e ignora i dettagli, ma avendo trovato materiale di suo interesse può andare più in profondità. Uno schema approssimativo di visualizzazione della pagina si presenta così: la prima riga orizzontale viene visualizzata completamente, quella successiva non viene visualizzata in tutta la sua profondità e con ogni riga successiva la raccolta di informazioni si riduce sempre di più.

Pertanto, gli utenti spesso visualizzano solo la parte superiore dell'articolo. E solo i lettori più interessati scorreranno la pagina, e solo questi pochi capiranno la storia dell'articolo in tutti i suoi dettagli. Pertanto, è importante applicare il "principio della piramide invertita", che consiste nel fatto che l'articolo inizia con una "conclusione", poi c'è un messaggio sulle informazioni più importanti e alla fine viene presentato lo sfondo dell'evento. dato.

Per rendere le pagine comode da visualizzare, utilizzeremo:

· evidenziazione delle parole chiave;

· titoli ben scritti;

· elenchi con marcatori;

· un paragrafo per idea (l'utente salterà tutte le altre idee se non sarà attratto dalle parole principali del paragrafo);

· stile piramidale rovesciato (dove l'articolo inizia con una conclusione);

· meno parole rispetto a un normale articolo;

· minimo di termini poco chiari;

· indicazione della data di creazione del messaggio (per sapere quanto è lungo, è rilevante il questo momento);

· informazione contestuale dell'attributo "ALT".

· le intestazioni delle email vengono spesso visualizzate fuori contesto:

· nell'elenco degli articoli presenti sul sito;

· nelle intestazioni dei messaggi di posta elettronica;

· nei risultati di ricerca;

· nei segnalibri del browser.

Allo stesso tempo, gli utenti non dovrebbero avere alcuna conoscenza approfondita per comprendere la nostra intestazione se saltano il testo sotto i titoli. Per questo motivo, il testo del titolo dovrebbe essere un'informazione a sé stante che consenta di essere compreso in assenza del resto del contenuto. Quando si scrive un titolo, è necessario utilizzare un linguaggio neutro e non utilizzare: giochi di parole, “raffinatezza”, “allettanti”, lettere maiuscole (come sembra che stiamo gridando all'utente)

Gli utenti preferiscono titoli significativi. Più corto è il microcontenuto, più facile sarà sfogliarlo. È necessario escludere l'uso della stessa parola all'inizio di ciascun articolo e titolo della pagina, poiché se vengono utilizzati più articoli contemporaneamente, sarà difficile selezionare l'articolo richiesto nel pannello o nei segnalibri.

Quando ci viene chiesto di fornirci un indirizzo email, è necessario dire, qui e ora, cosa riceverà esattamente l'utente e quanto spesso disturberai la sua tranquillità cassetta postale. I riferimenti Mailto devono essere utilizzati in modo tale che sia chiaro che si tratta di un indirizzo postale. Non inserire collegamenti e-mail sui nomi, poiché facendo clic su un nome si dovrebbe accedere alla loro biografia. Quando si comunica via e-mail, non c'è motivo di utilizzare il nome specifico di uno dei dipendenti, a meno che l'utente non abbia stabilito un rapporto personale con lui (le e-mail di persone sconosciute molto spesso finiscono nel cestino).

Per aumentare la credibilità del sito è necessario utilizzare immagini grafiche di alta qualità. Tuttavia, non dovresti utilizzare immagini di grandi dimensioni per impostazione predefinita. Si consiglia di utilizzare schizzi e, se necessario, ingrandirli quanto desidera l'utente. Le miniature dovrebbero contenere tutte le informazioni di base sull'immagine. Sul sito sarebbe più corretto utilizzare fotografie di dipendenti e clienti reali, piuttosto che fotomodelle con uno smagliante sorriso hollywoodiano. È inoltre necessario utilizzare un buon stile di scrittura e collegamenti ipertestuali in uscita verso altri siti. Non è necessario utilizzare “acqua pubblicitaria”, poiché comporta un carico emotivo aggiuntivo e gli utenti devono dedicare tempo a separare le iperboli dai fatti reali.

Il modo classico per aumentare l'attaccamento a un sito è pubblicare nuovi materiali con una certa regolarità (da giornaliera a mensile). Per chi fosse interessato è necessario organizzare l'invio di materiale fresco. Quasi il 100% degli iscritti visiterà periodicamente il sito stesso purché l'autore ricordi loro se stesso.

Il design del sito web dovrebbe adattarsi alle persone. Un'opzione per un dispositivo di questo tipo è un profilo, ma la sua compilazione richiede pazienza, motivo per cui viene compilato dai visitatori abituali del sito. Pertanto, per tracciare gli utenti, è meglio utilizzare un "cookie", nel cui file vengono inserite tutte le informazioni necessarie, piuttosto che una noiosa procedura di registrazione. Se la registrazione è ancora necessaria per un funzionamento sicuro, non dovresti creare moduli di iscrizione troppo rigidi. Se è possibile utilizzare il completamento automatico e posizionare automaticamente il cursore nel primo campo del modulo.

Non dovresti creare moduli per la ricerca in Internet, se l'utente ne ha bisogno, utilizzerà un motore di ricerca speciale.

I collegamenti dovrebbero essere prevedibili; l’utente dovrebbe sapere cosa accadrà se fa clic sul collegamento. Metti in chiaro qual è il collegamento: se è testo, rendilo colorato o sottolineato. Non nascondere le differenze tra collegamenti visitati e non visitati. Creare collegamenti con l'aspettativa che i motori di ricerca siano i visitatori più importanti e che siano sordi e ciechi all'alta tecnologia. Progetta i tuoi tag "titolo" in modo che abbiano un bell'aspetto nei motori di ricerca e nei segnalibri, quindi devi iniziare i tuoi collegamenti con una parola chiave.

Evita la comparsa di collegamenti interrotti, poiché in questo caso altri siti e motori di ricerca non si collegheranno a noi.

Durante la navigazione del sito, lascia che sia l'utente a scegliere come aprire le pagine, se in finestre pop-up o in altro modo.

Sul WEB gli utenti non prestano attenzione a nient'altro che al loro obiettivo e la pubblicità che li distrae dal raggiungimento del loro obiettivo viene semplicemente ignorata. Se il nostro annuncio appare prima che l'utente trovi il materiale che gli interessa, molto probabilmente verrà chiuso. E quando avrà completato il suo compito principale ed è pronto a dare un'occhiata più da vicino all'annuncio, semplicemente non lo vedrà più perché ha chiuso la finestra pop-up. Pertanto, non dovresti mai distrarre l'utente dal tuo obiettivo.

Quando un utente digita le parole di una query in un motore di ricerca, gli annunci visualizzati nell'elenco dei risultati della query saranno direttamente correlati a ciò di cui la persona ha bisogno. E così legge questi annunci e fa clic sui collegamenti. Tale pubblicità costa molto meno della distribuzione di volantini.

Quindi, il segreto del successo è combinare la pubblicità con gli obiettivi degli utenti.

· mancanza del pulsante "Chiudi";

· trucchi per convincere le persone a cliccare;

· indicare chiaramente cosa accadrà quando si clicca sopra;

· dà Informazioni aggiuntive su di te senza dover uscire dalla pagina corrente.

Per svolgere il lavoro di valutazione è necessario coinvolgere da tre a cinque partecipanti. Ognuno di loro svolge il lavoro individualmente. Dopo di che i loro risultati vengono confrontati e portati ad un'unica conclusione. Il test si svolge in due fasi:

1) comprensione dell'interfaccia;

2) concentrazione dell'attenzione su determinati elementi.

È necessario menzionare separatamente ciascun problema, non importa come si ripeterà in futuro.

Strumenti per lo sviluppo di applicazioni web

Aree di applicazione dei linguaggi di programmazione per lo sviluppo di applicazioni Web

L'Hypertext Markup Language, o HTML come è più comunemente noto, è il linguaggio informatico alla base del World Wide Web. Grazie al linguaggio HTML qualsiasi testo può essere marcato, convertito in ipertesto e poi pubblicato sul Web.

Il linguaggio HTML dispone di un proprio set di caratteri che i browser Web utilizzano per visualizzare una pagina. Questi caratteri, chiamati handle, includono gli elementi necessari per creare collegamenti ipertestuali.

Uno di caratteristiche distintive I documenti HTML significano che il documento stesso contiene solo testo e tutti gli altri oggetti sono incorporati nel documento nel momento in cui viene visualizzato dal browser utilizzando tag speciali e vengono archiviati separatamente. Quando si salva un file HTML, nella posizione in cui si trova il documento viene creata una cartella in cui vengono inseriti gli elementi grafici associati.

Innanzitutto PHP viene utilizzato per creare script che funzionano lato server, motivo per cui è stato inventato. PHP è in grado di risolvere gli stessi problemi di qualsiasi altro script CGI, inclusa l'elaborazione dei dati dei moduli html, la generazione dinamica di pagine html e simili. Ma ci sono altre aree in cui è possibile utilizzare PHP.

La seconda area è la creazione di script eseguiti sulla riga di comando. Cioè, con utilizzando PHP puoi creare script che verranno eseguiti, indipendentemente dal server web e dal browser, su una macchina specifica.

E l'ultima area è la creazione di applicazioni GUI ( interfacce grafiche) in esecuzione sul lato client.

Ajax sta per Asynchronous Javascript And XML e non è una tecnologia nel senso stretto del termine. Se in un'applicazione web standard il server elabora tutte le informazioni, mentre il browser è responsabile solo dell'interazione con l'utente, dell'invio di richieste e dell'output dell'HTML in entrata, nell'applicazione Ajax appare un altro intermediario tra l'utente e il server: il motore Ajax . Determina quali richieste possono essere elaborate "sul posto" e quali devono essere indirizzate al server.

Anche il comportamento del server è cambiato. Se prima il server emetteva una nuova pagina per ogni richiesta, ora invia solo i dati di cui il client ha bisogno e il motore Ajax genera HTML da esso direttamente nel browser.

L'asincronia si manifesta nel fatto che non tutti i clic dell'utente raggiungono il server, ed è vero anche il contrario: non tutte le reazioni del server sono causate da una richiesta dell'utente. La maggior parte delle richieste sono generate dal motore Ajax e possono essere scritte in modo tale da caricare le informazioni, anticipando le azioni dell'utente.

Dove usare Ajax:

· Forme. Sono molto lenti. Se trasferisci i dati in modo asincrono, la pagina non si ricarica.

· Navigazione sotto forma di "albero". In generale, tale navigazione è terribile. Una topologia semplice è molto più conveniente, ma alla fine è meglio usare Ajax.

· Filtri. I siti web spesso vengono ordinati per data o nome. L’Ajax sarà molto più conveniente.

JavaScript

Il linguaggio di programmazione JavaScript è stato sviluppato da Netscape per la creazione di documenti HTML interattivi. È un linguaggio orientato agli oggetti per lo sviluppo di applicazioni embedded in esecuzione sia sul lato client che sul lato server. La sintassi del linguaggio è molto simile alla sintassi di Java, ecco perché è chiamato simile a Java.

Gli usi principali di JavaScript rientrano nelle seguenti categorie:

· creazione dinamica di un documento utilizzando uno script;

· verifica tempestiva dell'autenticità dei campi del modulo HTML compilati dall'utente prima del loro trasferimento al server;

· creazione di pagine HTML dinamiche insieme a fogli di stile a cascata e modello a oggetti del documento;

· interazione dell'utente durante la risoluzione di problemi “locali” risolti da un'applicazione JavaScript incorporata in una pagina HTML.

VBScript

Il linguaggio di scripting VBScript è stato sviluppato da Microsoft ed è un sottoinsieme del linguaggio Visual Basic per lo sviluppo di programmi applicativi Windows, abbastanza comune tra i programmatori. Come il suo genitore, VBScript è abbastanza semplice e facile da imparare.

Il vantaggio di utilizzarlo per creare script è la possibilità di utilizzare, con piccoli aggiustamenti, procedure scritte in precedenza in Visual Basic e Visual Basic for Application.

Funzionalità Gli script scritti in VBScript non sono diversi dalle funzionalità degli script JavaScript: creazione dinamica documento o sue parti, intercettazione ed elaborazione di eventi, ecc.

VBScript viene utilizzato per lo scripting lato client (nel qual caso il browser deve avere un interprete integrato per quella lingua) e per lo scripting lato server (nel qual caso il server deve supportare VBScript).

Per creare script client, utilizzi un set di oggetti simili al set JavaScript. Gli oggetti client e server sono diversi gli uni dagli altri, ma esiste una parte comune (nucleo) degli oggetti utilizzati nello sviluppo di script sia client che server.

Perl è ampiamente utilizzato per lo sviluppo di strumenti di amministrazione di sistemi, ma recentemente ha guadagnato un'enorme popolarità nello sviluppo di applicazioni Internet: script CGI, sistemi automatizzati di elaborazione della posta elettronica e supporto di siti Web.

Ecco alcuni esempi di problemi che possono essere risolti utilizzando Perl:

· controllo degli utenti Windows NT per eventuali discrepanze nel loro stato e capacità;

· gestione dei servizi NT da riga di comando e da remoto con macchina locale ottenere dati statistici su una macchina separata;

· Può funzionare anche con il protocollo FTP;

· supporto di sistema per UNIX e Windows.

Attualmente dentro World Wide Web Esistono diversi milioni di siti Web ospitati e il loro numero è in costante crescita. Ognuno ha l'opportunità non solo di visualizzarne uno qualsiasi ed estrarre informazioni utili per se stesso, ma anche di prendere parte attiva alla sua creazione. L'ambiente in cui avverrà lo sviluppo è di grande importanza.

Macromedia continua a rendere Dreamweaver intuitivo e facile da usare. Strumenti potenti da un lato e facilità d'uso dall'altro rendono i prodotti Macromedia un pacchetto software ideale sia per i web designer professionisti che per i principianti. I prodotti inclusi nel pacchetto Macromedia, come Flash, Firework, Dreamweaver, renderanno il tuo lavoro più produttivo e allo stesso tempo potranno sostituirsi a vicenda (ad esempio, puoi creare pulsanti in ognuno di essi). Prodotti come: Sitespring, FreeHand aggiungeranno efficienza quando si lavora con un cliente.

Dreamweaver presenta numerosi vantaggi:

Dreamweaver supporta il codice HTML puro e le ultime estensioni DHTML e CSS.

Contiene eccellenti mezzi di gestione automatica delle connessioni, ovvero ogni volta che i file vengono spostati nell'ambiente, tutte le connessioni vengono ripristinate automaticamente. È possibile bloccare sezioni della pagina per proteggerle da danni involontari.

Ti permette di annullare le modifiche apportate diversi passaggi fa (tuttavia, una volta salvata la pagina, non potrai annullare le modifiche).

Viene applicato il "controllo dinamico cross-browser".

Supporta estensioni sia di sviluppatori di terze parti che di Macromedia stessa (più di 500).

Dreamweaver viene fornito con una libreria di elementi che è possibile utilizzare nelle pagine Web, come una barra di navigazione, un descrittore di copyright e altro ancora.

Utilizzato per aggiungere contenuti multimediali alle pagine Web e vari tipi file da Flash e Java a RealAudio, elementi interattivi come motori di ricerca, forum, sistemi di e-commerce.

Dreamweaver non dispone di strumenti propri per la creazione di immagini. Presenta solo gli strumenti di modifica più semplici, quindi per creare e modificare le immagini avremo bisogno di editor grafici speciali.

Dreamweaver ti consente di rimuovere il codice non necessario dalle applicazioni Microsoft, dopodiché le pagine verranno caricate più velocemente e verranno visualizzate meglio in diversi browser.

Fireworks è un editor grafico con la possibilità di ottimizzarlo ulteriormente e di pubblicarlo in rete. Utilizzando un'ampia varietà di strumenti, possiamo creare e modificare sia vettori che file grafica raster all'interno dello stesso file invece di passare da un programma all'altro. Fireworks genera codice HTML e JavaScript e può creare facilmente menu dinamici e barre di navigazione per le nostre pagine web. L'ottimizzazione efficace dei file grafici consente di ridurne il più possibile le dimensioni senza perdere la qualità.

Inoltre, è possibile modificare i layout delle pagine WEB. Ad esempio, in Fireworks 8 puoi aprire file grafico l'intera larghezza del sito futuro, disegna il disegno grafico necessario e poi taglialo con lo strumento Slice nel modo in cui dovrebbe apparire la tabella futura del documento HTML. Successivamente è possibile iniziare a perfezionare i singoli elementi grafici e, tra le altre cose, creare grafici attivi che rispondono al cursore, senza conoscere affatto il linguaggio di programmazione (JavaScript).

Uno dei tre professionisti redattori grafici, conducendo con successo variabile la lotta per il primato nel lavorare con grafica vettoriale. FreeHand è molto più veloce e più semplice dei suoi concorrenti: CorelDraw e Adobe Illustrator. FreeHand è ottimo per creare loghi, pubblicità, grafica Web e animazioni.

I produttori del programma hanno fatto molti sforzi per rendere la vita il più semplice possibile agli utenti: l'interfaccia del programma è semplice e intuitiva, ci sono molti "campani e fischietti" che consentono di eseguire rapidamente e facilmente trasformazioni di oggetti complessi o ottenere una varietà di effetti artistici. FreeHand può esportare e importare file in quasi tutti i formati più comuni. Inoltre, include impostazioni di tasti di scelta rapida che emulano altri programmi comuni (Adobe Illustrator, CorelDraw). Pertanto non è necessario ripetere l'apprendimento quando si passa a FreeHand.

Una caratteristica interessante e importante di FreeHand quando si lavora su progetti di grandi dimensioni è la capacità di apportare modifiche globali al documento, sia per il testo che per tutti gli oggetti grafici. Il meccanismo di sostituzione globale è molto flessibile. Oltre alla sostituzione, consente di selezionare oggetti con proprietà specificate per la successiva trasformazione. Le proprietà principali utilizzate per cercare, sostituire o selezionare gli oggetti sono colore, spessore del contorno, carattere e angolo di rotazione.

I documenti di FreeHand possono essere facilmente trasformati in pagine Web. Naturalmente FreeHand non è un editor HTML, ma supporta Basic Elementi HTML. Utilizzando FreeHand le pagine WEB possono essere facilmente dotate di animazioni Flash. Blocchi di testo, gruppi di oggetti e oggetti con contorni vengono inseriti in una clip di animazione. Una piccola clip di oggetti FreeHand viene creata letteralmente con un comando: non resta che seguire alcune impostazioni. Ogni fotogramma della clip viene posizionato su un livello separato; l'effetto di animazione si ottiene riproducendo in sequenza il contenuto dei singoli livelli. Ma gli strumenti di FreeHand non sostituiranno l'editor Macromedia Flash.

Crea interessanti presentazioni multimediali interattive per siti WEB. Flash è caratterizzato da grafica vettoriale e animazione, sebbene il programma possa essere utilizzato anche per manipolare o visualizzare grafica raster, modificare riprese video e persino manipolare file audio.

Il contenuto Flash viene pubblicato in file SWF compatti per la successiva visualizzazione su una varietà di piattaforme utilizzando Flash Player. Quando un file SWF viene riprodotto online, contenuti come file audio MP3, video Flash e immagini possono essere caricati dinamicamente nel file SWF. Formato JPEG. Il lettore Flash consente di connettersi a origini dati per combinarle con un database, XML o servizi web. Con tutte queste funzionalità, è possibile introdurre animazioni ed effetti interessanti nelle applicazioni basate sui dati. Flash supporta l'anti-aliasing (smussatura dei bordi mescolando colori adiacenti). Poiché questo formato file è basato sulla grafica vettoriale, l'oggetto mantiene la qualità dell'immagine a qualsiasi risoluzione ed è ideale per creare fotogrammi di animazione.

Un linguaggio potente basato sugli eventi. Il linguaggio ActionScript utilizzato è quasi un linguaggio di programmazione a tutti gli effetti, con supporto per condizioni, loop, array, funzioni e classi che possono essere ereditate.

A favore di Flash c'è la piccola dimensione dei file risultanti e l'uso del formato immagine vettoriale e la compressione di file raster e audio, che ha un effetto molto positivo sulla riduzione delle dimensioni della pagina e del tempo di download.

Questo programma è molto facile da usare. Ha molti tag e modelli già pronti.

La flessibilità dell'interfaccia è uno dei punti di forza del prodotto. Qualsiasi utente può facilmente personalizzare l'interfaccia di HomeSite in base alle proprie preferenze ed esigenze.

Mentre lavora, l'utente può vedere un'area di lavoro con due schede: Sfoglia e Modifica. Cioè, la programmazione avviene nella scheda Modifica e il risultato può essere visualizzato se si seleziona la scheda Sfoglia. Durante la creazione nuova pagina Alcuni tag come HTML e BODY vengono visualizzati automaticamente nel campo di modifica. Questo è il modello che viene caricato quando crei una nuova pagina. Il suo contenuto può essere modificato.

HomeSite semplifica la creazione dell'architettura del sito. Ciò è facilitato da Pannello rapido Barra con sistema di schede con tag già pronti. I tag in queste schede sono molto diversi: da quelli semplici come un paragrafo agli script Java. In genere puoi lasciare una scheda, aggiungendovi tutti i tag necessari tramite il menu Personalizza. Puoi anche creare tag o combinazioni di essi tu stesso. Quando si fa clic su un pulsante con un tag specifico, viene visualizzata una finestra in cui è possibile configurare le opzioni del tag e specificarne gli attributi. Supporta la modalità WYSIWYG con tutti i suoi pro e contro.

Per velocizzare il tuo lavoro, sono disponibili molti strumenti di modifica dei tag. Si tratta ad esempio di funzioni come Tag Completion, Tag Editors e Tag Insight. Rendono molto più semplice la modifica dei tag e dei loro attributi. Ci sono anche frammenti di codice.

HomeSite si integra facilmente con i controlli codice sorgente e sistemi di gestione dei progetti, e offre anche ampie funzionalità per lavorare con il protocollo FTP, grazie al quale possiamo implementare rapidamente il sito e organizzare la sua manutenzione efficace.

È l'editor HTML più popolare sul mercato, principalmente per la sua popolarità Pacchetto Microsoft Ufficio. Il programma offre funzionalità potenti e un interessante pacchetto software, incluso Image Composer, progettato per la creazione di immagini (Appendice B). FrontPage contiene anche componenti WEB necessari per aggiungere proprietà interattive a un sito web. Microsoft FrontPage è un classico editor WYSIWYG che, tuttavia, ha la capacità di modificare manualmente il codice.

Il programma ha tre modalità di lavoro con un documento: Normale, HTML e Anteprima.

In modalità Normale, le pagine web sono un normale file di testo con la possibilità di modificare tutti gli elementi, dal testo alle immagini.

In modalità HTML viene fornita l'evidenziazione della sintassi, ma è piuttosto mediocre: i descrittori sono evidenziati in blu, tutto il resto è nero.

In modalità Anteprima puoi vedere come apparirà la tua pagina nella finestra del browser.

FrontPage dispone di un designer di tabelle che ne semplifica la creazione. Uno dei principali vantaggi del programma è il gran numero di modelli disponibili, che consentono all'utente di non scervellarsi sulla progettazione del suo progetto. Dopo aver selezionato il modello richiesto, possiamo procedere direttamente al riempimento della pagina con i contenuti. È qui che entra in gioco la bellezza di FrontPage: il processo di creazione di una pagina HTML non è diverso dalla creazione di una pagina normale documento di testo V Microsoft Word. Abbiamo accesso agli stessi strumenti per modificare il testo, cambiarne la formattazione, creare e modificare tabelle, inserire vari oggetti e immagini, e tutto questo senza conoscere l'HTML. FrontPage divide l'area di lavoro in diversi blocchi contenenti elementi specifici della pagina: immagini, testo, intestazioni, ecc. Per ogni blocco puoi assegnare i tuoi parametri di formattazione e la sua posizione rispetto alla pagina.

Contro: piccolo set di strumenti di sviluppo, impossibilità di acquistare il programma separatamente. Microsoft FrontPage è una buona scelta come editor HTML per la prima volta, ma man mano che le tue esigenze crescono, le sue capacità potrebbero non essere sufficienti. Ci sono anche lato posteriore medaglie: la complessità e l'ingombro del codice risultante, che influisce naturalmente sulla dimensione finale del documento. Sarà anche molto difficile apportare modifiche a un documento del genere in futuro. Ma questo è piuttosto uno svantaggio non di un prodotto specifico, ma di quasi tutti gli editor WYSIWYG (What You See Is What You Get - "ciò che vedi è ciò che ottieni").

I componenti Web funzionano solo se il server Web utilizzato dispone di programmi corrispondenti.

Nonostante il fatto che Microsoft Word lo sia editor di testo e non è essenzialmente considerato un editor HTML. Ha la capacità di salvare file in formato HTML. Di conseguenza, potremmo incontrare pagine create in un modo o nell'altro in Microsoft Word. I problemi con l'HTML generato dall'editor sono simili a quelli di FrontPage: entrambi i programmi producono codice ridondante e non tutto conforme allo standard HTML. Un numero enorme di persone che utilizzano Word nel lavoro quotidiano diventano potenziali sviluppatori di documenti HTML.

Esistono due modi per creare una pagina Web in Word: utilizzando la procedura guidata o convertendo un documento Word esistente in formato HTML. In questo caso è Word stesso a generare tag HTML, anche se non in modo ottimale. La trasformazione porta naturalmente al fatto che alcuni elementi della struttura del documento andranno persi o modificati. Se devi inserire i tuoi tag in una pagina HTML, Word ti consente di modificare direttamente il codice HTML.

Progettato per creare e modificare illustrazioni, ovvero immagini contenenti elementi di grafica vettoriale, come caratteri, forme geometriche, ecc.

Le pagine Web possono contenere molti elementi: testo HTML, immagini raster, grafica vettoriale. In Illustrator, puoi utilizzare i frammenti per definire i confini di vari elementi Web in un oggetto. Una pagina web è divisa in celle presentate in tre tipi: immagini, senza immagini, testo HTML.

In questo caso, puoi salvare ogni frammento come file indipendente con il proprio formato, impostazioni e tavolozza dei colori. Il blocco dei frammenti impedisce cambiamenti di posizione accidentali. La dimensione di un frammento è legata all'oggetto che contiene. Pertanto, quando si sposta o si modifica la dimensione di un oggetto, i limiti del frammento vengono regolati automaticamente, ma, se necessario, possono sempre essere regolati manualmente.

Le linkmap ti consentono di associare una o più aree di un'immagine (chiamate hotspot) a un URL. Quando clicchiamo su un'area attiva, il browser web scarica il file ad essa associato.

La differenza principale tra l'utilizzo delle mappe dei collegamenti e dei frammenti per creare collegamenti è il modo in cui l'oggetto viene esportato nella pagina web. Utilizzando le mappe dei collegamenti si salva l'oggetto come un singolo file immagine, mentre utilizzando i riquadri l'oggetto viene diviso in più file separati. Un'altra differenza tra le mappe di collegamento e i riquadri è che le mappe ti consentono di collegare aree poligonali o rettangolari in un oggetto, mentre i riquadri ti consentono solo di collegare aree rettangolari.

Il programma di editing di immagini più popolare e ampiamente utilizzato. Con il suo aiuto puoi creare immagini altamente artistiche. Contiene tutto il necessario per creare e modificare grafica professionale.

Photoshop non è solo un programma di editing di immagini, è il programma più potente e ricco di funzionalità della sua categoria. Il programma ti consente di ritoccare un'immagine e sottoporla ad effetti speciali, trasferire dettagli da una foto all'altra, aggiungere testo, modificare i rapporti di colore e persino aggiungere colore alle immagini in scala di grigi. Gli strumenti di Photoshop sono compatibili con le tavolette grafiche, il che consente di creare immagini completamente artistiche, non peggiori di quelle realizzate con acquerelli e oli.

Nonostante la semplicità dell'essenziale Strumenti di Photoshop L’utente può anche personalizzarli “per se stesso”. Ciò equivale ad avere una varietà infinita di pastelli. Poiché i programmi di disegno si basano sui pixel per funzionare, sono ideali per lavorare con fotografie elettroniche (digitali) di matite colorate, vernici spray, acquerelli, colori ad olio e altro ancora. Photoshop ti dà il controllo completo su ogni pixel della tua immagine. Lo svantaggio dei programmi di disegno a risoluzione limitata. Perché la bitmap è composta da un numero fisso di pixel.

CorelDraw consente di elaborare un'ampia varietà di informazioni presentate in un documento sotto forma di oggetti vettoriali e raster, blocchi di testo semplice e artistico, nonché oggetti Internet.

Il programma utilizza una moderna interfaccia di tipo piatto, caratterizzata dal fatto che gli strumenti situati su vari pannelli vengono visualizzati sotto forma di normali immagini piatte e una di esse viene selezionata solo quando il puntatore viene posizionato su di essa.

Quando si costruiscono immagini vettoriali, linee e forme vengono sovrapposte fino alla creazione dell'immagine finale. Ogni oggetto può essere modificato indipendentemente dagli altri: uno dei pochi vantaggi dell'approccio oggetto è però che l'immagine deve ancora essere costruita passo dopo passo. In un programma di modifica di disegni vettoriali, linee, forme e testo sono specificati da espressioni matematiche, il che rende possibile adattarli automaticamente alla risoluzione massima del dispositivo di output. Un altro vantaggio dei disegni vettoriali è che non richiedono molto spazio su disco. Il volume di un file di disegno vettoriale dipende solo dal numero e dalla complessità degli oggetti che compongono questo disegno, quindi le sue dimensioni, a differenza di un disegno raster, non hanno praticamente alcun effetto su questo volume.

CorelDraw dimostra le qualità di un potente redattore visivo pagine web: l'utente ha la possibilità di generare ricchi documenti HTML, che possono includere script JavaScript e fogli di stile CSS.

Con potenti strumenti di grafica, testo e layout di documenti e di esportazione per la pubblicazione sul Web, CorelDraw è un buon punto di partenza per generare le prime versioni di un file HTML.

Quando si inseriscono immagini su una pagina, una delle attività più importanti è l'ottimizzazione delle dimensioni dei file immagine. Il limite massimo consigliato per la dimensione totale della pagina è compreso tra 100 e 150 kB. La riduzione della dimensione dei file immagine viene effettuata comprimendo i file e riducendo il numero di colori. Queste attività sono disponibili per qualsiasi di programmi di grafica elencati sopra.

Conclusione

Con l'avvento della tecnologia web, strati completamente nuovi della popolazione terrestre iniziano a utilizzare i computer. Possiamo identificare due gruppi più caratteristici, situati in diversi poli sociali, che furono rapidamente coinvolti nella nuova tecnologia, forse anche contro la loro stessa volontà. Da un lato, si trattava di rappresentanti di gruppi d'élite della società: capi di grandi organizzazioni, presidenti di banche, top manager, influenti funzionari governativi. D'altra parte, questi erano rappresentanti degli strati più ampi della popolazione: casalinghe, pensionati, bambini.

La gamma dei gruppi sociali che si collegano a Internet e cercano informazioni sul WWW è in continua espansione a causa degli utenti che non sono classificati come specialisti del settore. Tecnologie informatiche. Questi sono medici, costruttori, storici, avvocati, finanzieri, atleti, viaggiatori, clero, artisti, scrittori, artisti. La lista potrebbe continuare all'infinito. Chiunque abbia sperimentato l'utilità e l'indispensabilità di Internet per la propria attività professionale o per i propri hobby si unisce all'enorme esercito di consumatori di informazioni sul World Wide Web.

Con lo sviluppo delle tecnologie di markup ipertestuale, su Internet hanno cominciato ad apparire sempre più siti, i cui argomenti erano completamente diversi, dai siti grandi aziende, raccontando i successi dell'azienda e i suoi fallimenti, ai siti web di piccole aziende che offrono di visitare i loro uffici nella stessa città.

Lo sviluppo delle tecnologie Internet ha dato origine all'emergere di un nuovo ramo su Internet: i forum Internet. Cominciarono ad apparire siti Web e persino interi portali in cui persone provenienti da tutto il mondo potevano comunicare, ottenere risposte a qualsiasi domanda e persino stipulare accordi commerciali.

La creazione di un sito web è una fase di marketing finalizzata alla creazione risorsa informativa, che offrirà all'azienda l'opportunità di fidelizzare i vecchi clienti e di attirarne di nuovi.

La creazione e lo sviluppo del sito web include:

· approvazione dell'iniziale termine di paragone per lo sviluppo di siti web;

Elenco delle fonti utilizzate

1. Borisenko A.A. Web design. Proprio come due più due. – M.: Eksmo, 2008.- 320 p.

2. Burlakov M.V. CorelDRAW 12. – San Pietroburgo; BHV-Pietroburgo, 2004. – 688 pag.

3. Jamsa Chris. Un tutorial efficace sul web design creativo. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Testo, grafica, suono e animazione. Tradotto dall'inglese/Chris Jamsa, Conrad King, Andy Anderson - M.: DiaSoftUP LLC, 2005. - 672 p.

4. Dunaev V. Tutorial JavaScript, 2a ed. – San Pietroburgo: Pietro, 2005. – 395 p.

5. Zolnikov D.S. PHP5. Come creare da solo un sito Web di qualsiasi complessità. – 2a ed. cancellato – M.: NT Press, 2007. – 272 pag.

6. Inkova N. A., Zaitseva E. A., Kuzmina N. V., Tolstykh S. G. Creazione di siti Web: manuale educativo. Parte 5. Tambov: casa editrice Tamb. stato tecnologia. Università, 2005. – 56 pag.

7. Mazurkevich A. RNR: un manuale per programmatori / Alexander Mazurkevich, Dmitry Elovoy. – Mn.: Nuove conoscenze, 2006. – 495 p.

8. McClelland Dick. Photoshop 7. Bibbia dell'utente. : Per. dall'inglese – M.: Casa editrice “William”, 2006. - 928 p.

9. Sito Web Orlov L.V. senza segreti. / L. V. Orlov. – 2a ed. – M.: Buk-press, 2006. – 512 p.

10. Polonskaja E.L. Linguaggio HTML. Manuale di autoistruzione: - M.: Casa editrice "William", 2005. - 320 p.

11. Creazione di pagine Web e siti Web. Manuale di autoistruzione: [libro di testo. indennità] / ed. V. N. Pechnikova. – M.: Casa editrice Triumph, 2006.- 464 p.

12. Yakushev, L. V. Iniziamo a lavorare su Internet. Guida veloce. – M.: Casa editrice “William”, 2006. -128 p.

Le tendenze dello sviluppo del software lo richiedono e separatamente computer in piedi era dotato di software di rete (browser, implementazioni software di protocolli). Funzionalità del software reti di computer allo stadio attuale di sviluppo la gamma di utilizzo è estremamente ampia Software e linguaggi di programmazione. Ciò è dovuto allo sviluppo dinamico e all’enorme varietà di reti di computer e tecnologie correlate. In tali condizioni nessuna tecnologia o linguaggio di programmazione può avere una superiorità decisiva sugli altri. Questa situazione costringe uno specialista impegnato nello sviluppo di software a padroneggiarlo e utilizzarlo contemporaneamente lavoro pratico un gran numero di strumenti di sviluppo e linguaggi di programmazione.

Ad esempio, anche per creare una normale pagina WEB interattiva che soddisfi i requisiti moderni, è necessaria la conoscenza del linguaggio di markup ipertestuale HTML, dei fogli di stile a cascata (CSS) e delle tecnologie di sviluppo di applicazioni lato server più complesse come PHP. Inoltre, per sviluppare la parte server del software, il programmatore deve avere accesso ai database utilizzando il linguaggio di query Mysql.

Denver: Automazione dell'installazione del toolkit.

L'installazione manuale del server Apache e dei programmi correlati può essere piuttosto noiosa. Il punto è che dovrai fare i conti con numerosi parametri di configurazione di Apache, PHP e MySQL che non ti saranno mai più utili.

Denver è un installer universale in grado di semplificare l'installazione di tutti i programmi necessari a un programmatore Web; si tratta delle stesse distribuzioni di Apache, PHP, MySQL, Perl, riuniti in un unico archivio, dotato di un comodo installer e di utilità di configurazione per uno specifico macchina (compresi gli strumenti per la configurazione automatica degli host virtuali).

Denver è una struttura completamente automatizzata.

Termini di utilizzo.

Denver è stato progettato per semplificare la configurazione e l'installazione libera

programmi distribuiti (Apache, PHP, MySQL, ecc.). Naturalmente può

può essere utilizzato gratuitamente da qualsiasi programmatore e designer Web, ma solo per scopi non commerciali.

Denver ha una struttura modulare. Il suo nucleo è il cosiddetto “pacchetto base”. Tutti gli altri componenti vengono forniti come pacchetti di estensione autonomi che richiedono il pacchetto base per funzionare.

Contenuto del pacchetto base.

Il pacchetto base contiene la maggior parte dei programmi e delle utilità necessarie ad un programmatore Web:

Apache con supporto SSI, mod_rewrite, modphp;

PHP con supporto GD e MySQL;

MySQL con supporto per transazioni (nrysqld-max);

PhpMyAdmin - Sistema di gestione MySQL tramite interfaccia Web; completamente

sostituisce riga di comando MySQL;

Core Perl senza librerie standard;

emulatore di posta elettronica;

Supporta il lavoro in combinazione con PHP e Perl;

La distribuzione contenente tutti i componenti sopra elencati occupa solo circa 2 MB.

Pacchetti di espansione aggiuntivi

Sono disponibili anche molti pacchetti di espansione per Denver, contenenti:

documentazione per tutti i programmi inclusi nel complesso;

versione completa di Perl con librerie standard;

versione completa di PHP 5;

Supporto per gli sviluppatori.

C'è un forum su http://forum.dklab.ru/denwer/ dove puoi ricevere consigli dagli autori del libro su questioni relative all'uso di Denver. Contiene inoltre un ampio database di domande e risposte poste dagli utenti negli ultimi due anni. Il forum ha un sistema di ricerca flessibile.

Installazione della distribuzione.

Tutte le distribuzioni sono archivi in formato 7-Zip (http://7-zip.org). Il formato è stato scelto perché fornisce il miglior rapporto di compressione.

Dopo aver acquistato la distribuzione, è necessario eseguirla. Innanzitutto, l'archivio verrà decompresso in una directory temporanea (è necessario attendere un po '), quindi il programma di installazione verrà avviato automaticamente.

Ti verrà chiesto in quale directory desideri installare il complesso (per impostazione predefinita viene utilizzato C:WebServers, devi solo premere il tasto concordare con questa scelta). Assolutamente tutti i componenti del sistema si troveranno nella directory specificata e al di fuori di essa non verranno creati ulteriori file (ad eccezione dei collegamenti sul desktop).

Denver dispone di diversi file di configurazione, posizionati in posizioni in cui è più facile trovare i componenti complessi. Alcuni file non esistono per impostazione predefinita: devono essere creati prima di poter apportare modifiche.

* File di configurazione principale: /etc/CONFIGURATION.txt.
* Configurazione Apache httpd.conf: /usr/local/apache/conf/httpd.conf.
* File .htaccess con impostazioni del sito locale: nelle directory dei documenti dei siti corrispondenti.
* Configurazione PHP: php.ini: /usr/local/php/php.ini.
* Configurazione PHP 3: /usr/local/php3/php3.ini.
* Configurazione MySQL con transazioni: /usr/local/mysql/my.cnf.
* File Hosts - corrispondenza dei nomi dei siti con i loro indirizzi IP:

per Windows 95/98/ME: C:Windowshosts;

per Windows NT/2000/XP: C:WinNTsystem32driversetchosts.

Inizia con Denver.

Una volta completata l'installazione, fai clic sul collegamento Denwer sul desktop.

Apri http://localhost nel tuo browser (memorizzato nella cartella home/localhost/www).

HTML

Lo scambio di informazioni su Internet viene effettuato utilizzando protocolli a livello applicativo che implementano l'uno o l'altro servizio applicativo (trasferimento di file, informazioni ipertestuali, posta, ecc.). Uno dei servizi Internet più giovani e popolari, il cui sviluppo ha portato ad un'impennata della popolarità di Internet stessa, è stato il World Wide Web (WWW), basato sul protocollo HTTP (Hyper Text Transfer Protocol). I documenti ipertestuali presentati sul WWW presentano una differenza fondamentale rispetto ai documenti ipertestuali tradizionali: le connessioni che utilizzano non sono limitate a un documento e inoltre non sono limitate a un computer. Per preparare i documenti ipertestuali viene utilizzato il linguaggio HTML (Hyper Text Markup Language - linguaggio di markup per documenti ipertestuali), che offre ampie opportunità per la formattazione e la marcatura strutturale dei documenti, l'organizzazione delle connessioni tra vari documenti e i mezzi per includere informazioni grafiche e multimediali. I documenti HTML vengono visualizzati utilizzando un programma speciale: un browser. I browser più utilizzati attualmente sono Navigator di Netscape (NN) e Internet Explorer di Microsoft (MSIE). Le implementazioni NN sono disponibili per quasi tutte le moderne piattaforme software e hardware, le implementazioni MSIE sono disponibili per tutte le piattaforme Windows, Macintosh e alcuni sistemi Unix commerciali.

Un documento HTML è costituito da testo, che rappresenta il contenuto del documento, e tag, che ne determinano la struttura e l'aspetto quando visualizzati da un browser. Il documento html più semplice è simile al seguente:

Nome

Corpo del documento

Come puoi vedere dall'esempio, un tag è una parola chiave racchiusa tra parentesi angolari. Esistono tag singoli, come

e accoppiato, come

, in quest'ultimo caso, l'effetto del tag si estende solo al testo compreso tra le parentesi di apertura e di chiusura. I tag possono anche avere parametri: ad esempio, quando descrivi una pagina, puoi impostare il colore dello sfondo, il colore del carattere, ecc.: testo="nero">.

Il testo dell'intero documento è contenuto nei tag , il documento stesso è diviso in due parti: l'intestazione e il corpo. Il titolo è descritto da tag , che può includere il titolo del documento (utilizzando i tag </i>) e altri parametri utilizzati dal browser durante la visualizzazione del documento. Il corpo del documento è racchiuso tra tag <i><body> </i> e contiene le informazioni effettive che l'utente vede. In assenza di tag di formattazione, tutto il testo viene visualizzato nella finestra del browser come un flusso continuo, le interruzioni di riga, gli spazi e le tabulazioni vengono trattati come caratteri di spazio bianco, più caratteri di spazio bianco in una riga vengono sostituiti da uno solo. Per la formattazione vengono utilizzati i seguenti tag principali:</p> <p><p>L'inizio di un nuovo paragrafo può avere un parametro che ne determina l'allineamento:</p> <p> <p>Avanzamento riga all'interno del paragrafo corrente;</p> <p><u></u>- evidenziazione del testo con sottolineatura</p> <p>Un collegamento a un altro documento viene stabilito utilizzando un tag <i><a href= «URL»>…</a> </i>, dove URL è l'indirizzo completo o relativo del documento. In questo caso, il testo racchiuso nel tag <a>, viene solitamente evidenziato con una sottolineatura e un colore e, dopo aver fatto clic su questo collegamento, il browser apre il documento il cui indirizzo è specificato nel parametro href. Le immagini grafiche vengono inserite in un documento utilizzando un tag <i><img src='/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html' loading=lazy loading=lazy> </i>.</p> <p><u><b>PHP</b> </u></p> <p>PHP (PHP inglese: HyperText Preprocessor - "PHP: Hypertext Preprocessor", English Personal Home Page Tools (obsoleto) - "Strumenti per la creazione di pagine web personali") è un linguaggio di programmazione di scripting di uso generale, utilizzato intensamente per lo sviluppo web di applicazioni. Attualmente supportato dalla stragrande maggioranza dei provider di hosting ed è uno dei leader tra i linguaggi di programmazione.</p> <p>PHP è un linguaggio specifico per lavorare su Internet, con una sintassi universale e chiara, molto simile al C, che unisce i vantaggi di Perl e C. Permette di incorporare il codice del programma nei documenti HTML. Possiamo usarlo per generare documenti HTML ed eliminare molte chiamate a script esterni. Questo linguaggio è utilizzato su circa un milione di server in tutto il mondo e il loro numero continua a crescere. La nuova generazione di PHP5 dovrebbe cancellare tutti i vantaggi di Perl rispetto a PHP, sia in termini di velocità di elaborazione del programma (e la terza e quarta versione di PHP erano molto indietro rispetto a Perl nell'elaborazione di loop di grandi dimensioni), sia in termini di sintassi. Infine, la maggior parte degli script PHP (soprattutto quelli più piccoli) sono più veloci dei programmi equivalenti scritti in Perl.</p> <p><u><b>PHP versione 5</b> </u></p> <p>Naturalmente, prima di tutto, la velocità del lavoro è leggermente aumentata. Lo dobbiamo al passaggio a un nuovo core del sistema: Zend Engine 2. Ma il motivo principale per cui abbiamo cambiato il numero di versione da 4 a 5 è un miglioramento significativo delle capacità orientate agli oggetti di PHP e l'integrazione di due potenti librerie nel core dell'interprete : il DBMS SQLite e un modulo per lavorare con XML.</p> <p>PHP versione 5 è compatibile con PHP 4 molto meglio di quanto PHP 4 sia compatibile con PHP 3. Ciò significa che i programmi sviluppati pensando alla versione PHP 4 hanno molte probabilità di funzionare su PHP 5 senza alcuna modifica.</p> <p>La popolarità nel campo della creazione di siti Web è determinata dalla presenza di un ampio set di strumenti integrati per lo sviluppo di applicazioni web. I principali:</p> <ul><li>· estrazione automatica dei parametri POST e GET, nonché <a href="https://5visa.ru/it/education/u-prav-na-zapusk-igry-zapusk-programmy-bez-prav-administratora-i.html">variabili ambientali</a> server web in array predefiniti;</li> <li>· interazione con un gran numero di diversi sistemi di gestione di database (MySQL, Oracle, Microsoft <a href="https://5visa.ru/it/firmware/ispolzovanie-kursorov-i-ciklov-v-transact-sql-kursory-v-hranimyh-procedurah.html">server SQL</a>, InterBase, Paradox, ecc.);</li> <li>· invio automatizzato di intestazioni HTTP;</li> <li>· lavorare con autorizzazione HTTP;</li> <li>· lavorare con cookie e sessioni;</li> <li>· lavorare con locali e <a href="https://5visa.ru/it/problems/udalyayutsya-faily-s-sd-kak-vosstanovit-udalennye-faily-s-fleshki-ili-karty-pamyati.html">file cancellati</a>, prese;</li> <li>· elaborazione dei file caricati sul server;</li> <li>· lavorare con XForms;</li> </ul><p>PHP è attualmente utilizzato da centinaia di migliaia di sviluppatori. Secondo la valutazione della TIOBE Corporation, basata sui dati dei motori di ricerca, nell'aprile 2011 PHP si trovava al 5° posto tra i linguaggi di programmazione.</p> <p><u><b>CSS</b> </u></p> <p>CSS (Cascading Style Sheets) è un linguaggio per descrivere l'aspetto di un documento scritto utilizzando un linguaggio di markup, un potente meccanismo per controllare la presentazione di singoli documenti o insiemi di essi.</p> <p>I CSS vengono utilizzati dai creatori di pagine Web per specificare colori, caratteri, layout e altri aspetti della presentazione del documento. Lo scopo principale dello sviluppo dei CSS era quello di separare il contenuto (scritto in HTML o altro linguaggio di markup) dalla presentazione del documento (scritto in CSS). Questa separazione può aumentare l'accessibilità del documento, fornire maggiore flessibilità e controllo sulla sua presentazione e ridurre la complessità e la ripetizione del contenuto strutturale. Inoltre, i CSS ti consentono di presentare lo stesso documento in stili o metodi di rendering diversi.</p> <p>Prima dell'avvento dei CSS, la progettazione delle pagine web veniva effettuata esclusivamente utilizzando HTML, direttamente all'interno del contenuto del documento. Tuttavia, con l’avvento dei CSS, è diventato possibile separare radicalmente il contenuto e la presentazione di un documento. Grazie a questa innovazione, è diventato possibile applicare facilmente un unico stile di design per una massa di documenti simili, nonché modificare rapidamente questo design.</p> <p><b>Vantaggi:</b></p> <p>Diversi design di pagine per <a href="https://5visa.ru/it/firmware/smartfon-lyumiya-535-bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa.html">diversi dispositivi</a> visualizzazione. Ad esempio, sullo schermo il disegno sarà disegnato per una grande larghezza; il menu non verrà visualizzato durante la stampa, ma su PDA e <a href="https://5visa.ru/it/program/sotovyi-telefon-fly-ezzy-trendy-3-harakteristiki.html">cellulare</a> il menu seguirà il contenuto.</p> <p>Ridurre il tempo di caricamento delle pagine del sito trasferendo le regole di presentazione dei dati in un file CSS separato. In questo caso il browser scarica solo la struttura del documento e i dati memorizzati sulla pagina e la visualizzazione di questi dati viene scaricata dal browser solo una volta e può essere memorizzata nella cache.</p> <p>Facile modificare il design in seguito. Non è necessario modificare ogni pagina, basta cambiare il file CSS.</p> <p>Ulteriori opzioni di progettazione. Ad esempio, utilizzando il layout CSS puoi creare un blocco di testo che avvolgerà il resto del testo (ad esempio per un menu) oppure rendere il menu sempre visibile durante lo scorrimento della pagina.</p> <p><b>Screpolatura:</b></p> <p>Visualizzazione di layout diversi in browser diversi (soprattutto quelli più vecchi), che interpretano gli stessi dati CSS in modo diverso.</p> <p>Nella pratica è spesso necessario correggere non solo un singolo file CSS, ma anche i tag HTML associati ai selettori CSS in un modo complesso e oscuro, il che a volte vanifica la facilità di applicare file di stile uniformi e allunga significativamente i tempi di modifica e test.</p> <p><u><b>MySQL</b> </u></p> <p>Oggi è difficile immaginare qualcosa di significativo <a href="https://5visa.ru/it/firmware/obespechenie-informacionnoi-bezopasnosti-avtomatizirovannyh-sistem.html">sistema informativo</a>, che non avrebbe una banca dati come componente importante. I concetti e le tecnologie dei database si sono sviluppati gradualmente e sono sempre stati strettamente correlati allo sviluppo di sistemi automatizzati di elaborazione delle informazioni.</p> <p>I database vengono creati per archiviare e accedere a dati contenenti informazioni su un determinato argomento, o nel nostro caso un listino prezzi, cioè nel campo dell'attività umana, che a sua volta semplifica il lavoro e aumenta l'efficienza del lavoro. Ciò è dovuto allo sviluppo dinamico e alla diversità dei sistemi di gestione dei database.</p> <p><u>MySQL</u>- sistema di gestione di database gratuito (DBMS). MySQL è di proprietà di Oracle Corporation, che lo ha acquisito insieme all'acquisita Sun Microsystems, che sviluppa e supporta l'applicazione.</p> <p>MySQL è la soluzione per applicazioni di piccole e medie dimensioni. Incluso nei server WAMP, LAMP e nei server portatili build Denver, XAMPP. MySQL viene generalmente utilizzato come server a cui accedono client locali o remoti, ma la distribuzione include una libreria back-end che consente di includere MySQL in programmi autonomi.</p> <p>La flessibilità del DBMS MySQL è assicurata dal supporto per un gran numero di tipi di tabelle: gli utenti possono scegliere sia tabelle MyISAM che supportano la ricerca full-text sia tabelle InnoDB che supportano transazioni a livello di singolo record. Inoltre, il DBMS MySQL viene fornito con uno speciale tipo di tabella EXAMPLE che dimostra i principi della creazione di nuovi tipi di tabelle. Grazie all'architettura aperta e alla licenza GPL, nel DBMS MySQL compaiono costantemente nuovi tipi di tabelle.</p> <p>MySQL 5.1 continua il percorso verso lo standard SQL:2003. MySQL 5.1 contiene le seguenti innovazioni.</p> <p>La segmentazione è la capacità di dividere una tabella di grandi dimensioni in più parti situate in posizioni diverse <a href="https://5visa.ru/it/at/failovaya-sistema-v-vide-spiska-na-vb6-dobavlenie-dannyh-k-failu.html">file system</a>, basato su una funzione definita dall'utente. In determinate condizioni, ciò può fornire un significativo incremento delle prestazioni e semplificare anche il ridimensionamento delle tabelle.</p> <p>Il comportamento di alcuni operatori è stato modificato per garantire una maggiore compatibilità con lo standard SQL2003.</p> <p>Replica basata su righe, in cui nel log binario verranno scritte solo le informazioni sulle righe della tabella effettivamente modificate anziché il testo della query originale (e possibilmente lento). La replica riga per riga può essere utilizzata solo per determinati tipi di query SQL, in termini MySQL: replica mista.</p> <p>Pianificatore integrato di lavori lanciati periodicamente. In termini di sintassi, aggiungere un'attività è simile ad aggiungere un trigger a una tabella; in termini ideologici, è simile a crontab.</p> <p>Set aggiuntivo di funzioni per l'elaborazione XML, implementazione del supporto XPath.</p> <p>Nuove utilità di diagnostica dei problemi e di analisi delle prestazioni. Le funzionalità per la gestione del contenuto dei file di registro sono state ampliate; i registri ora possono essere salvati nelle tabelle general_log e slow_log. L'utilità mysqlslap consente di caricare testare il database e registrare il tempo di risposta per ogni richiesta.</p> <p>Per semplificare l'operazione di aggiornamento è stata predisposta l'utility mysql_upgrade che verificherà la compatibilità di tutte le tabelle esistenti con <a href="https://5visa.ru/it/navigation/bitriks-17-versiya-chto-novogo-istoriya-versii-adres-formy.html">nuova versione</a> e, se necessario, apporterà le opportune modifiche.</p> <p>MySQL Cluster è ora rilasciato come prodotto separato basato su MySQL 5.1 e storage NDBCLUSTER.</p> <p>Cambiamenti significativi nel <a href="https://5visa.ru/it/installation-and-configuration/mysql-workbench-opisanie-rabota-s-subd-mysql-ispolzovanie-instrumenta-mysql-workbench-workbench.html">Il lavoro di MySQL</a> Cluster, come ad esempio la possibilità di memorizzare dati tabulari su disco.</p> <p>Ripristinare l'utilizzo della libreria libmysqld integrata, che mancava in MySQL 5.0.</p> <p>Un'API per plugin che consente di caricare moduli di terze parti che estendono funzionalità (come la ricerca full-text) senza riavviare il server.</p> <p>Implementazione di un parser di ricerca full-text come plug-in.</p> <p>Nuovo tipo di tavolo Maria (clone resistente agli urti di MyISAM).</p> <p><u><b>ragnatela</b>-<b>Server Apache</b> </u></p> <p>Durante l'esecuzione del progetto è stato scelto il server Web Apache. Perchè Apache? Il fatto è che questo è il server più comune al momento ed è improbabile che perderà la sua popolarità nei prossimi anni. È installato sulla maggior parte dei provider di hosting. Inoltre, cosa più importante, esiste una versione per Windows, quasi identica nella funzionalità alla sua controparte Unix.</p> <p>Secondo Netcraft, il numero totale di siti Web operanti sotto il suo controllo ha raggiunto i 2 milioni alla fine del 1998 (il 55% del numero totale dei siti) ed è in costante crescita. Per fare un confronto: i server Microsoft rappresentano il 25%, Netscape il 7%. Essere libero <a href="https://5visa.ru/it/at/chem-otkryt-vcf-na-windows-10-chem-otkryt-vcf-na-kompyutere-windows-programmy.html">programma aperto</a>, progettato per sistemi Unix gratuiti (FreeBSD, Linux, ecc.), Apache non è inferiore ai server commerciali in termini di funzionalità e affidabilità e le sue ampie capacità di configurazione ti consentono di configurarlo per funzionare con quasi tutti i sistemi specifici. Esistono localizzazioni server per varie lingue, incluso il russo.</p> <p>Storicamente, i testi russi su Internet possono essere presentati in diverse codifiche, di cui le più comuni sono koi8-r (o semplicemente koi8) e Windows-1251: la prima funziona con la maggior parte dei server e delle workstation che eseguono Unix, la seconda è standard per tutti <a href="https://5visa.ru/it/tips/logmein-hamachi-poslednyaya-versiya-besplatnye-programmy-dlya-windows-skachat.html">Versioni di Windows</a>. Poiché la codifica Windows-1251 viene naturalmente utilizzata sulla stragrande maggioranza dei computer client, la percentuale di coloro che viaggiano attraverso la parte russa del WWW utilizzando koi8 ora non supera il 5%. Tuttavia, i documenti sono archiviati in questa codifica su molti server Unix, i messaggi di posta vengono spesso trasmessi al suo interno e quasi sempre le lettere nelle teleconferenze, e molti canali IRC in lingua russa funzionano con esso (a proposito, l'abbreviazione KOI sta per "informazioni" codice di scambio”). Per risolvere i problemi che sorgono quando le codifiche del testo sul server e sulla macchina client non corrispondono, è stato creato il modulo russo Apache-RUS per il server Web Apache.</p> <p>SVANTAGGI DEI SITI Incoerenza del sito con i requisiti psicofisiologici, che porta ad un aumento della fatica o della distrazione q passione per animazioni, immagini grafiche e frammenti video che non portano un carico semantico q ridondanza o mancanza di informazioni presentate q scelta errata degli strumenti di sviluppo, che comporta un aumento irragionevole del costo del prodotto finito. q3</p> <p>REQUISITI DEL SITO Il sito deve essere facile da usare: le pagine devono caricarsi il più rapidamente possibile e la risorsa stessa deve avere una struttura logica e comprensibile. Solo in questo caso puoi contare sul fatto che il visitatore sia interessato alle informazioni fornite e rimanga sul sito. 4</p> <p>APPLICAZIONE WEB Un'applicazione Web è un'applicazione che viene eseguita utilizzando un browser Web su Internet o Intranet. È anche un programma applicativo per computer <a href="https://5visa.ru/it/education/skachat-launcher-iksperiya-smart-launcher-neobychnyi-launcher-dlya-soni-iksperiya.html">interfaccia utente</a>(UI), che è codificato in linguaggi comprensibili ai browser (HTML, CSS, Java. Script, ecc.). 5</p> <p>CLIENT WEB (BROWSER) Un browser web o browser (browser) è un software per richiedere pagine web, elaborarle, visualizzarle e spostarsi da una pagina all'altra. 6</p> <p>SERVER WEB (SERVER HTTP) Un programma per computer responsabile dell'accettazione delle richieste HTTP da un client e dell'invio di una risposta HTTP con un insieme di dati, che di solito sono documenti HTML o oggetti correlati. 7</p> <p>RICHIESTA HTTP Una richiesta HTTP contiene l'indicazione di una risorsa: pagina HTML file di testo (txt, doc, pdf) file grafico file multimediale (audio, video) file eseguibile (exe o dll) file con script (asp, aspx, php, jsp , ecc.) d.) 8</p> <p>AZIONI DEL SERVER SU RICHIESTA Invio di un file, avvio di un programma exe o modulo dll per l'esecuzione e invio del risultato al client; trasferimento di un file con script ai programmi di elaborazione di script sul server per l'elaborazione e invio del risultato al client. 9</p> <p>FOGLI DI STILE A CASCATA Un foglio di stile è un insieme di regole che dicono al browser come visualizzare un documento. Ciascuna di queste regole è composta da due parti: un selettore, che specifica il tag HTML a cui deve essere applicata la regola; una dichiarazione di stile, che descrive le proprietà dello stile che dovrebbe essere allegato a quello specificato nel selettore <a href="https://5visa.ru/it/education/kakie-osnovnye-elementy-web-stranicy-osnovnye-elementy.html">Etichetta HTML</a>. 12</p> <p>FOGLI DI STILE CASCADING I selettori sono puntatori speciali ai tag a cui deve essere applicata una regola CSS. Puoi utilizzare il nome della classe come selettore. La comodità di tali selettori è che puoi assegnare un nome di classe a molti tag HTML in un documento e quindi gestirli <a href="https://5visa.ru/it/internet/samsung-1520-draiver-vindovs-7-64-bit-vneshnii-vid-i-konstruktivnye.html">aspetto</a>, riferendosi ad essi tramite il nome della classe. Puoi applicare un identificatore (ID) a qualsiasi tag HTML. L'ID deve essere univoco all'interno del documento HTML. 14</p> <p>FOGLI DI STILE A CASCATA forte (peso carattere: normale; colore: rosso; ) h 1 (carattere: grassetto 10 pt verdana; ) . Mio. Classe (carattere: bold 10 pt verdana; ) #my. Object ( margin: left; ) /* modifica i margini per il tag il cui id="my. Object” */ span#today ( margin: left; ) /* cambia i margini per il tag span, che ha id="today" */ 15</p> <p>Concetto e classificazione delle tecnologie web. Requisiti per le applicazioni web. Svolgimento del lavoro di valutazione. FONDAMENTI TEORICI DELLO SVILUPPO DI APPLICAZIONI WEB 16</p> <p>CONCETTI DI BASE Le informazioni disponibili agli utenti di Internet si trovano sui server Web. Gran parte di queste informazioni sono organizzate sotto forma di siti Web. Ognuno di loro ha il proprio nome (indirizzo) su Internet. Un sito Web è un'informazione presentata in un determinato formato, che si trova su un server Web e ha il proprio nome. Per visualizzare i siti Web sul computer dell'utente, vengono utilizzati programmi speciali chiamati browser. 17</p> <p>CONCETTI DI BASE Le moderne applicazioni web sono principalmente portali che forniscono servizi. Uno degli svantaggi di tali servizi è la difficoltà di scambiare informazioni tra le aziende. 18</p> <p>CLASSIFICAZIONE - PORTALI PUBBLICI Yahoo, Lycos, Excite, Rambler. Tali portali sono spesso il risultato dello sviluppo dei motori di ricerca. Destinato ad un vasto pubblico. Le informazioni che forniscono sono di natura generale, così come lo sono i servizi che forniscono (e-mail, newsletter, ecc.). 20</p> <p>CLASSIFICAZIONE - PORTALI VERTICALI Progettati per tipi specifici di mercato e al servizio del pubblico che utilizza i servizi di questo mercato o lavora in esso. Esempi di tali portali: agenzie di viaggio che forniscono servizi di prenotazione alberghiera, ordinazione e consegna di biglietti, accesso a mappe e informazioni sui percorsi stradali, portali business-to-business che consentono ai propri clienti di implementare operazioni commerciali congiunte: selezionare fornitori ed effettuare acquisti di beni , condurre aste. 21</p> <p>CLASSIFICAZIONE - PORTALI AZIENDALI Progettato per dipendenti, clienti e partner di un'azienda. Gli utenti di tale portale ricevono l'accesso ai servizi e alle applicazioni a loro destinati, a seconda del loro ruolo e profilo personale. 22</p> <p>CLASSIFICAZIONE - ALTRE APPLICAZIONI WEB Portali Internet regionali. Motori di ricerca. Una directory è una raccolta di collegamenti a siti Web. Bacheche elettroniche. Forum. Chat. Server delle liste di posta. Negozi online e aste. 23</p> <p>FASI DEL PROGETTO Analisi degli obiettivi del sito e delle funzionalità che verranno offerte all'utente. Costruzione dell'architettura informativa del sito. Navigazione e progettazione della pagina. 25</p> <p>MAPPA DEL SITO La pagina che visualizza la mappa non deve superare le due pagine di dimensione sullo schermo dell'utente. È più efficace utilizzare una mappa con una visualizzazione statica dell'architettura dell'informazione. La mappa deve mostrare non solo la posizione attuale dell’utente sul sito, ma anche quelle sezioni che ha già visitato. 26</p> <p>HOME PAGE La home page esprime chiaramente gli obiettivi dell'azienda. Ogni elemento di progettazione dovrebbe consentire all'utente di comprendere la sequenza di azioni per risolvere i propri problemi. 27</p> <p>CONTENUTO Evidenziazione delle parole chiave intestazioni ben scritte elenchi con punti elenco un paragrafo per idea stile a piramide invertita (l'articolo inizia con una conclusione) meno parole rispetto a un articolo normale un minimo di termini poco chiari che indichino la data di creazione del messaggio informazioni contestuali dell'articolo Attributo "ALT 28".</p> <p>LINK L'utente deve sapere cosa succederà se clicca su un collegamento; i collegamenti nel testo devono essere colorati o sottolineati; il colore dei collegamenti visitati e non visitati deve essere diverso; non consentire la comparsa di collegamenti interrotti. trenta</p> <p>SVOLGIMENTO DEL LAVORO DI VALUTAZIONE Per svolgere il lavoro di valutazione è necessario coinvolgere da tre a cinque partecipanti. Ognuno di loro svolge il lavoro individualmente. Dopo di che i loro risultati vengono confrontati. Il test si svolge in due fasi: comprendere il funzionamento dell'interfaccia e concentrarsi su alcuni elementi. 33</p> <p>HTML (HYPERTEXT MARKUP LANGUAGE) L'Hypertext Markup Language viene utilizzato per descrivere il contenuto di una pagina web e la sua formattazione. Una pagina HTML è composta da testo e immagini, nonché da elementi speciali chiamati tag. Il browser visualizza parti della pagina in base a <a href="https://5visa.ru/it/navigation/1s-v-parametrah-vybora-zadat-imya-gruppy-ustanovka-parametrov.html">parametri dati</a> o definisce le relazioni tra gli elementi di contenuto e altre pagine. 35</p> <p>PHP (PERSONAL HYPERTEXT PROCESSOR) è un linguaggio di scripting incorporato lato server che consente agli sviluppatori di creare applicazioni Web dinamiche in modo rapido ed efficiente. Funzionalità PHP: supporto <a href="https://5visa.ru/it/navigation/chto-oznachaet-ne-menee-8-kak-napisat-parol-latinskimi-bukvami-i.html">espressioni regolari</a>, strumenti per lavorare con gli array, metodologia orientata agli oggetti e supporto per lavorare con i database. Uno dei principali vantaggi di PHP è il fatto che si integra in HTML e Java. Script, WML, XML e altri linguaggi. 36</p> <p>JAVASCRIPT È un linguaggio orientato agli oggetti per lo sviluppo di applicazioni client e server. Principali ambiti di applicazione di Java. Script: creazione dinamica di un documento tramite script; verifica online della validità dei campi del modulo HTML compilati dall'utente prima di trasferirli al server; creazione di pagine HTML dinamiche in combinazione con i fogli di stile a cascata e il modello a oggetti del documento; interazione con il utente durante l'esecuzione di attività locali risolte da un'applicazione Java. Script incorporato nella pagina HTML. 37</p> <p>VBSCRIPT Gli script scritti in VBScript hanno le stesse funzionalità degli script Java. Script: creazione dinamica di un documento o di sue parti, intercettazione ed elaborazione di eventi, e così via. VBScript viene utilizzato per lo scripting lato client (nel qual caso il browser deve avere un interprete integrato per quella lingua) e per lo scripting lato server (nel qual caso il server deve supportare VBScript). 38</p> <p>DREAMWEAVER Supporta il puro codice HTML, nonché le ultime estensioni DHTML e CSS contiene strumenti di gestione automatica dei collegamenti controllo dinamico per vari browser dispone di una libreria di elementi come barra di navigazione, descrittore di copyright, ecc. 39</p> <p>DREAMWEAVER (2) Utilizzato per aggiungere alle pagine vari file multimediali ed elementi interattivi. Dreamweaver non dispone di strumenti propri per la creazione di immagini. Presenta solo gli strumenti più semplici per modificarli. 40</p> <p><a href="https://5visa.ru/it/installation-and-configuration/skachat-novogodnie-oboi-dlya-smartfona-skachat-novogodnie-zhivye-oboi-na-android.html">FUOCHI D'ARTIFICIO Fuochi d'artificio</a> Si tratta di un editor grafico con la possibilità di ottimizzarlo ulteriormente e di pubblicarlo in rete. È possibile creare e modificare sia grafica vettoriale che raster all'interno di un singolo file. Fireworks genera codice HTML e Java. Script e può creare menu dinamici e barre di navigazione. È possibile modificare i layout di pagina e creare grafici attivi che rispondono al cursore, senza conoscere un linguaggio di programmazione. 41</p> <p>FLASH Flash è caratterizzato da grafica vettoriale e animazione, sebbene sia possibile manipolare o visualizzare grafica raster, modificare riprese video e manipolare file audio. A favore di Flash ci sono le dimensioni ridotte dei file risultanti, l'uso di formati di immagini vettoriali e la compressione di file raster e audio. Potente linguaggio d'azione basato sugli eventi. Lo script è un linguaggio di programmazione che supporta condizioni, loop, array, funzioni e classi che possono essere ereditate. 43</p> <p>PHOTOSHOP Il programma di editing di immagini più popolare. Con il suo aiuto puoi creare immagini altamente artistiche. Contiene tutto il necessario per creare e modificare grafica professionale. 44</p> <p>CORELDRAW Quando si costruiscono immagini vettoriali, linee e forme vengono sovrapposte fino alla creazione dell'immagine finale. Ogni oggetto può essere modificato indipendentemente dagli altri: uno dei pochi vantaggi dell'approccio a oggetti. Nel programma, i disegni vettoriali di linee, forme e testo sono specificati da espressioni matematiche, il che rende possibile adattarli automaticamente alla massima risoluzione del dispositivo di output. Un altro vantaggio dei disegni vettoriali è che non richiedono molto spazio su disco. 45</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="single-popular"> <div class="single-popular-tit col-lg-12">Popolare nella categoria:</div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/8e694afe297762af56fa10dc9d64eb9d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Come creare una clip karaoke su un computer?"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Come creare una clip karaoke su un computer?</div> <a href="https://5visa.ru/it/at/sozdanie-karaoke-svoimi-rukami-kak-sozdat-karaoke-klip-na-kompyutere-eto.html" rel="bookmark" title="Come creare una clip karaoke su un computer?">Leggere</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/d610310bd3744add66d0b4be4dfee6a5.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Per il gioco è necessaria l'app Origin, ma non è installata. FIFA 16 richiede Origin."/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Per giocare è necessaria l'app Origin, ma FIFA non è installata...</div> <a href="https://5visa.ru/it/multimedia/prilozhenie-origin-neobhodimo-dlya-igry-no-ono-ne-ustanovleno-prilozhenie-origin.html" rel="bookmark" title="Per il gioco è necessaria l'app Origin, ma non è installata. FIFA 16 richiede Origin.">Leggere</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/30ee436baf8151ff5b776ef4575c45ea.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Registrazione di una pagina personale sul social network Facebook"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Registrazione di una pagina personale sul social network Facebook</div> <a href="https://5visa.ru/it/multimedia/zaregistrirovat-dve-stranicy-facebook-na-odin-nomer-registraciya-lichnoi.html" rel="bookmark" title="Registrazione di una pagina personale sul social network Facebook">Leggere</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/f19ca0b3b94ccf60b634700168b060f2.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Come eseguire una semplice scansione Nmap Nmap"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Come eseguire una semplice scansione Nmap Nmap</div> <a href="https://5visa.ru/it/installation-and-configuration/setevoi-skaner-nmap-i-ego-vozmozhnosti-kak-zapustit-prostoe-skanirovanie.html" rel="bookmark" title="Come eseguire una semplice scansione Nmap Nmap">Leggere</a> <div class="clr"> </div> </div> </div> <div class="clr"></div> </div> </div> <div class="sidebar col-lg-3 col-md-4 col-sm-12"> <div class="sidebar-wrp"> <div class="sidebar-wrp-title">Articoli Recenti</div> <div class="sidebar-wrp-des"> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/934317c9dc463eca8a068c72103a9d1c.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Come ruotare un'immagine di qualche grado...</div> <div class="clr"></div> <a href="https://5visa.ru/it/internet/kak-povernut-izobrazhenie-v-vorde-i-eshche-neskolko-priemov.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/22b772bd41ea5a26bd659632075d8633.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Disattivazione della pubblicità nel browser Yandex Dove...</div> <div class="clr"></div> <a href="https://5visa.ru/it/tips/kak-otklyuchit-blokirovku-reklamy-v-brauzere-yandeks-otklyuchenie-reklamy-v-yandeks.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/fb321d5756cb0506f3cba53b24342950.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Risoluzione dei problemi di connessione Wi-Fi su...</div> <div class="clr"></div> <a href="https://5visa.ru/it/problems/shlyuz-ustanovlennyi-po-umolchaniyu-ne-dostupen-ustranenie-problem-s-wi-fi.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/adf1bbe784035fed9b433ebb2510db2f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Cambia password sul profilo Windows 10</div> <div class="clr"></div> <a href="https://5visa.ru/it/education/pomenyat-parol-na-profile-vindovs-10.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/a1f00d0e4dfd0c63b7073715f264f36a.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Istruzioni per la configurazione dei router wireless...</div> <div class="clr"></div> <a href="https://5visa.ru/it/at/pravilnaya-nastroika-wi-fi-routera-asus-rt-g32-instrukciya-po-nastroike.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/da305b0b628cd68b021f50a2fe2a3a89.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Come scegliere un disco rigido e quale è meglio acquistare...</div> <div class="clr"></div> <a href="https://5visa.ru/it/multimedia/kakaya-skorost-zhestkogo-diska-horoshaya-kak-vybrat-zhestkii-disk-i.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/470eb147f848e5af1fb8b95300372a3e.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Meizu per i manichini. Chiamate e rubrica....</div> <div class="clr"></div> <a href="https://5visa.ru/it/internet/meizu-dlya-chainikov-zvonki-i-adresnaya-kniga-storonnie-prilozheniya-dlya.html">Leggere</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/7a081806d1b8bf3a3ff61c21be94541f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Scarica il programma PDFMaster</div> <div class="clr"></div> <a href="https://5visa.ru/it/program/smotret-pdf-faily-skachat-programmu-pdfmaster.html">Leggere</a> </div> <div class="clr"></div> </div> </div> <div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget"> </div> </div> <div class="clr"></div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img src="/public/logo.png" loading=lazy loading=lazy> <div class="footer-contacts-tit">5visa.ru <br>Internet. Multimedia. Navigatore. Formazione scolastica. DI. Firmware. Programmi. Consiglio. Installazione</div> <div class="footer-soc"> <div class="footer-soc-wrp"> <div class="soc_w"> <a href="https://vk.com/share.php?url=https://5visa.ru/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html" class="soc-link vk" target="_blank"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://5visa.ru/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html" class="soc-link fb" target="_blank"></a> </div> </div> </div> </div> <div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div> <div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;"> <ul> <li><a href="">Edizione del progetto</a></li> <li><a href="">Pubblicità sul sito web</a></li> </ul> <ul> <li><a href="https://5visa.ru/it/feedback.html">Contatti</a></li> <li><a href="https://5visa.ru/it/sitemap.xml">Mappa del sito</a></li> </ul> </div> </div> </div> <div class="copyright">© 2024Internet. Multimedia. Navigatore. Formazione scolastica. DI. Firmware. Programmi. Consiglio. Installazione</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://5visa.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://5visa.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script> <a id="scroll-to-top" href="#" title="Scorri fino all'inizio">Superiore</a> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} }; /* ]]> */ </script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> <script type="text/javascript">  </script><br> <br> </body> </html>