webサイト制作 要件定義の作成
webサイト制作要件定義とは、Web サイトやアプリケーションなどの開発初期段階において、発注者と受注者の情報共有のために、実装すべき機能や満たずべき性能を第３者でも分かるように明確化しておく作業のことです。要件定義は、Web サイトやアプ...
webサイト制作
webサイト制作 webサイト制作 Webサイトの構成表の作成
webサイト制作Webサイトの構成を明確にする為に必ず、Webサイト構成表を作成しましょう。「サイト全体で何ページになるか？」「どのページにどんな内容のコンテツを入れるか？」「どういう順番でコンテンツを並べたら、ユーザーが見やすい・解りやす...
webサイト制作 webサイトにGoogleAPIを導入する
webサイト制作Googleが提供しているGoogleAPIを使うことで簡単に様々な便利な機能をwebサイトに導入する事が出来ます。Webサイトにスケジュール表やメールフォームを追加したい場合、PHPで作成する事が可能ですが、「Google...
webサイト制作 TwitterやFacebookなどのSNSをサイトに埋め込む
webサイト制作Webサイト上で新着情報や更新頻度の高い情報を表示させたい時には、TwitterやFacebookなど既存のSNSのプラグインを使うのが非常に便利です。SNSのプラグインを使用すれば、わざわざHTML内のデータを触る事無く、...
JavaScript コピーライトの記述方法
webサイト制作JavaScriptフッター要素などにあるコピーライトの記述。サイトによって色々な書き方がありどう書いて良いか迷う所ですが、そもそもコピーライトの記述は絶対に必要なものでは無く、記述しようがしまいが、日本では著作物は法律でち...
webサイト制作 Faviconの設定
webサイト制作favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon（フェイバリット・アイコン：お気に入りアイ...
css3 カンプ作成の練習
css3webサイト制作１、cssファイルは外部リンクでリンクさせ、適切なリセットをかける事２、ロゴ画像をSVG形式で作成し、h1の背景画像で表示。この際、h1のテキストはcssで隠すように。３、webアイコン（FontAwesome）を使...
CSS基礎 第1回実技試験の内容
webサイト制作CSS基礎作例今回の実技試験の概要フォルダー名を「自分の名前_test01」として、試験終了後、講師に提出する事画像は各自で用意し指定されたサイズにトリミングする事headerの幅960px高さは350px。背景画像に「CA...
Photoshop Photoshopによるスライスとコーディング
Photoshopwebサイト制作既存のサイトを真似してコーディングしてみるのは、非常に良い練習なので、積極的にやりましょう。ただ、練習に向いているサイトとそうでないサイトがあるので、注意が必要です。作業手順1. 既存のサイトのキャプチャー...
CSS基礎 複数ページの制作
CSS基礎webサイト制作最近ではシングルページのサイトもよく見かけますが、ほとんどのサイトは複数ページをリンクさせていくという形でこちらの方が一般的です。複数ページでサイトを作る際に気をつけないといけないのがフォルダー構成です。以下のよう...