webサイト制作の勉強|2017月7月クラスブログ

webサイト制作の勉強に関する解説ブログです。

webサイト制作

アイコンをwebフォントで表示

以前、授業でGoogleのwebフォントを使用してみましたが、最近はテキストだけでなくアイコンもwebフォント化されていて、それを使用しているサイトもよく見かけます。 フォントなのでテキストとのベースラインが合わせやすい フォントなので拡大縮小はcssのfo…

第1回実技試験

今回の制作の仕様 header要素の幅960px高さは350px header画像は自身で制作し、「CAFE de FELICA」の文字を画像に入れる h1はテキストを挿入し、cssで隠す ボタンは4つを均等の幅で設置し、高さは50px コンテント要素の幅650px 高さ500px フッター要素の高さ…

クライアントワークの目標

未経験者にとってポートフォリオをどうやって作れば良いか? 非常に悩むところです。http://katoshun.com/blog/からの抜粋です。 未経験者のポートフォリオに載っている作品は、以下のようなものがほとんどです。スクールの課題で作った架空の会社のサイト …

無料サーバーの取得とデータのアップロード

制作したデータをインターネット上で表示させるためには作ったデータをサーバーにアップロードする必要があります。 サーバーには無料のものと有料のものがありますが、授業では無料サーバーを使用していきます。 webサイト制作においてサーバーは必須のもの…

adobe brackets|オープンソースの高機能テキストエディタ

adobe bracketsとは? HTMLやCSS、JavaScriptのコーディングに特化したOSS製テキストエディターとして、2011年12月から開発をスタートし、Windows版やmacOS版に限らずLinux版(Debパッケージ)をGitHub上で公開している。Adobe SystemsはBracketsを「HTML/CSS/…