792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
1

Среда разработки HTML+CSS

04.03.2014, 18:48. Показов 1345. Ответов 13

Author24 — интернет-сервис помощи студентам
Все здравствуйте.

Пишу я, короче, спаренную среду разработки интернет-страниц. Не имеющую аналогов, применяющую прогрессивные технологии, и прочие красивые слова. Большая часть программы уже готова, но я не успел её толком потестить. Вот, хотел взвалить это дело на Ваши плечи.

Если кратко, то IDE имеет два экрана: HTML и CSS, между которыми можно переключаться с помощью горячих клавиш, есть зародыш отладчика, полуавтоматическая подсветка синтаксиса, подсветка фона кусков кода по горячим клавишам, сохранение кусков кода с целью дальнейшего перехода(прокрутки виджета) к ним по нажатию горячих клавиш и прочий стафф. Все функции можно узреть в справке по горячим клавишам, вызвать которую можно нажатием горячих клавиш : Ctrl+K.

Если подробнее, то я старался максимально подогнать среду под работу одновременно с двумя файлами, например, если Вы нажимаете "Сохранить", программа определяет, в каком из полей(HTML или CSS) находится курсор и сохраняет текст, записанный в этом поле. То же самое касается выбора расширения для файлов, определения в какое поле занести открываемый файл по его типу(HTML, CSS).

Далее, подсветка синтаксиса полуавтоматическая - она расцвечивает только те строки, с которыми Вы работаете. Подсветку можно включить на выделенном участке кода или отключить.

Есть цветовые маркеры, которые изменяют фон выбранного куска, чтобы его было лучше видно, среди сотен строк кода.

Есть флажки: выбираете нужный кусок кода, нажимаете гор. кл., потом делаете какие-нибудь дела, забываете, где находился нужный Вам кусок, нажимаете гор. кл., виджет прокручивается так, чтобы Вы увидели этот забытый кусок и выделяет его(как в стратегиях).

Плюс есть небольшие примочки, типа кнопки, запускающей текущий файл в браузере, установленном по умолчанию, отладчик, проверяющий, существует ли файл, указанный в <img> под атрибутом src, отключаемое автосохранение и так далее.

Хотелось бы услышать мнение профессионалов. Что убрать, что добавить, где кроются баги?

Внимание: на некоторых осях возникают проблемы с именами файлов, так что советую распаковывать архив в каталоги, имеющие только латинские символы в своих адресах(извечная проблема Python). Все горячие клавиши (пока что) работают только в английской раскладке.

Заранее спасибо всем, кто возьмётся потестить.

Скачать
Миниатюры
Среда разработки HTML+CSS  
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.03.2014, 18:48
Ответы с готовыми решениями:

Среда разработки
Слышал что вкусы различаются, соответсвенно и среда у многих отличается друг от друга... Простите,...

Среда разработки
Хочу разрабатывать игры для мобильных телефонов на J2ME. Бог с ним, J2ME изучу, но прошу, скиньте...

Среда разработки
Добрый день! Я время от времени занимаюсь кодерством на JScript... и вот решил более менее в...

Среда разработки
Добрый день, столкнулся с таким вопрос. Delphi 7 при компиляции пустые блоки подобие таких сразу...

13
Всегда онлайн
1084 / 788 / 295
Регистрация: 07.04.2013
Сообщений: 2,703
04.03.2014, 22:41 2
Фаер, ошибка при запуске: mscvr100.dll не найден! Win XP, Python установил (по крайней мере Python Shell и библиотеки).
1
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
05.03.2014, 09:13  [ТС] 3
MrOnlineCoder, Python устанавливать не нужно было, он зашит в файлах рядом с .exe.
А не могли бы Вы установить MS Visual C++ 2010: https://www.microsoft.com/en-u... px?id=5555
и попробовать ещё раз!? Я на виртуальной семёрке пробовал, всё работало. И на XP тоже.
0
Форумчанин.NET
555 / 426 / 64
Регистрация: 12.02.2013
Сообщений: 834
05.03.2014, 14:02 4
1. Кракозябры
2. Красный маркер какой-то совсем бледно-розовый. Тоже самое с другими цветами
3. Подсветка работает только после выделения фрагмента
4. Кнопка Хрома браузера открывает файл в ассоциированной с ним программе (у меня это не браузер)
5. Отладчик. Сделал тукаю вещь(кракозябры оригинала):
Код
<title>Проверка правописания<title>
Написал мне, что не найден только 1 закрывающий тег title
1
22 / 22 / 7
Регистрация: 01.12.2013
Сообщений: 93
05.03.2014, 14:21 5
Цитата Сообщение от Фаер Посмотреть сообщение
А не могли бы Вы установить MS Visual C++ 2010: http://www.microsoft.com/en-us... px?id=5555
А лучше сразу распространять все библиотеки с программой. Посмотрите совет от Убежденный https://www.cyberforum.ru/post5732082.html, делайте только для версии 100
1
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
05.03.2014, 14:56  [ТС] 6
AeroWhite, кракозябры - это страшно. Нельзя ли скрин? Где именно они появляются?
Ну маркеры специально бледные, чтобы подсветку не заглушать. Не буду же я писать "Бледно-розовый маркер".
Подсветка, я ж говорю, полуавтоматическая. Если весь код раскрасить хотите, Ctrl+A -> Ctrl+F. Это мне юзвери посоветовали. Говорят, глаза им режет, когда всё расцвечено.
Вот от браузера я такого не ожидал. Надо будет доработать.
А в отладчике он не видит закрывающий тег, потому что у Вас там слеша нет. Я не уверен, что это правильно.
0
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
08.03.2014, 23:06  [ТС] 7
Поработал я над программой.
Кнопку браузера разбил на четыре разные(Opera, Chrome, IE и Firefox). Запуск сделал через cmd, так что теперь страницы должны открываться именно в браузерах, а не в ассоциированных программах. Правда, портативные версии браузеров пока не обнаруживаются.

С кракозябрами, кажись, тоже решил проблему. Подключил тут один модуль.
Давал двум знакомым потестить, говорят, всё в порядке.

Напоминаю, что для работы среды требуется наличие MS Visual C++ 2010 (в архив, пока что, не вложил, ссылка есть выше).

Ссылка: http://yadi.sk/d/BkSSBCTSKAxNj
0
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
15.03.2014, 17:40  [ТС] 8
Я тут подсуетился и нашёл способ защитить своё приложение от копирования. При первом запуске Лунатик привязывается к компьютеру. При копировании и попытке запуска на другом устройстве, приложение блокируется.

Потестил со знакомым, всё работает(то есть, наоборот, блокируется и не работает ). Но, желательно, эту систему ещё погонять. План такой:
1. Человек скачивает приложение и запускает его у себя.
2. Если всё работает нормально, человек копирует приложение, загружает на файловый хостинг и кидает ссылку сюда.
3. Другой человек проходит по этой ссылке, пытается запустить у себя копию и рассказывает, что из этого вышло.

Расплачиваюсь Отзывами и Спасибами.
0
6803 / 2829 / 527
Регистрация: 24.04.2011
Сообщений: 5,308
Записей в блоге: 10
15.03.2014, 21:19 9
Цитата Сообщение от Фаер Посмотреть сообщение
Человек скачивает приложение и запускает его у себя.
А если человек вначале копирует скачанное приложение и запускает у себя копию. А то, что скачал изначально ( но не запускал на компьютере) распространяет доступными средствами в массы.
Как в таком случае работает защита?
0
Заблокирован
16.03.2014, 00:56 10
Добавь панель инструментов со стандартными кнопками. Добавь кнопки, вставляющие распространенные тэги - div, table, tr, td, img, script, object

Интерфейс сделай гибким, чтобы окна редакторов растягивались. Панели инструментов и меню - перемещались, как к примеру в PascalABC.NET И вообще скачай эту среду и посмотри как все сделано - там есть что перенять

Добавь авторасстановку отступов по коду и нумерацию строк.

Постарайся сделать всплывающие подсказки и автодополнение
0
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
16.03.2014, 14:39  [ТС] 11
Pro_grammer, если человек сразу скопирует и запустит у себя копию, она будет работать нормально.
А вот по поводу распространения нулячей версии, скачанной, но ещё не запущенной - это да, проблема. С приложением кочует нулевая подпись, которая изменяется только после первого запуска. Система рассчитана на то, что пользователь вообще не подозревает о её существовании, не говоря уже о механизмах работы. И на то, что пользователь приобретает программу не для того, чтобы раздавать всем подряд. Так что система защиты прям скажем фиговая, над ней ещё придётся корпеть.
Цитата Сообщение от Emiliarge Посмотреть сообщение
Добавь панель инструментов со стандартными кнопками
Если речь идёт о кнопках "Копировать", "Вырезать" и прочие, то я не вижу в этом смысла. Есть горячие комбинации клавиш, по-моему, этого достаточно. Пока что Вы первый, кто потребовал такую панель. Но я подумаю.
Цитата Сообщение от Emiliarge Посмотреть сообщение
Добавь кнопки, вставляющие распространенные тэги - div, table, tr, td, img, script, object
А вот это интересная идея. Чё-то я сам не подумал. Добавлю.
Цитата Сообщение от Emiliarge Посмотреть сообщение
Добавь авторасстановку отступов по коду
Это тоже дельный совет.
Цитата Сообщение от Emiliarge Посмотреть сообщение
Постарайся сделать всплывающие подсказки и автодополнение
Со временем сделаю. Пока ещё руки не дошли - дело-то кропотливое. Проблема-то в том, что если налепить автодополнение как попало, начнёт тормозить. Надо как-то это оптимизировать всё. Но это я сделаю.
0
Заблокирован
16.03.2014, 16:26 12
Если речь идёт о кнопках "Копировать", "Вырезать" и прочие
Для открытия-сохранения какая комбинация клавиш? Ты сам её помнишь какая обычно в программах? Думаю, нет

если налепить автодополнение как попало, начнёт тормозить. Надо как-то это оптимизировать всё.
Определяй число ядер ЦП, создавай столько потоков, и чтобы все можно было настроить пользователю.
Какой-нибудь webstorm от jetbrains тоже производительностью не славится. Если ты доведешь это дело до конца, я уверен, будет много лучше
0
792 / 398 / 260
Регистрация: 09.12.2011
Сообщений: 786
Записей в блоге: 29
16.03.2014, 17:30  [ТС] 13
Цитата Сообщение от Emiliarge Посмотреть сообщение
Для открытия-сохранения какая комбинация клавиш?
F3 и F4.
Цитата Сообщение от Emiliarge Посмотреть сообщение
Определяй число ядер ЦП, создавай столько потоков, и чтобы все можно было настроить пользователю.
tkinter при встрече с параллельными потоками впадает в ступор. Здесь вопрос состоит в минимальном потреблении ресурсов самим алгоритмом автодополнения. Но это я сделаю, бывали и посложнее задачи.
0
Заблокирован
16.03.2014, 20:59 14
F3 и F4.
А в других программах - Ctrl+N и Ctrl+O. И то не все знают

tkinter при встрече с параллельными потоками впадает в ступор.
Я бы не стал писать ide на питоне.
Есть например PascalABC.NET и шарп, которые для этих целей лучше

Здесь вопрос состоит в минимальном потреблении ресурсов самим алгоритмом автодополнения.
Не знаю, что в питоне с текстовыми контролами, но если многопоточности не будет вообще, то точно ничего не выйдет - ide будет просто зависать на момент очередного действия
0
16.03.2014, 20:59
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.03.2014, 20:59
Помогаю со студенческими работами здесь

среда разработки
господа! случилось так, что в результате &quot;зависона&quot; компа слетели библиотеки Microsoft Visual C++...

Среда разработки Qt?
Решил начать изучение Qt, до этого программировал на MS Visual Studio 2008. Я запутался, в какой...

Среда разработки
Какую лучше выбрать программу для работы с делфи на win 7 желательно русскую ?

Среда разработки -
Нужна консольная среда разработки. У нас в универе она помоему под С и мы файлу формат ещё меняем...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru