Kaskadowe arkusze stylów – CSS Ćwiczenie laboratoryjne – Pajączek 2000 Techniki i narzędzia do tworzenia stron WWW
Kaskadowe arkusze stylów – CSS (Cascade Style Sheet) Co to jest CSS? Jak umieścić arkusz stylu na stronie ? Jak stworzyć własny arkusz stylu ?
Jak umieścić arkusz stylu na stronie ? zapisanie definicji stylów między znacznikami <STYLE> </STYLE> w nagłówku dokumentu import danych z zewnętrznego pliku umieszczenie reguł CSS w tekście dokumentu pomiędzy znacznikami <BODY></BODY> w połączeniu ze znacznikiem, któremu chcemy nadać daną regułę
Jak stworzyć własny arkusz stylu ? Każda reguła niezależnie od miejsca jej umieszczenia składa się z trzech części: selektora (B, DIV, Warstwa1) identyfikującego regułę, właściwości (color, font-size, position) przypisanych danemu selektorowi wartości tych właściwości (#cc66ff, 8pt, absolute) Przykład: i {font: obligue 8pt/10pt Verdana, Geneva, Arial, Helvetica, sans-serif} zawiera definicję selektora i (znacznik czcionki pisanej kursywą), któremu jest przypisana właściwość font o wartościach: obligue 8pt/10pt Verdana Geneva Arial Helvetica, sans-serif
Ćwiczenie laboratoryjne – tworzenie strony WWW za pomocą edytora PAJĄCZEK 2000 Rozpoczęcie pracy z programem Pajączek 2000 Strona z definicją ramek Tworzenie strony startowej Tworzenie strony z formularzem Tworzenie arkusza stylów CSS Tworzenie hiperlinków Strona WWW
Techniki i narzędzia do tworzenia stron WWW HTML (Hyper Text Markup Language) DHTML (Dynamic HTML) CSS (Cascade Style Sheet) JavaScript VBScript CGI (Common Gateway Interface) Flash Grafika do WWW
narzędzia Edytory HTML, DHTML, języków skryptowych: Generatory kodu Narzędzia graficzne, inne
Edytory HotDog 6.2 Adobe GoLive 4.0 1st Page 2000 Pajączek 2000 + Skryba 2000 CoffeCup HTML Editor 8.5 HomeSite 4.5 AceHTML 4.0
Generatory kodu Technologia Flash Microsoft FrontPage 2000 Macromedia Dreamweaver 3 Technologia Flash Macromedia Flash 5 Adobe LiveMotion SWiSH 1.51
Narzędzia dodatkowe Narzędzia graficzne: - Corel Draw, PhotoPaint, Adobe PhotoShop, MS Image Composer, Paint Shop Pro, - Microsoft GifAnimator, Xara3D, Ulead GifAnimator Generator CSS – TopStyle Rejestrator w wyszukiwarkach - TrafficSeeker Pro 3.5 Obsługa kamery – SpyCam 6.2 Aplety Javy – Ulead JavaRazor, Anfy Java
Politechnika Poznańska Poznań, listopad 2000 Autorzy: Politechnika Poznańska Poznań, listopad 2000