先週に「見本を教えてください」という要望がありましたが、Cacooが答えていますよ！Cacooにテンプレート機能が搭載されました。Cacooテンプレートで、手軽に図をかきませんか【ワイヤーフレーム（ページ構造設計）について】 法則はありません！ 制作会社で…

”百聞は一見にしかず”なので、実例のpdfをリンクしておきます。Web制作ガイドライン（株式会社ユーザー・センタード・デザイン） Web制作ガイドライン（筑波大学） Web制作ガイドライン（兵庫県）上記のpdfはいずれも大規模サイトの物なので皆さんは自分の制…

サイト構造設計・ページ構造設計については全ての生徒が理解できたと思います。【サイト構造設定】 いわゆるツリー構造ですね。TOPページがあり、その直下にグローバナビにリンクされた第一階層のリンクページがあり、その傘下に第二階層のページがぶら下が…

中途採用で未経験者を採用する会社はそんなにありません。WEB制作会社の規模は様々です。20代の人であれば大規模な組織に派遣で組み込まれて見るのもいい経験です。巨大なサイトの中の歯車の一部で働く事によって全体の仕組みやWEB制作の標準が見えてきます…

photoshopとIllustratorのみインテリアコーディネーター科でも授業を受け持っていますが、生徒さんのご要望でまとめて欲しいと！ここで、webのクラスなら「ググれ○す」と言いますが、インテリアコーディネーターのクラスは週のうち4日はPCを使わない授業を受…

dlとは「定義リスト」です。 定義リストでは、dlの中にdt（定義する用語のリスト）と、dd（用語の説明のリスト）が必ず対になってマークアップされているリストの固まりの事です。 tableじゃ駄目なの？何故なら定義リストなので HTML 文章の論理構造が保たれ…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

9月12日は、ブロックレベル要素を新聞の記事や広告の様にエリアに分けて隙間なく並べていく事のできるJquaryを演習します。本家はここ→jquery.masonry.min.js使用例は、優れたWEB設計をしている大阪のWEB設計・制作会社である「株式会社ナフタリン」制作のタ…

サーバーにフォントをアップロードしてwebページに表示させる事ができます。 ライセンスの扱いには十分注意。 フリーフォント以外なら、ライセンス元に承認を頂く必要あり。 /* フォントファイル（.ttf）を読み込む */ @font-face { font-family: 'フォント…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

クラス用に以下のブログに設定方法を図解したのですが、wardpress版 求職者支援「基礎から学ぶWEB制作科」講師ブログ 秀丸マクロの設定法 ご要望がありましたのでマクロの出所も紹介します。 こちらに、ばりあん (varian35558)さん制作のマクロコードが 掲載…