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>

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>

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

スニペット(英語: 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>