webサイト制作の勉強|2019年10月クラス用ブログスマートフォン用の表示で見るwebサイト制作の勉強|2019年10月クラス用ブログファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。以前、授業でファビコンを作成した際には、一度、png等のビットマップで作成し、そのあと.ico用のジェネレーターで変換していましたが、とうとうファビコンもSVG形式が対応されるようになりました。最近はcss3のアニメーションだけで色々な事が出来るようになっています。ホバー時のように小さいアニメーション(マイクロインタラクション)であればcssのみで充分表現できます。webデザインワイヤーフレームとは「サイトの設計図」です。サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。最近よく見かけるメガドロップダウンメニュー。webデザインレイアウトを考える時に常に独創的でユニークなレイアウトである必要はありません。それどころか訪問者の多いサイトを見れば、多くのサイトで似たようなレイアウトが採用されています。それは偶然でも手抜きでもありません。関わらず、ウェブで提供されている情報にアクセスし利用できること」を意味します。サイトマップとは、サイトの全体像を描く見取り図であり、サイト内での情報の分類を定義するものです。サイトマップによってサイトの骨格を設計し、掲載する情報の組織化・構造化を進めていきます。複数人でコーディング作業を進める場合、共通のルールや約束事を「コーディング規約」として事前に決めておきます。担当者が独自の勝手なルールでコーディング作業を進めてしまうと、その担当者以外の者がコーディング作業する事が出来なくなってしま...コーディングルールの設定2020-01-09ガントチャートの作成webサイト制作クライアントワークが来週から本格的に始まります。授業と平行でクライアントワークの準備を進めて行くため、どうしても厳しいスケジュールになりがちです。その為、しっかりとしたスケジュール管理が必要となってきます。今回トレースするサイトは非常にシンプルで今時な感じがする全画面を使ったグリッドデザインで出来たサイトです。今の段階で細かい部分の作りをするのは少し難しいので、まずはワイヤーフレームのようにレイアウトのみにしぼって作っていきましょう。www.bl...モバイルファーストでの既存サイトのトレース2020-01-08タッチアイコンの設定方法webサイト制作スマートフォンの場合、PCのようにブラウザーから検索してWebサイトに行くよりも、ホーム画面に登録してあるアプリからワンタッチでWebサイトなりWebサービスを利用するケースがほとんどです。なるような秘訣は無く、とにかく自身のコンテンツの品質を高める事が結果として検索結果の上位表示に繋がるという事をしっかりと理解しましょう。サイトやアプリケーションなどの開発初期段階において、発注者と受注者の情報共有のために、実装すべき機能や満たずべき性能を第3者でも分かるように明確化しておく作業のことです。サイトやアプリ開発において非常に重...要件定義の作成2019-12-19クライアントワークの目標webサイト制作いよいよクライアントワークが始まります。クライアントワークを行う目標を明確にしましょう。http://katoshun.com/blog/からの抜粋です。未経験者のポートフォリオに載っている作品は、以下のようなものがほとんどです。スクールの課題で作った架空...クライアントワークの目標2019-12-16Webサイトの構成表の作成webサイト制作Webサイトの構成を明確にする為に必ず、Webサイト構成表を作成しましょう。...Webサイトの構成表の作成2019-12-14webサイトにGoogleAPIを導入するwebサイト制作Googleが提供しているGoogleAPIを使うことで簡単に様々な便利な機能をwebサイトに導入する事が出来ます。Webサイトにスケジュール表やメールフォームを追加したい場合、PHPで作成する事が可能ですが、「Googleカレンダー」と「Googleフォーム」を使うのも選...webサイトにGoogleAPIを導入する2019-12-13TwitterやFacebookなどのSNSをサイトに埋め込むwebサイト制作Webサイト上で新着情報や更新頻度の高い情報を表示させたい時には、TwitterやFacebookなど既存のSNSのプラグインを使うのが非常に便利です。JavaScriptフッター要素などにあるコピーライトの記述。サイトによって色々な書き方がありどう書いて良いか迷う所ですが、そもそもコピーライトの記述は絶対に必要なものでは無く、記述しようがしまいが、日本では著作物は法律でちゃんと守られます。2、ロゴ画像をSVG形式で作成し、h1の背景画像で表示。この際、h1のテキストはcssで隠すように。5、各画像を指定され...カンプ作成の練習2019-11-21Faviconの設定webサイト制作favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。headerの幅960px高さは350px。既存のサイトを真似してコーディングしてみるのは、非常に良い練習なので、積極的にやりましょう。練習に向いているサイトとそうでないサイトがあるので、注意が必要です。最近ではシングルページのサイトもよく見かけますが、ほとんどのサイトは複数ページをリンクさせていくという形でこちらの方が一般的です。複数ページでサイトを作る際に気をつけないといけないのがフォルダー構成です。略であり、検索エンジン最適化を意味する言葉です。検索結果でWebサイトがより多く露出されるために行う一連の取り組みのことを指します。Search)とは、...SEO概論プロフィールid:yachin29webサイト制作の勉強について解説しているブログです。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。