webcraft.WEB DESIGN STUDIO
はじめてのWebサイト変更を自動保存
ワークスペースページ 1
Desktop · 1200px100%
ページの内容PAGE CONTENT

このページだけの内容を編集しています。

ページ 1LIVE CANVAS
文字をクリックして、直接編集できます·すべての変更がコードに反映されます
リアルタイム更新
ページの構造をつくる HTML操作するたびに、コードも変わる。

          
YOUR WEBSITE, YOUR CODE

つくったページを、持ち出そう。

読みやすいHTMLとCSSをコピー、またはダウンロード。
いつでも、どこでも使えるWebサイトです。

HTMLページの構造 · index.html
{ }
CSS見た目の設定 · style.css
HTML + CSS をまとめて

1つのファイルで、すぐに表示できます。

一般的なHTML/CSS形式。特別なツールは必要ありません。

全ページをまとめて保存

ページ間のリンクも含めて、サイト一式をZIPに。

LET’S CREATE TOGETHER

操作ガイド

はじめての一歩から、自由なWeb制作まで。

PAGE SETTINGS

ページ設定

ページの情報と、自由なカスタマイズ。

ブラウザのタブと、書き出したHTMLのtitleに反映されます。

追加のHTML・CSS・JavaScriptは「高度な操作」パネルで編集できます。

MORE WAYS TO CREATE

その他のHTML要素

つくりたいものに合わせて、要素を選びましょう。

ページの構造 内容の役割が伝わるHTML

全ページで共有するヘッダー・フッターは、左の「共通レイアウト」から編集できます。

情報を整理

入力とフォーム

メディアと埋め込み

CREATE ONCE, USE EVERYWHERE

共通パーツ

一度の変更で、配置したすべてのページが更新されます。

作成済みのパーツ

新しい共通パーツをつくる

名前を付けたら、いつもの要素を追加して編集できます。

YOUR WEBSITE AT A GLANCE

サイトマップ

ページとリンクのつながりを確認。ページをクリックすると、編集対象が切り替わります。

リンクの変更に合わせて自動更新
YOUR OWN WORKSPACE

サインイン

つくったサイトを、別のブラウザでも編集できます。

新規登録のパスワードは8文字以上にしてください。

サインインしても、編集中のサイトはそのまま。クラウド保存やプロジェクトを開く操作は、ご自身で選べます。

ACCOUNT & PROJECTS

アカウントとプロジェクト

保存先を選んで、制作を続けましょう。

YOUR PLAN

Webcraft Free

β版

Webcraft Proは現在準備中です

現在のサイトをクラウドへ

サインインだけでは、ブラウザで作成中のサイトを切り替えません。現在の内容を保存するか、下の一覧から開くプロジェクトを選んでください。

クラウドのサイトを開いているときも、新しい名前でコピーを保存できます。

自分のクラウドプロジェクト

クラウドプロジェクトを読み込んでいます…

PROJECT ACTION

プロジェクトを開きますか?

現在のサイトはブラウザに保存されます。選んだプロジェクトへ切り替えます。

CHOOSE YOUR SAVED VERSION

開く内容を選んでください

このブラウザに保存された内容と、クラウドの内容が異なります。続けて編集する内容を選んでください。

MORE WAYS TO CREATE

この機能を利用するには

サインインすると利用できます。

WEBCRAFT PRO

Webcraft Pro

Webcraft Proは現在準備中です

β版
FREE

いつもの編集とクラウド保存

基本のビジュアル編集、クラウドプロジェクト、HTML属性と追加CSSの編集。

PRO

自由なコード編集を追加

  • HTML自由編集
  • JavaScript編集
  • 今後追加するPro機能

β版ではFreeプランをご利用いただけます。