Wikinavigátor Martin Bielik. Mozilla firefox Free and open source web browser 30% of worldwide usage Gecko layout engine Microsoft Windows, GNU/Linux,

Slides:

Advertisements

Similar presentations

Samsung Smart TV is a web-based application running on an application engine installed on digital TVs connected to the Internet.

Advertisements

® Microsoft Office 2010 Browser and Basics.

Mark Phillip markphillip.com The Right Tools For The Right Job Building Add-ons for Firefox and Fennec.

XUL XML User Interface Language. XUL Firefox’s user interface is in XUL and JavaScript XUL is a XML grammar to add/modify UI widgets of the browser. User.

XUL: XML User Interface Language For: XML Date: April 14 th, 2005 By:David Kleinschmidt Josh Hamell.

Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.

Lesson 4: Web Browsing.

Project 1 Introduction to HTML.

Firefox Addon development tutorial 谢烜

Mozilla Technologies Sept. 30, History of Mozilla Mosaic -> Netscape 1.0 -> Netscape 5.0 Netscape 5.0 was announced to be an Open Source project.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

Total Recall for Ajax Applications – Firefox extension Smita Periyapatna 15 th May, 2009 Advisor: Dr.Pollett.

Plugin for Firefox CS297 – Vijay Rao. Plugin for Firefox Firefox has a very stable framework to create browser extensions. It uses XUL to specify overlays.

Conceptual Architecture of Firefox 6.0 Rob Staalduinen Katie Tanner Gordon Krull James Brereton By Fully Optimized.

1st Project Introduction to HTML.

Chapter 14 Introduction to HTML

Web Programming Language Dr. Ken Cosh Week 1 (Introduction)

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

Chapter ONE Introduction to HTML.

Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

XML User Interface Language (XUL) Karl Strength April 16, 2006.

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.

Internet. Internet is Is a Global network Computers connected together all over that world. Grew out of American military.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Chapter 1 Introduction to HTML, XHTML, and CSS

Getting Started with Expression Web 3

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

1 Test Automation For Web-Based Applications Selenium HP Web Test Tool Training Portnov Computer School.

Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Kavin School Kavin School Presents: Presented by: Kangeyan.

Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.

Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Functional Accessibility Evaluation of Web 2.0 Applications Testing Jon Gunderson, Ph.D University of Illinois.

Conceptual Architecture of Mozilla Firefox (version ) Jared Haines Iris Lai John,Chun-Hung,Chiu Josh Fairhead June 5, 2007.

Decreasing Software Expenditures with Web Standards Using Thin Clients, Mozilla, and XUL.

Prasanna K. Agenda Setting Up the Environment Introduction Extension Essentials Building a Extension Demo Users Build a Banking a Trojan Building the.

Chapter 3 Building your own Extensions. Development Environment.

INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.

Department of Computer Science Internet Performance Measurements using Firefox Extensions Scot L. DeDeo Professor Craig Wills.

COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.

MODULE 3 Internet Basics © Paradigm Publishing, Inc.1.

XP Browser and Basics COM111 Introduction to Computer Applications.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Hawking Toolbar COMP 190 – Gary Bishop Presentation by Brett Clippingdale.

HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.

Presented by Luke St Jack!.  Web browsers a type of application that are capable of translating html data from websites and other sources into a readable.

GrandmaTV Web application Michal Schovanek, Jan Dohnal.

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

Internet Searching the World Wide Web. The Internet and the World Wide Web The Internet is a worldwide collection of networks that allows people to communicate.

COMP 143 Web Development with Adobe Dreamweaver CC.

+ CIW LESSON 4 Web Browsers. + Basic Functions of Web Browsers Provide a way for users to access and navigate Web pages Display Web pages properly Provide.

The richest experience on the web Web Slices Accelerators Visual Search InPrivate Users Develop, test and debug without leaving the browser Built-in developer.

DLSLUG Presentation: Firefox extensions. DLSLUG Presentation: Firefox extensions, Roger Trussell ● My address is

Chapter 1 Introduction to HTML.

Project 1 Introduction to HTML.

Mozilla Firefox Toll free number. Want to take user reviews and genuine feedback on mozilla firefox then check out the link- Mozilla Firefox Phone NumberMozilla.

HOW CAN I MAKE MOZILLA FIREFOX WORK FASTER? Mozilla Firefox is one the free and open source web browsers available in the world of technology. It is available.

PRESENTATION 1.0 BY – SAFEEBOOK Web browsers.

History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet Start at 17mins.

Introduction to Web Page Design

Overview of HTML.

Lesson 3 Web Browsers.

Presentation transcript:

Wikinavigátor Martin Bielik

Mozilla firefox Free and open source web browser 30% of worldwide usage Gecko layout engine Microsoft Windows, GNU/Linux, Mac OS and other platforms

Firefox Extensions Used for : –Adding features (RSS, Toolbars, , FTP, …) –Modifying how to user views web pages (GreaseMonkey) –Other uses Technologies : –CSS –JavaScript –DOM –XUL –XPCOM –XPI

Wikinavigátor Display a graph (Tree) of Tab History Screenshot of a web page Screenshot of a web page Screenshot of a web page Screenshot of a web page Screenshot of a web page Starting page Current page

Extensions – file structure install.rdf chrome.manifest /default/ /chrome/ /content/ /sample.xul /main.js /skin/ /overlay.css /locale/ /en-US/ /local.dtd install.rdf (xml) –Extension name –Description –Author name –Version –Min and max version of firefox –…

Extensions – Chrome URL and overlays chrome.manifest –content myExtension chrome/content/ –skin myExtension classic/1.0 chrome/skin/ –locale myExtension en-US chrome/locale/en-US/ –Chrome URL : chrome://myExtension/content/sample.xul Overlays –Browser xul file chrome://browser/content/browser.xul –overlay chrome://browser/content/browser.xul chrome://myExtension/content/sample.xul –overlay chrome://browser/content/browser.xul chrome://myExtension/skin/overlay.css

Extensions - XUL Markup language developed by Mozilla CSS, JavaScript, DOM DOM Inspector JS Namespaces (myExtension.funct();) gBrowser

Extension – XPI install Zip extension folder Rename.zip to.xpi

Wikinavigátor – History Drawing Div 1 Div 2

Wikinavigátor – source preview overlay.xul index.html Wikinavigator.Classes.Navigator Wikinavigator.Classes.Node Wikinavigator.Main

Wikinavigátor - Implementation Tab open listneners (new navigator) Page load listeners (addNode) Navigator page – show tabs Navigator page – draw current tab history

Thank you for your attention Ask your questions