2016-11-08 16 views
0

私のWebページを編集して表示するために使用できる無料のオフラインWebデザインプログラムがありますか?私はタスク間の仕事でいくつかの休止時間を持っていて、FTP経由でアップロードするためにWiFiを使わずに自分のウェブサイトで作業したいと思っていました。私のコードは純粋なHTML5と純粋なCSS、JSも複雑なcrudもありません。検索は、私のためにはうまくいかないような多くのことを起こします。私はOperaとSea Monkeyを持っています。オフラインHTML5と純粋なCSSエディタとビューアが必要 - Operaが最高です

テキストエディタは、2007年にコードを学習して以来、私の仕事です。他のプログラムのインターフェイスが好きではありません。コードをばらまいているようです。コードを見て、それを理解することは私に強い基盤を与えてくれましたが、私の設計では柔軟性やスピードが不足している可能性があります。

ワークフローは、現在、ファイル、保存、FTP、リフレッシュページ、リンスとリピートを編集しています。

Operaは現在のところ最高のオプションのようです。私は自宅で自分のウェブサイトを開き、エディタを開き、仕事と遊びに行き、家に帰って生き生きとしたワークフローを始めることができます。私はHTML/PHPファイルと私のCSSファイルのフォルダを開いて編集し、ファイルを保存し、私が家に帰るときにFTPを起動する準備ができていると思います。

Sea Monkeyには作曲家がいますが、CSSファイルを変更してプレビューする方法を見つけることができません。内容は単純な部分です。スタイルシートの作成は重要な部分です。

どのような考えですか?私はベータのGoogle Web Designer、Sublime Text 3 beta、Aptana、Kompozer(バグや古い?)をダウンロードしました。ここでは、古い情報の 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のランタイムが必要です。私は以前のOSでいくつかのプログラムをインストールしたことがありました。私はそれがおそらく安全でないと覚えています。アプターナは行かなければならないかもしれない。これとJava要件に関する考えはありますか? – clintwhite

答えて

0

は、Adobeブラケットを使用することができます私の調査結果は、私はGOOG検索経由で見つけたもののために検索

マイリソースのスルーから来ました。これは、HTML、CSS編集機能とライブプレビューhttp://brackets.io/

ビデオhttps://www.youtube.com/watch?v=Nhvj1NYC3Uc

を持っており、それはまた、GitHubののAtomエディタを見てみましょうFTP同期https://github.com/theproducer/brackets-ftp

+0

私は、サイドバーのファイルにアクセスするためにフォルダをロードできる一般的なインターフェイスが好きです。これまでにオフライン(ローカル)でコーディングしていた唯一の問題は、Desktop Server(https://serverpress.com)の必要性です。ブラケットがライブプレビューベースURLを要求する:ローカルサーバーを使用するには、http:// localhost:8000 /のようなURLを入力します。これを行うために検索で見つかった唯一の方法は、99ドルのフルバージョンのDesktop Serverこれは、WordPressユーザー向けのPHPクライアントサイドプレビューアのようです。私のページは、日付を参照するためだけではあるが、PHPとして保存されます。私はまだこのベースURLを把握することはできません。 Melp! – clintwhite

+0

私は角括弧の中に.htmlでページを書き、その後アップロードする前に名前を.phpに編集することができると思います。私の兄は私が.php拡張子でコードするように提案したので、事前に構築されたブログやフォトギャラリーなどの機能をロードしたい場合は、将来PHPを使うことができました(今)。そのように、私はGoogleのジュース(私自身の教えSEO)を破るだろうとして.htmlでそれらを再実行したくない。私はここで何をすべきか分からず、これをテストするためだけに100ドルのPHPローカルサーバーを支払う必要はありません。ここで使うことができる戦略はありますか? TIA。 – clintwhite

0

用のプラグインを持っています。これは完全にクロスプラットフォームで、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

このページごとに:[link](https://discuss.atom.io/t/how-to-make-atom-behave-like-brackets/23579)プレビューする方法はありません。たぶんこれはハイライトと構文の編集機能について議論しているだけかもしれません。括弧は私の現在の仕事の答えと思われますが、私はまだ上記のコメントのようにDesktop Serverや他の解決策を必要とするindex.phpファイルに悩まされています。うまくいけば、私は決してOPの3つの言語を超えて動くことはありません;-)。私はマルチリンガルであるあなたすべてのコーダーを賞賛します! – clintwhite