2016-11-08 20 views
0

有沒有免費的離線網頁設計程序可以用來編輯和查看我的網頁?我在任務之間有一些停工時間,並且想在我的網站上工作,而不使用他們的WiFi通過FTP上傳。我的代碼是純HTML5和純CSS,沒有JS或複雜的粗俗。搜索出現了一些看起來不適合我的東西。我有歌劇和海猴。脫機HTML5和Pure-CSS編輯器和查看器需要 - Opera最好

自2007年學習編碼以來,文本編輯器就是我的首選。我不喜歡其他程序的接口,因爲它們似乎混淆了代碼。查看代碼並理解它給了我一個堅實的基礎,但是我的設計可能缺乏靈活性或速度。

工作流程當前正在編輯文件,保存,FTP,刷新頁面,沖洗和重複。

歌劇似乎是目前最好的選擇。我可以在家打開我的網站,打開編輯器,上班和玩遊戲,然後回家並開始我的工作流程以使其生活。我想有一個html/php文件和我的css文件的文件夾,打開並編輯,保存文件,並準備在回家時啓動FTP。

海猴有一個作曲家,但我找不到如何讓CSS文件進行更改和預覽。內容是簡單的部分;組成樣式表是獲得正確的重要部分。

有什麼想法?我剛剛下載了測試版Google Web Designer,Sublime Text 3 beta,Aptana和Kompozer(越野車和舊版本?)。我發現從搜索

我資源的轉換來爲我通過goog搜索發現: http://www.noupe.com/design/5-best-free-html-editors-web-developers-mac-os-x.html

慈祥的老人資訊: https://stackoverflow.com/questions/483984/best-non-wysiwyg-css-editor

+0

的Aptana Studio的3需要遺留Java SE 6的運行時間。我在之前的操作系統上安裝了某些程序。我記得那可能是不安全的。 Aptana可能不得不離開。任何關於這個和Java要求的想法? – clintwhite

回答

0

可以使用Adobe支架。它具有HTML,CSS編輯功能和實時預覽http://brackets.io/

視頻https://www.youtube.com/watch?v=Nhvj1NYC3Uc

而且它也有一個FTP同步https://github.com/theproducer/brackets-ftp

+0

我喜歡一個可以加載文件夾以訪問側欄上文件的常規界面。到目前爲止,離線(本地)編碼看到的唯一問題是對Desktop Server(https://serverpress.com)的需求。括號要求實時預覽基本URL:要使用本地服務器,請輸入一個url,如http:// localhost:8000/- 我在搜索中發現的唯一方法是獲取免費或99美元的完整版本的Desktop Server ,它似乎是WordPress用戶的一個php客戶端預覽器。我的頁面保存爲php,但僅用於引用日期。我無法確定這個基地址。 MELP! – clintwhite

+0

我想我可以在括號中的.html中編寫頁面,然後在上傳之前將名稱編輯回.php。我的兄弟建議我使用.php擴展名編碼,這樣我可以在將來(現在)使用PHP,如果我想加載預構建的博客,照片庫或其他類似的功能。因此,我不想在.html中重新做它們,因爲這會破壞我的谷歌果汁(根據我自學的SEO)。我不確定在這裏做什麼,我不想爲了測試這個而花費100美元的PHP本地服務器。我可以在這裏使用任何策略? TIA。 – clintwhite

0

插件看看GitHub的Atom編輯器。它是完全跨平臺的,並且是用HTML,CSS和JavaScript本身編寫的。它也完全免費,開源(GitHub repo here),並且在許多不同的語言中都有無與倫比的語法高亮顯示。如果您對此有任何疑問或建立在此框架上(Electron),請查看Discussion page

Adobe Brackets相比,我相信Atom遠遠優越。正如我所提到的,它可能有數百種語言的語法突出顯示,不同於只支持HTML,CSS和一些PHP的Brackets(據我所知)。除此之外,它具有快速準確的自動完成功能。

另一方面,Adobe Brackets確實具有相當廣泛的自動完成功能,但再一次只針對少量語言。但是,自動完成是非常先進的,並提供了一個非常簡化的工作流程。至於單項目HTML和CSS唯一的工作流程,方括號不太理想。 CSS規則可以通過簡單地懸停在HTML中的類或ID上進行編輯。它也支持實時預覽,但如果使用PHP進行開發,這是沒有用的。

總的來說,我個人更喜歡Atom,因爲我的項目涵蓋了大量的語言。但是,當僅使用HTML,CSS和JavaScript處理項目時,我經常使用括號。

鏈接:

+0

本頁顯示:[鏈接](https://discuss.atom.io/t/how-to-make-atom-behave-like-brackets/23579)無法預覽。也許這只是討論突出顯示和語法編輯功能。括號似乎是我當前任務的答案,但我仍然停留在需要Desktop Server或其他解決方案的index.php文件上面。希望我永遠不會超越OP中的三種語言;-)。我讚揚所有你多語種的編碼者! – clintwhite