|
Demonstracja
możliwości programu
Micrografx QuickVector
Aby w pełni wykorzystać opis należy zainstalować: Microsoft Word 7.0 (lub Microsoft Office), Internet Explorer 3.0 lub 4, Graphics Suite 2 oraz ActiveX Micrografx Quick Vector
Początek Prezentacji
Co robimy | Komentarz |
W Internet Explorerze znaleźć plik demo.htm | Wadą Internetu (zwłaszcza dla
klientów posługujących się wolnymi łączami) jest
potrzeba kompromisu pomiędzy efektownym wyglądem a
szybkością pracy. Wielu z Państwa było zmuszonych
zrezygnować z oglądania grafik, bo nie mogło się
doczekać na ich wyświetlenie się. Zbyt duża ilość
grafik jest również w stanie zapchać silniej
wykorzystywaną sieć intranetową. Ale czy tak zawsze
musi być? Można przecież wykorzystać QuickSilver. |
Wczytać plik Demo.htm | Ta grafika jest wektorowa, czyta się szybko i ma w sobie zaszytych wiele efektów specjalnych: |
Przesunąć kursor na napis Microsoft, potem jeszcze raz na ten sam napis po jego przesunięciu się. | Można wręcz spowodować, że grafiki roztańczą się na naszej stronie WWW. |
Najechać na Micrografx | Oczywiście można przygotować łącza do innych adresów Internetowych.. Aby pokazać, że z danego miejsca można dokonać skoku można zmienić kształt kursora. |
Nacisnąć przycisk myszki na Micrografx'ie | Można spowodować, że pojawią się komentarze do danego obiektu. Mogą one być wlane w dowolny kształt i być umieszczone pod dowolnym kątem. |
Puścić przycisk myszki. | Przenosimy się na polską stronę Micrografx. |
Nacisnąć na powrót do poprzedniej strony w Internet Explorerze | Nad obiektami graficznymi na stronie mamy cały czas kontrolę |
Najechać na wirujący napis Microcom, a po jego zatrzymaniu się pokazać linię statusu. | Możemy np. zatrzymać animację. Komentarze o których mówiliśmy nie muszą pojawiać się w grafice. Można je również przenieść do linii statusu. |
Pokazywać jak informacja o stronie Microcomu pojawia się i znika w zależności od tego czy stoimy na literze czy na "białym". Na koniec nacisnąć na napis. | Niespotykaną właściwością jest możliwość zdefiniowania nieregularnych obszarów hyperlinków. W tym przypadku jedynie naciśnięcie na literę przeniesie nas na naszą stronę www. Jest to związane z faktem, że wszelkie działania są przypisane obiektom wektorowym z Designera. |
Powrócić na stronę demo.htm. Jeździć kursorem po całej grafice. | Jeszcze raz chcę podkreślić
jak niebywale efektowne mogą być grafiki z Designera na
Państwa stronach www mimo, że wcale nie muszą być one
duże. Ta grafika ma jedynie 36 kB. Teraz pokażemy Państwu jak prosto przygotowywuje się tak fantastyczne strony www. |
Wywołać Designera 7 i otworzyć plik demo.dsf | Designer 7 jest wektorowym modułem pakietu Micrografx Graphics Suite, przystosowanego specjalnie do współpracy z Microsoft Office. |
Pokazać klikając kolejno na
przyciski:
|
Designer posiada rozbudowane
narzędzia rysunkowe niezbędne w tworzeniu
profesjonalnych grafik wektorowych. Strzałka
zarządza właściwościami obiektów, Ołówek
otwiera bogaty zestaw narzędzi rysunkowych, Wymiary
pozwalają na rysowanie zaawansowanych linii wymiarowych,
Litera pozwala na formatowanie tekstów, Pędzel
zarządza umieszczanymi na rysunku grafikami rastrowymi
(np. zdjęciami), Kubełek dostarcza narzędzi do
formatowania wypełnień i linii, Strony
zarządzają kolejnymi stronnicami w dokumentach
Designera, a także parametrami prezentacji tworzonych z
tych stronnic, Lupa służy do zmiany skali
podglądu. Pod względem precyzji i możliwości rysunkowych, Designer wyraźnie góruje na konkurencyjnymi programami wykorzystywanymi w biurach. Teraz Państwu pokażemy jak pewne specyficzne możliwości Designera zostały wykorzystane do tworzenia tak efektownych grafik Internetowych jak ta oglądana poprzedznio w Internet Explorerze. |
Nacisnąć Strzałkę a
następnie:
|
Każdemu obiektowi w Designerze
można nadać etykietę. Standardową etykietą jest
nazwa Name. W wielu zastosowaniach technicznych to
jednak nie wystarcza. Czasem dany obiekt musi mieć wiele
niezależnych etykiet określających pewne
właściwości danego obiektu (np. nazwa, numer
katalogowy, materiał, cena). Dlatego Designer ma
możliwość definiowania wielu niezależnych etykiet dla
danego obiektu. Cechę tą wykorzystano do stworzenia
języka zdarzeń opisującego co się stanie z danym
obiektem w przeglądarce Internetowej. Dopuszczalnymi zdarzeniami - rodzajami etykiet są: |
Pokazywać kolejno w oknie Properities: | OnMouseEnter - zdarzenie
po pojawieniu się kursora myszy nad obiektem OnMouseLeave - zdarzenie po opuszczeniu przez kursor myszy obszaru nad obiektem OnMouseDown - zdarzenie po naciśnięciu lewego przycisku myszy gdy kursor jest nad obiektem OnMouseUp - zdarzenie po zwolnieniu lewego przycisku myszy gdy kursor jest nad obiektem OnLoad - zdarzenie po wczytaniu grafiki do Internet Explorera. |
Wskazać napis Microsoft.
Pojawi się:
|
Zauważyli Państwo, że po
wskazaniu obiektu Microsoft Propterities
wypełniły się różnorodnymi napisami. Są to
polecenia i parametry prz nich występujące. Z jakimi
rozkazami możemy się spotkać: Jump adress URL względny lub pełny - powoduje natychmiastowy skok do pliku o zadanym adresie. InplaceJump URL pliku Designera - powoduje zastąpienie pokazywanej grafiki nową grafiką Designera, pozostałe elementy strony www nie zmieniają się. CursorShape kształt - zmienia kształt kursora. Link lub Hand zmieniają kształt na "paluszek", pominięcie parametru kształt przywraca standardowy kształt kursora. StatusLine tekst - wyświetla tekst w oknie linii statusu przeglądarki ObjectText tekst - wyświetla tekst w kontenerze tekstowym ObjectColor kolor - zmienia kolor obiektu na kolor. Dopuszczalne są standardowe kolory z listy kolorów lub kolory zdefiniowane w następujący sposób: #rrggbb, gdzie rr, gg, bb to hexadecymalne wartości składowych koloru w modelu RGB. MoveOver nazwa obiektu - przesuwa i środkuje dany obiekt nad obiektem o wskazanej nazwie (zdefiniowanej w etykiecie Name). HideObject - ukrywa obiekt ShowObject - pokazuje obiekt. Żeby móc pokazać dany obiekt trzeba posłużyć się innym obiektem wykorzystując go do działania na tym obiekcie. Wykonuje się to operatorem as. (np. będąc nad obiektem Microsoft polecenie OnMouseEnter as Microcom ShowObject pokazałoby nam ukryty obiekt o nazwie Microcom jeśli ten obiekt wcześniej zostałby okryty. FlashObject co ile milisekund/ile razy - mruga obiektem, dopuszczalne wartości: 50-30.000 ms, aby mrugał w nieskończoność ile razy ustawić na -1. Parametry rozdziela się spacją EndFlashObject - kończy mruganie SpinObjectCW co ile milisekund krok/ile kroków na obrót/ile obrotów - obraca obiekt zgodnie ze wskazówkami zegara. Dopuszczalne wartości: krok co 10-60.000 ms, -1 kroków to obroty w nieskończoność. I tu parametry rozdziela się spacją. SpinObjectCCW co ile milisekund krok/ile kroków na obrót/ile obrotów - obraca obiekt przeciwnie do wskazówek zegara. EndSpinObject - zatrzymuje obiekt Beep co ile milisekund "piknięcie"/ilość "piknięć" - "Pikanie" obiektu., dopuszczalne wartości: 100-30.000 ms, aby "pikał" w nieskończoność ilość "piknięć" ustawić na -1. Parametry rozdziela się spacją. EndBeep - kończy "pikanie" BringObjectToFront - przenosi obiekt na wierzch. Obiekty pod spodem nie wykrywają zdarzenia ale można je "wyciągnąć" i uaktywnić używając operatora as. BringObjectForward - przenosi obiekt o krok w górę, reszta jak wyżej SendObjectBackward - przenosi obiekt o krok w dół. Jeśli obiekt schowa się pod innym obiektem do się uniekatywni. SendObjectToBack - przenosi obiekt pod spód, i tu jeśli obiekt schowa się pod innym obiektem do się uniekatywni. |
Nacisnąć OnMouseDown, w Value
zaznaczyć cały tekst i zastąpić go: as Microcom HideObject i potwierdzić:
następnie nacisnąć OnMouseUp, w Value zaznaczyć cały tekst i zastąpić go: as Microcom ShowObject as Microcom SpinObjectCW 500/18/-1 i potwierdzić. |
Teraz pokażemy Państwu jak to
się robi. Wykorzystamy przycisk Microsoft do
uruchamiania i ukrywania napisu Microcom. W tym celu wykorzystamy przycisk myszy gdy jest nad Microsoftem. Naciśnięcie ukryje napis, puszczenie przycisku spowoduje jego pojawienie się i ponowne obroty. W tym celu w OnMouseDown, w Value zamieniamy istniejący tekst na:as Microcom HideObject następnie w OnMouseUp, w Value zamieniamy dotychczasowy tekst na: as Microcom ShowObject as Microcom SpinObjectCW 500/10/-1 Spowoduje to obracanie się tekstu Microcom z częstotliwością jeden obró na 5 sekund. |
Otworzyć Media Managera i przeciągnąć Microcom do wybranej palety. | Ponieważ nasz Microcom nam się podoba zapamiętamy go sobie do dalszego wykorzystania. W tym celu otworzymy rewelacyjnego zarządcę gotowych grafik - ABC Media Managera i przeciągniemy do niego napis Microcom. Po umieszczeniu tego obiektu w ABC Media Managerze, grafika ta jest dostępna dla wszystkich aplikacji Microsoft Office i Graphics Suite. |
Zapisać plik, zamknąć Designera, Otworzyć Internet Explorera, otworzyć plik Demo.htm. | Zobaczmy jak nasze zmiany
wpłynęły na zachowanie się naszego pliku
demonstracyjnego. Jak Państwo widzą naciskając teraz Microsofta (o znów nam uciekł), naciskając Microsofta powodujemy zniknięcie napisu Microcom, a zwalniając myszkę, jego ponowne pojawienie się. |
Zamknąć Internet Explorera, otworzyć Designera, przywołać Media Managera | Tworzenie tak efektownej grafiki to duża frajda. Niestety trzeba się dużo "nawpisywać". Jak ułatwić sobie pracę? Utworzymy nową grafikę z obracającym się Microcomem.. |
Przeciągnąć grafikę Microcom do Designera | Mamy nowy dokument Designera, przeciągniemy teraz do niego naszego Microcoma |
Otworzyć Properities | Z grafiką przeszły również wszystkie etykiety z nią związane. Możemy teraz tworzyć nową grafkę. |
Zamknąć Designera otworzyć Picture Publishera | Graphics Suite Pozwala na całkowicie przezroczystą konwersję pomiędzy formatami plików. Wektorowa grafika jaką jest napis Microcom może być obrabiana w programie do retuszy zdjęć jakim jest Picture Publisher. |
Przeciągnąć z palety napis Microcom do Picture Publishera. | Oczywiście, teraz ta grafika została zamieniona na rastrową i można ją będzie obrabiać jak każde zdjęcie. Podato będzie możnma ją zapisać w formacie JPG lub GIF, czyli jednym z ulubionych formatów graficznych Internetu.. |
Wykonać Mask, Remowe Mask, | Usuwamy teraz zbędną maskę ze zdjęcią. |
Wykonać Image, Convert to, RGB | Przekształcamy teraz ilustrację na tryb RGB, aby można było wyrównywać krawędzie napisu podczas jego zmniejszania. |
Wykonać Image, Size, zmienić miarę na Pixels i wpisać 100 przy włączonym Use Smart Sizing | Teraz można precyzyjnie dopasować wielkość grafiki. Można to robic w dowolnej miarze, my wybierzemy pixele czyli punkty ekranowe. Od razu widać jak to skalowanie wpływa na wielkość grafiki. |
Wykonać File, Save as, w File type wybrać GIF, nacisnąć przycisk Options, zaznaczyć Use Transparent Color, kliknąć w kolor i wybrać biały (100%, 100%, 100% RGB), zaznaczyć Interlace Image, wpisać nazwę z rozszerzeniem GIF i zapisać plik. | Tak przygotowany obraz rastrowy będzie zapisany w najbardziej "widowiskowym" formacie rastrowym Internetu - Transparent GIF Interlaced.. Format ten pozwala na: systematyczne polepszanie się jakości już pokazywanej wczytywanej grafiki oraz na określenie miejsc, które będą w tej grafice przezroczyste. Jest to silnie kompresujący grafiki format plików. |
Nacisnąć na
|
Widzą Państwo jak zmniejszyła się nasza grafika. |
Wybrać: Nożyk, Maskowanie
prostokątne i zaznaczyć cały rysunek. Następnie Object¸Create Object From Mask i przeciągnąć powstały obiekt do Media Managera |
Również tą grafikę można
umieścić w Media Managerze. Dzięki tak dużej
swobodzie doboru formatów użytkownik jest zwolniony z
zastanawiania się nad formatami plików itp. Dobrze, ale co z tego wynika dla osoby obsługującej Microsoft Office? |
Otworzyć Microsoft Word, zamknąć Picture Publishera. | Również tutaj można swobodnie wykorzystywać Media Managera. |
Przeciągnąć jednen i drugi Microcom na stronę dokumentu Word. | Jak Państwo widzą, te grafiki są równie prosto przyjmowane do Microsoft Worda lub innego programu Microsoft Office. Czy działa to w przeciwną stronę? |
Narysować prostą grafike w MS Wordzie. Zakończyć funkcją zrób rysunek i przeciągnąć rysunek na Media Managera. | Oczywiście , że tak. Mogą teraz Państwo tworzyć swoje własne biblioteki clip-artów, wyciągając grafiki z gotowych dokumentów, mogą Państwo przygotowywać wykresy z Excela pod kątem publikacji w Internecie, mogą Państwo tworzyć "odlotowe" dokumenty biurowe oraz oczywiście rewelacyjne graficzne strony dla Internetu.. Wszystko to dzięki: pakietowi Micrografx Graphics Suite z Quick Silver. |
Dalsze informacje o Quick
Silverze na stronach Micrografx: http://www.micrografx.com/quickvector
Jeśli nie widzisz grafiki powyżej to musisz zainstalować
program