CSS3 Pagina de animație

În Bourgeoiet am spionat paginile paginilor implementate pe CSS3. Foarte spectaculos! Pe baza acestei tehnici, am decis să demonstrez o astfel de carte CSS3 cu o animație de pagini.
Această tehnică se bazează pe astfel de proprietăți CSS3 ca transforma și tranziție. precum și utilizarea non-standard a etichetei intrare Cu caseta de selectare. Implementarea sa dovedit a fi curbată, deoarece browserele încă nu acceptă pe deplin cele mai spectaculoase proprietăți CSS3 în formă directă. Dar, datorită, putem încerca să profităm acum de aceste proprietăți.
Sa dovedit a fi spectaculoasă, vă place să fie spectaculoasă, ceea ce probabil, în viitoarele browsere din apropiere vor începe să înțeleagă noile standarde CSS3 și Webmaster va putea să poată implementa o astfel de frumusețe pe site-urile lor, a devenit posibilă răsturnarea paginilor pe CSS3.
Exemplu cel mai bun browser de ceas Mozilla Firefox. ultima versiune - Totul funcționează fără probleme. În Safari și Chrome, exemplul funcționează, dar deja cu scârțâit. Opera cu animație este procesor lichefiat, deci calculatoare slabe Un exemplu nu va trage. IE este, de exemplu, de dragul glumei, puteți arăta, de asemenea.
Urmărim browserul Mozilla Firefox. - Nu vă aduceți impresia!

A găsit recent un program minunat pe Internet pentru a crea albume foto. Și nu doar albume foto, și Albume flash în care sunt prezente Un astfel de album poate fi amânat pe YouTube în format sWF.și pe site-ul dvs. cum ar fi pagina HTML, Puteți crea un fișier din acesta. exe Și așa mai departe ... da ce să spun, vedeți ce sa întâmplat pentru mine, timp de aproximativ 20 de minute!

Doar faceți clic pe imagine pentru vizualizare:

Flip album. - un program care modifică fotografiile obișnuite la excelent albume flash+ Efectul gestionării paginilor!Acum puteți crea minunate albume foto online din colecția de fotografii și imagini.

Deoarece programul "Know-Rashin" prezintă un manual mic de acțiune:

1. Rularea presei de program "Fundal" (fundal), alegeți "Selectați din fundal ..." - Dacă folosim fundalul programului încorporat.

Dacă există fundalul dvs., alegeți "Selectați de pe computerul dvs.". Și introduceți fotografia.

2. presa "Fotografie" Și să adăugați fotografia de care aveți nevoie. Poate fi întins, reduceți și rotiți.

3. Presare "Masca" Alegeți unele dintre efectele încadrării.

4. Clic "Text" Puteți adăuga o semnătură la fotografie, punând o bifată "Umbră" Adăugați umbra la text

Obțineți prima pagină finalizată.

5. Astfel, adăugați atât de multe pagini așa cum avem nevoie. Apoi, faceți clic pe "Publica"

6. Noi intrăm în noua fereastră, sub inscripția "Șabloanele" Selectați șablonul din setări (Opțiuni) Puteți schimba calitatea fotografiilor etc. Apoi faceți clic pe "Conversia în cartea de flipping"

7. În fereastra de conversie, selectați formatul fișierului de ieșire, de exemplu exe. Selectați folderul Salvare, numele fișierului și faceți clic pe "Convertit"

Asta e practic ...

Dezvoltator: Flip PDF Studio.
Platformă: Windows XP / Vista / 7
Limba de interfață: Engleză
Mărime fișier: 17.05 MB.

Bună tuturor! Adesea vin aici pe un blog, și cumva am mers acolo program special Pentru a crea manuale, accentuați manualele. Și cu o anumită abilitate, poate fi folosit pentru a crea cărți electronice simple. Deci, cuvântul pentru cuvânt și a fost un pariu, pariez că nu pariez, ci o dispută.

Am susținut da și susțin până acum că este posibilă crearea unei cărți electronice cu program standard Cuvânt din pachet Microsoft Office.. Da, nu doar o carte, dar cu conținut, navigare pagină, bine, alte lucruri diferite, până la întoarcerea paginilor, precum și introducerea sunetului și a videoclipurilor.

Justiție pentru că trebuie să spun că toate acestea pot fi făcute în cuvânt, bine, în plus față de întoarcere. Turnarea este deja alte tehnologii care necesită alte programe. Așa că am pocăit, nu am dreptate ... și cu o anumită abilitate, se pare că este destul de frumoasă, o carte electronică cu întoarcerea.

Exemple de lucru

Uite ce sa întâmplat
Urmăriți o carte în PDF

Descărcați și vizionați o carte cu rotire

Cum? Descărcat-watched? Ce te-ai gândit la asta? Dacă nu a funcționat să descarce, bine, niciodată nu știi, antivirusul jură, de exemplu, propun să văd mai multe opțiuni pentru această carte:

Articol sub formă de cărți flash în HTML folosind iframe

Același articol care utilizează un serviciu special

Serviciu online pentru crearea de cărți flash și bușteni flash. Care este interesat, revizuirea acestui serviciu poate fi citită

Cărți personalizate:

Meniu Cafe "Ravenna" - bucătărie italiană

Meniu Cafe "Ravenna" - bucătăria rusă

Alege TABUL DE CUPRINS AUTOWDED Și tot, Cuprinsul este gata. Puteți verifica când faceți clic pe numărul paginii, trebuie transferat în antet de pe pagina specificată în tabel.

Aici este, de asemenea, o carte cu o frumoasă pagină de titlu și un cuprins convenabil. Rămâne doar pentru a face un fișier PDF de la ea.

Pas secundă. Creați un fișier PDF

Ei bine, aici totul este simplu, eu, apropo, deja am scris de la modul de a crea un fișier PDF folosind Word 2007, pe care îl puteți citi. Dar pentru cea mai recentă versiune a cuvântului este mai ușoară. Mergem la fila Fișier și selectați Export

Faceți clic pe butonul Creare PDF și în fereastra care se deschide, introduceți numele fișierului

Și aici este important să puneți o bifă în elementul Creare marcajele folosind titluri

Voila! A fost nevoie de cinci clicuri pentru a face dorit. Către cine carte, electronică, cu conținut și navigare?! Nu scump, aproape pentru nimic! Ei bine, eu sunt eu, mă rog, de fapt, rămâne din cartea PDF pentru a face o flotă cu rotire și abilitatea de ao împărtăși asupra rețelelor sociale.

Pasul trei. Finisarea, creați o carte flash

De când nu am avut nevoie, nu m-am deranjat cu adevărat cu ce programe este posibil să creați astfel de cărți. Dar, cu ajutorul unui unchiul Gush și unele răbdare și perseverență Tolika, am găsit două programe care să permită transformarea fișierelor PDF în cărți flash.

Primul program. Flipbook producător.

Nu mă voi opri pe acest produs pentru o lungă perioadă de timp, deoarece nu mi-a plăcut absolut rezultatul convertirii. Link-urile din carte nu funcționează, și cumva toată curba. Ei bine, în general, nu știu, nu mi-a plăcut. Poate că veți putea să faceți ceva în acest program, atunci asigurați-vă că trimiteți comentarii. Deși acest program se mândrește cu o caracteristică interesantă. De exemplu, în ea o alegere mare Șabloane gata ...

Vizualizare și descărcare versiune de încercare Puteți pe site-ul oficial al programului.

Dar următorul program este exact ceea ce este necesar.

Programul este după cum urmează. Flip PDF.

Program excelent, lucrul ușor cu fișiere PDF, vă permite să introduceți sau să editați: link-uri, imagini, video, sunet și mai mult ...

Puteți descărca versiunea de încercare.

Voi face o rezervare imediat, programul nu este gratuit, iar atunci când creați o carte, își livrează filigranele. Dar dacă aveți nevoie de acest program simultan sau cu adevărat necesar - scrieți-mă, vă voi ajuta.

Procesul de a crea o carte frumoasă este destul de simplă și nu intimidată, în ciuda faptului că este pe Adveria burgheză. Ca de obicei, în astfel de cazuri, vom porni metoda de bifare științifică și totul se va dovedi.

Descărcați cartea PDF

Rulați programul și vedeți această fereastră

Faceți clic pe buton Import PDF. Și să specificați calea spre cartea noastră PDF

Apoi, specificați numărul de pagini pe care doriți să le importați. De când am nevoie de toate paginile, apoi am plecat Toate paginile. De asemenea, puteți adăuga un filigran, pe tipul celor care adaugă imagini sau, deloc, puteți face imediat un filigran interactiv și legați un link către site.

În plus față de specificarea calea către fișier, toți ceilalți parametri pot fi lăsați așa cum este. presa Import acum., Vreau să spun Import acumȘi vedem cum programul pliază fișierul în pagini.

O fereastră apare cu o carte viitoare.

Selectați și configurați șablonul

Ei au observat că pe capturile de ecran anterioare, șablonul cărții a fost unul, iar pe ultimul screenshot există un alt șablon. Acest lucru se face folosind meniul. Șabloane.

Când faceți clic pe săgeată, apare această fereastră,

În care puteți alege șablonul dorit.

Coloana din stânga prezintă seturi de șabloane. Șabloanele diferă nu numai în imaginea de culoare și fundal, ci și de funcționalitate.

Deasupra șablonului puteți face o setare fină: Adăugați sau eliminați butoanele din panoul de control, schimbați culoarea fundalului, modificați culoarea legăturilor, configurați locația cărții în raport cu marginea ferestrei și a Mai mult mai mult (porniți metoda Tyk, asigurați-vă că veniți la îndemână).

Nu voi descrie totul, dar vreau să vă atrag atenția prețioasă pentru mai multe puncte:

Primul moment. Dacă faceți modificări ale șablonului, atunci pentru a vedea ce sa întâmplat, faceți clic pe buton. Aplicați schimbarea. Se va clipi cu roșu când schimbați orice parametru.

Al doilea moment. În setările șablonului, este posibil să specificați ID-ul Google Analytics.. Dacă mă înșel, atunci corectați-mă. Când specificați ID-ul, am capacitatea de a vă proteja creația de furt. Unchiul Google va atribui această carte în autorul site-ului meu, deoarece blogul meu este înregistrat în Google Analytics. Deci, eu sunt greșit?

Al treilea moment. Acordați atenție butonului minunat. Editați paginile.Cu acest buton puteți introduce materiale suplimentare în carte.

Puteți adăuga sunet, video de pe YouTube, doar video în format.flv și adăugați link-uri, butoane și slideshow-uri, să nu mai vorbim de imagini. În general, un lucru foarte util.

Crearea unei cărți

Și acum, tot ce ar putea fi configurat, a fost aleasă șablonul, doar ultima acțiune a rămas: să creeze o carte însăși. Cartea poate fi creată în mai multe formate:

• Formatul HTML (pentru inserare)
• Format zip (același HTML, dar ambalat în arhivă)
• Format Exe (fișier de auto-lipsă pe care îl puteți descărca la începutul articolului)
• Formatul de aplicații (format special pentru computerele Apple)

Deci, totul este simplu: Alegeți formatul dorit, calea către dosarul unde va fi stocată cartea și faceți clic pe buton Convertit.

Acestea sunt toate manipulările necesare pentru a crea o carte interactivă. A făcut o carte pentru a doua oară cu un alt șablon și în format HTML și adăugat la unele pagini fișiere sonore. și butoane.

Concluzii

Un program minunat pentru crearea de cărți interactive, posibilitățile largi de editare și introducere a diferitelor fișiere media vor permite să completeze bine și să sublinieze conținutul principal, dar există unele minusuri.

1. Toate programele utilizate pentru a crea cărți flash plătite. in afara de asta Adobe Reader.Acesta este un cititor gratuit. Dar Cuvântul și Flip PDF plătit, deși Flip PDF justifică complet costul unei sute de ruble verzi americane, și, în principiu, își alcătuiesc banii. Pe program bun Nu este un ban. Apropo, cumpărați programe sau rupte?

2. În timp ce hrăniți cu Flip PDF a descoperit niște piscine și inconveniente.

• video de pe YouTube este inserat croitly, în programul funcționează, dar nu există nici o carte gata făcută
• când introduceți fișiere audio și video, aceste fișiere sunt copiate într-un dosar cu o carte, ceea ce mărește semnificativ domeniul de aplicare al cărții în sine.

Nu am găsit mai multe cabluri dacă găsiți, scrieți în comentariile. Așa cum a scris întotdeauna mai mult decât întregul proces. Bine, cum procesați și rezultatul? Noroc tuturor!

Coodrops este cel mai bun blog pe web design. Poate găsi întotdeauna multe lucruri mai creative pentru designerul web. Un avantaj imens este ceea ce altceva este spus cum să atașeze sau să facă unul sau un alt efect. Este foarte popular în străinătate, dar dintr-un motiv nu atât de mult în internetul rusesc. În general, un site foarte util pentru un designer, acolo puteți obține o grămadă de inspirație și multe de învățat, deoarece există o lecții CSS cu adevărat avansate.

Astăzi vreau să prezint 15 lecții de clasă din acest miracol al site-ului. Toate "chips-urile" sunt complet gratuite și le puteți descărca cu ușurință. Ei bine, acum hai să facem mai mult.

Veți fi, de asemenea, interesați de acest lucru:

Grilă dinamică cu animație frumoasă

Aceasta este o soluție excelentă pentru locația blocurilor dvs. de pe site, această rețea poate fi utilizată pentru a utiliza imagini. Această plasă este făcută pe CSS pură.

Cum se face efecte minunate pentru imagini când se deplasează pe CSS

În această lecție, se spune cum să facă efecte super-de atunci când se află în imagine. În exemplu, există întregul număr de 7 exemple diferite., precum și instrucțiuni, cum să faceți acest miracol pe CSS.

Butoane excelente cu efect frumos asupra CSS

Multe exemple de butoane CSS cu un efect minunat Când vă deplasați, aceste butoane pot fi schimbate la gustul dvs.

Cum să faci pian

O lecție excelentă în care spune cum să facă cel mai prezent pian electronic pentru site.

Efect frumos atunci când se deplasează pentru icoane

În această lecție există 9 exemple care au diferite stiluri atunci când vizitați pictogramele, arată foarte elegant și modern. De exemplu, aceste efecte puteți utiliza gratuit pentru pictogramele de marcaj social de pe site.

Spectaculos suflat pentru bloc

Aici veți învăța cum să faceți folosind CSS. Flipping spectaculos pentru bloc. De asemenea, există întregul număr complet de 5 exemple.

Exemple cool de utilizare a animației CSS

Iată 4 exemple care arată în detaliu ce CSS este capabil de animație.

Formular de căutare neobișnuit

De exemplu, nu am văzut acest lucru, de exemplu, doriți să mâncați într-un restaurant, respectiv, căutați restaurantul dorit în Google, potriviți în câmpul de căutare. Și acum vedeți cum poate fi realizat pe o mulțime de creativi și mai convenabili.

Cum se afișează diferite imagini pentru diferite dispozitive

Aici veți afla cum să implementați spectacolul imagini diferiteÎn funcție de ce aparat navigarea de resurse.

Facem un meniu adaptiv cu suport pentru afișaje

O lecție excelentă în care învățați cum să faceți frumos și meniul adaptiv Pe CSS cu suportul ecranelor retina.

Mai multe efecte CSS de transport maritim pentru pagini

Efecte frumoase cu care puteți implementa pagini cu ecran complet

Am înțeles deja cum să facem carte electronică flash cu pedeapsăUtilizarea programului, ca fișier exe . Să ne uităm acum la cum să facem aceeași carte flash, doar online, pe site-ul dvs. Web.

Pentru aceasta, puteți utiliza același program Flip PDF. Principiul creării unei cărți este același, salvați-l doar sub forma unui fișier exe, dar sub formă de HTML.

Dacă selectați o versiune HTML, aveți în dosarul în care veți publica o carte, va apărea un site web gata, care poate fi apoi mutat la găzduire. Acesta va consta dintr-un fișier index.html. , și fișierele și folderele sunt privite. Toate acestea trebuie plasate într-un dosar separat, numele acestui dosar, la fel cum va fi numit subdomeniul dvs. și trimiteți-l pe Internet.

Toate acestea se pot face nu numai cu programul profesional FLIP PDF. Nu mai puțin program interesant - Flippingbook Publisher Professional. Puteți descărca versiunea demo a programului de pe site flippingbook.com.. Cu acest program, puteți face, de asemenea, minunate cărți de bliț electronic și le puteți face chiar și cu acompaniament sunet. Adevărat, programul este mai scump - versiunea de bază Programele costă 399 de dolari. Dar puteți utiliza la prima și versiunea de încercare.

Lucrul cu acest program este la fel ca și lucrul cu Flip PDF. Puteți configura fundalul fundalului, cărților, efectelor flipping, adăugați sunet atunci când porniți paginile și așa mai departe.

De exemplu, doriți să faceți o carte de poezii pentru copii și nu doar o carte, ci o carte de vorbire, adică acest lucru, în care, atunci când deschideți fiecare pagină, poezii vor fi alese prin voce.

Acest lucru se face în programul Flippingbook Publisher Professional este foarte ușor. Mai întâi trebuie să pregătiți materiale: carte PDF și fișiere audio pentru fiecare inversare a cărții. Când este folosit, veți obține o înregistrare vocală foarte curată, de înaltă calitate. A, folosind, puteți aplica pentru a înregistra muzica de fundal a luminii.

Acum ne întoarcem la programul de editor FlippingbookBook. Deschidel. Dacă utilizați o versiune de încercare, anulați formularul de introducere și introducere a parolei. Când apare programul, faceți clic pe Import Și alegeți cartea PDF. presa Deschis . Puteți alege după aceea una dintre mai multe tipuri de publicație: revista, documentul, carte cu legare solidă, album foto. Din ce tip de cărți de publicitate veți alege, va depinde de aspectul său.

apasa butonul A incepe . Se produce convertirea. Și în cele din urmă veți vedea cartea creată cu transformarea în zona de lucru a programului.

Acum trebuie să adăugați fișiere audio la ea. Chiar în fila Pagini Veți vedea fereastra Proprietăți Pagina . Și în aceste proprietăți veți găsi element Pagina de sunet. . Alegeți fișierul audio pentru această pagină și deschideți-l. Operație similară Repetați pentru alte pagini.

După ce cartea este încadrată, faceți clic pe Publica Și alegeți, în ce formă doriți să obțineți această carte - sub forma unui fișier exe sau sub forma unui site. Dacă alegeți fișier exe.Apoi aveți nevoie de element În offline , și dacă alegeți site-ul - atunci acest element În HTML. .

La selectarea celei de-a doua opțiuni, veți primi un dosar în care va fi localizat fișierul. index.html. , și fișiere și foldere conexe. Folderul total pentru ele este redenumit în același mod ceea ce va fi adresa URL a site-ului dvs. și aruncați-o pe găzduire.

Aici, de exemplu, ce sa întâmplat cu mine:, dar de fapt, totul se poate face mult mai interesant, folosind toate caracteristicile programului. Cartea Flash Electronic online este cea mai bună pentru a privi în modul ecran complet. Pentru a merge mai departe, trebuie să faceți clic pe patrulater în partea de jos.

Puteți obține informații mai detaliate în secțiunile "Toate cursurile" și "Utility" în care puteți trece prin meniul de sus al site-ului. În aceste secțiuni, articolul grupat pe subiecte în blocuri care conțin cele mai desfășurate informații (cât mai mult posibil) pe diverse subiecte.

De asemenea, vă puteți abona la un blog și aflați despre toate articolele noi.
Nu durează prea mult timp. Doar faceți clic pe linkul de mai jos: