formとJavaScriptを組み合わせるformとJavaScriptを組み合わせる事によって、CGIを使わなくても、動的な動きを実現する事ができます。Webページが表示されたり、リンクがクリックされたりといった様々なイベント発生時の処理をイベントハンドラと言います。W…

修了生の採用が決まりましたいつも職場見学にうかがわせて頂いている、 某web設計会社にやっと、修了生を送り込む事ができました。 ここはいい加減なコーディングやデザインではやっていけない会社ですので、 頑張ってスキルを上げて欲しいです。 そして、彼…

高校の「情報」はどんな事を学ぶの？21歳より若い人にとっては情報リテラシーは読み書きを覚えるように当たり前の事になっています。これからのweb制作はそのような人を相手にしていくわけですから高校生が3年間で習うことをこの１週間でザッと目を通して覚…

10月31日の修了式昨日の10月31日に修了した3ヶ月コースでは、 修了前に面接に行った最年少の20代前半が採用されたと報告を受けました。 そして、もう一人の20代は早々とフリーとして仕事を受注しました。そして、修了間際になり3人の人がwebでの仕事に見切り…

10月31日修了クラスの卒業制作なかなか、クオリティの高いものが出来上がりました。想定ユーザーを考えて、対応ブラウザを設定しています。【IE6〜対応】 居酒屋 伊丹亭 高木一嘉法律事務所 山本建具株式会社 バリ式エステ Bameyou【IE7〜の対応】 天然酵母…

卒業制作プレゼンデー2日目7月25日開講のクラスがあと２日で修了です。 26日から明日までの3日間が卒業制作のプレゼンテーションです。 昨日徹夜した人も、多くいました。 仕上がった人からプレゼンしています。明日最後のプレゼンが行われます。 残すところ…

当クラスでは商用サイトを作りますWEB製作者は毎日毎日色んなサイトを見まくります。例えばフレンチのレストランサイトを受注したなら、サイト設計をする前に検索上位100サイト位のフレンチレストランサイトを検証します。そうすることによって検索上位に来…

就活ツールを作ろうWEB制作現場への転職の時に必要になってくるのが作品です。 そのため、求職者支援訓練「基本から学ぶWEB制作科」ではできるだけ多くの作品作りをします。 作品は、授業中に作った商用サイトと、自信の作品集であるポートフォリオサイトで…

WEB制作科ってどの職種を目指す学科？皆さんはどんな職種からWEB制作への転職を考えてこられたのでしょうか？ 「基本から学ぶWEB制作科」の転職対象職種は、WEBデザイナーやコーディングスタッフです。 具体的な業務内容は「ウェブ制作現場の職種と必要なス…

コーディングをタイピングhtmlコードやスタイルシートのコードを入力いく事をコーディングと言います。コーディングするためには正確でスピーディーなタイピングが必要になります。タイピングが不慣れな人は後1ヶ月ありますので、毎日1時間以上はタイピング…

google chromeとFirefoxをダウンロードしよう それでは、クラスで使用するブラウザのダウンロードを自宅でやってみましょう。まず、google chromeをダウンロードしてみましょう。アドレスバーにgoogle.co.jp/と入力します。アドレスバーとはブラウザのメニュ…

ブラウザとは何ですか？ブラウザって何？見学の時のアンケートで「ブラウザとは何ですか？」の質問が在ったと思います。ブラウザとはネットを閲覧するためのツールです。windowsであればInternet Explorerがデフォルトでインストールされています。Macであれ…

「基本から学ぶWEB制作科」は11月14日開講（9時〜14時25分＋自習1時間）です。受講まで1ヶ月ありますので、PC基礎科を修了してから受講される方やPC操作になれていない方はスムーズなPC操作とタイピングができるようになっておきましょう。12日あたりからフ…

一番前の一番左の受講生がナビボタンで苦労していたので！！png24で制作した透過pngの見え方と、画像にa:hoverの機能を持たせるjsの説明です。サンプル※サンプルは別窓で出ます。上のURLの3つのボタンのマウスオーバー画像は透過pngでなおかつ、 ボタン部分…

先週に「見本を教えてください」という要望がありましたが、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)さん制作のマクロコードが 掲載…

1)head内に、lightbox用のjsファイルと、cssファイルのリンク、そして以下のjavascriptを挿入します。 <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(function() { $('a.lightbox').lightBox(…</link>

１ヶ月作ってきた「クマヒゲの世界一やさしい」のケーキショップサイト。 ビルボード部分にJQueryのsliderを導入してみましょう。【準備】 1)昨日制作の５枚のビルボード画像をjpgでそれぞれ保存。名前はmain_photo.jpg、main_photo2.jpg、main_photo3.jpg、…

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…