MyNoteを初めて使うなら
SVG Tutorialから
MyNoteには大きく分けて、 HTML文書を編集する機能と、 SVGで文字や図形を描く機能があります。
では初めてMyNoteを使うとき、 どちらから始めればよいのでしょうか。
MyNoteでは、 まずSVG Tutorialから始めることをおすすめしています。
SVGは「自由に置いて考える」
HTML文書には、 見出し、段落、画像などを上から下へ組み立てていく 文書としての構造があります。
一方SVGでは、 画面の好きな位置に文字や図形を置くところから始められます。
線を一本引いてみる。
文字を置いてみる。
丸や四角を描いてみる。
少し右へ動かしてみる。
最初からページ全体の構成を決める必要はありません。
「まず置いてみる」から始められる
MyNoteのSVGでは、 文字、線、図形などを自由に配置できます。
文字の大きさや色を変えたり、 Web Fontを使ったり、 通常の文章とは違った文字表現を試したりすることもできます。
思いついたものをまず画面に置き、 後から動かして考える。
この感覚が、 MyNoteの「描く」機能を知る一番分かりやすい入口ではないかと考えています。
その次にHTMLへ
SVGに少し慣れたら、 次はHTML Tutorialを試してみてください。
HTMLでは、 見出し、文章、画像、表などを使って、 上から下へページの骨格を組み立てていきます。
HTMLやStyleの知識を最初から全部覚える必要はありません。
画面を見ながら、 「もう少し文字を大きくしたい」 「色を変えたい」 「横に並べたい」 と思ったところから試してみてください。
最後はHTML+SVG
MyNoteが目指しているのは、 HTMLかSVGかを選ぶことではありません。
文章を書くHTMLと、 自由に描くSVGを、 ひとつのページの中で組み合わせることです。
書く。
描く。
そして、それらをつなげる。
まずSVG Tutorialから、 MyNoteのページ作りを体験してみてください。

コメント