Deweloperski dodatek do przeglądarki umożliwiający zaawansowaną edycję stron internetowych

Abstract

Celem niniejszej pracy inżynierskiej było stworzenie aplikacji, która pozwala na szybką, a zarazem zaawansowaną edycję stron internetowych. W tym celu podjęto się zaprojektowania i zaimplementowania rozszerzenia do przeglądarki Google Chrome z edytorem wyglądu portali. W trakcie tworzenia programu użyto technologii webowych takich jak HTML, CSS i JavaScript. Rozszerzenie umożliwia prostą ingerencję w strony internetowe, a także posiada bardziej zaawansowane funkcje dedykowane programistom. Są to następująco: formatowanie tekstu, ustawianie odstępów i marginesów, edycja tła i rozmiaru, zmiana obrazków, a także dostosowywanie pozycji i wyświetlania elementów. Korzystanie z programu przedstawia użytkownikowi popularne i często używane przez deweloperów właściwości języka CSS oraz demonstruje całokształt procesu edycji stron internetowych.

The purpose of this study was to create an application that allows the user to edit websites in a quick but at the same time advanced way. To this end, design and implementation of the extension to the Google Chrome browser have been undertaken which resulted in creating editor responsible for editing the appearance of websites. During the creation of the application, web technologies such as HTML, CSS and JavaScript were used. The extension not only allows for simple interference in websites but also has some more advanced functions dedicated to programmers. They are as follows: text formatting, setting spacing and margins, editing the background and size, changing pictures, as well as adjusting and displaying website elements. Using the application presents to the user popular and often used by developers properties of the CSS language (syntax) and demonstrates the process of editing websites.