Dreamweaverでフォームを作成|Web職業訓練25日目とGoogle Fontsの学習

  • 2015年4月20日
  • 2026年10月20日
  • 転職
  • 1view

Dreamweaverの授業が始まり、フォーム作成を練習しました。ハローワークの求人でも利用経験が条件に含まれる例を見たため、仕事とのつながりを感じています。これは2015年当時の記録です。

フォーム作成を繰り返す

ノートパソコンにコード、植物、そして机の上にコーヒーカップ
写真:Unsplash

この日は各時限でフォーム制作を進め、途中でIllustratorとPhotoshopの試験もありました。数日空くだけで操作を忘れ、試験への準備も浅かったと反省しています。

Google Fontsも学習

フォント選択ボタンを示す旧画面

当時は、フォントを選び、埋め込み用のコードをHTMLのhead内に置き、CSSで指定する方法を学びました。元記事の画像は旧画面なので、現在のボタン位置の案内には使えません。利用条件も、選んだフォントのライセンスを確認してください。

CSSのメモを見直す

Google Fonts設定の旧画面

授業ではベンダープレフィックスも登場しました。必要性は機能と対応ブラウザーによるため、『CSS3ならすべてに付ける』という覚え方はしません。

小数の0.5を.5と書ける場合があること、emという相対単位も学びました。ただし、emと%は同じ意味ではなく、どのプロパティに指定するかで参照する基準が変わります。

操作を覚えるだけでなく、なぜその指定になるのかも復習したいです。

参考:Google Fonts

https://fonts.google.com/

Google Fontsの旧画面
最新情報をチェックしよう!