WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2021年8月クラス

10月26日の作業データ

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>background-clipを使ったアニメーション</title> <link rel="preconnect" href="https://fonts.googleapis.com">…</link></meta></meta></meta></head></html>

Webクリエイター能力認定試験 エキスパート サンプル問題をやってみる

www.sikaku.gr.jp http://school.yachin29.com/web-ex/start.html UIデザインが勉強出来るUIデザインクイズサイト「can't unsee」 cantunsee.space

ファビコン・タッチアイコンの設定

ファビコンの設定 ブラウザーによって微妙に記述が異なりますが、IE11以上であれば、.icoの場合 <link rel="icon" href="favicon.ico"> .pngの場合 <link rel="icon" href="favicon.png" type="image/png"> でOKです、 サイトのルートディレクトリに「favicon.ico」という名前でファイルを配置しておけば、下層ページでも上記の記述が無くてもファビコン</link></link>…

10月19日作業データ

contactページ <form action="" method="post" id="g-form"> <dl> <dt>お名前</dt> <dd><input type="text" name="" required placeholder="お名前を入力して下さい" autocomplete="name"></dd> <dt>メールアドレス</dt> <dd><input type="email" name="" required placeholder="メールアドレスを入力して下さい" autocomplete="email"></dd> <dt>お問い合わせ内容</dt> </dl></form>

スプリットレイアウトの作成(レスポンシブ対応)|10月12日の作業分データ

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>スプリットレイアウトの作成</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

ポートフォリオの制作

ポートフォリオ制作でまず自身が把握する事は中に入れるコンテンツの分量です。今までの授業で作ったデータをもう一度見直し、手直しする物は手直して、ポートフォリに掲載する物を決めましょう。 次にwebのポートフォリオを何で作るかを決めましょう。選択…

スニペットを使ったボタン作成

スニペット(英語: snippet)とは、「断片」という意味で、再利用可能なソースコード、マシンコード、またはテキストの小さな領域を表すプログラミング用語である。 pulpxstyle.com jajaaan.co.jp

9月28日の作業データ+ 10月5日のbxslider部分を追加

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cafe de FELICA</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

10月5日の作業データ

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>スプリットレイアウトの作成</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>