HTML＆CSS自主練｜メモ｜サンプルページ『亀井野酒造』を作った際の参考サイトなど
HTML&CSSサンプルページ『亀井野酒造』を作りました サンプルページ 亀井野酒造 HTML＆CSS自主練：サンプルページ『亀井野酒造』 – アラフォー専業主婦が緩くプログラミングを学ぶブログ 手順としてはざっくり下記の流れです 何を作るか決める（山梨にある酒造って事にする） 情報収集（酒蔵のサイト巡（…続きを読む）
自主練の記事一覧
HTML＆CSS自主練｜サンプルページ『亀井野酒造』
HTML&CSSsample：亀井野酒造 山梨にある酒蔵と言う設定で架空のサイトのトップページを作りました https://rakuda-san-desu.github.io/sample2018-10-09/ レスポンシブにも対応 気になることはまだまだ多いけど 修正し続けると収拾がつかなくなりそうなので一先ず公（…続きを読む）
HTML&CSS自主練｜メモ｜マーク付きのボタン
HTML&CSS上手く出来なかったマーク付きのボタン 見本のボタン こういうヤツ。 シンプルで素敵です。 因みにhoverで反転です。 マークがなければMOREをセンタリングでOKだけど マークが入りますよね。 スペースで位置調整は卒業したいしなぁ。と、悩みました。 最初に考えたボタン ＞の部分はFontAweso（…続きを読む）
HTML&CSS自主練｜メモ｜サイト模写とflex boxと半円形とmarginのマイナス数値
HTML&CSSサイト模写始めました サイト作成の練習としてサイト模写をすることにしました。 「コーディング 模写 おすすめ」とかでググりまして こちらのサイトを模写することに pas-pol.jp 自分ルールとして キャプチャ画像からコードを考えて書く なるべく検証やソースを見ない でもわからなかったら覗く ho（…続きを読む）
HTML＆CSS書籍｜メモ｜targetとinheritとfirst-child
HTML&CSS作りながら学ぶHTML/CSSデザインの教科書 6章、リンク設定に関しての諸々。 リンクの設定自体と言うより、いろんなナビゲーションの作り方・考え方について。 大切なのは閲覧者がいかに見やすく、使いやすいデザインであるか。と、言う事。 カッコイイ！素敵！！ってなるのはもちろん大切だけど 操作しづらい（…続きを読む）
HTML&CSS書籍｜メモ｜float解除とtimeタグとマークアップと言うもの
HTML&CSS作りながら学ぶHTML/CSSデザインの教科書 本日はサクサクと5章を。 ページヘッダーやページフッダーの追加と2カラムのレイアウトなど カラムデザインと言えばfloat floatの不具合回避として Progateでは空のdivを挿入してfloat解除する方法を教わりましたが こちらでは疑似要素を（…続きを読む）
HTML＆CSS書籍｜メモ｜line-heightと画像関連タグ
HTML&CSS作りながら学ぶHTML/CSSデザインの教科書 前回は1~2章 準備とメインの部分のマークアップ。 今回は3~4章。 cssによる装飾と画像の挿入です。 画像が入るとにぎやかになりますね。 新しい知識もいくつか。 line-height キレイに見せるためには丁寧にデザインしましょう。 と、言う事で（…続きを読む）
HTML&CSS自主練｜メモ｜ハイパーリンクの続き（8/4加筆修正アリ）
HTML&CSS昼間の続き 相対パスの指定方法について、自分なりに纏めた図解（？ 同階層への指定 ./ 上階層への指定 ../ 同階層への指定「./」は省略する事もできるけど 理由がない限りは記載した方がいいとこの事（ブラウザによって作動しない可能性？） 8/4加筆 （間違いがあったら指摘していただけるとありがたい（…続きを読む）
HTML&CSS自主練｜メモ｜ハイパーリンク
HTML&CSS引き続き 練習問題 基礎 | Web基礎練習問題サイト こちらのサイトのHTML基礎問題の続き。 ハイパーリンクのまとめ <a href=”リンク先のパス”>表示させる文字</a> パス＝path＝道・道のり ちなみにhrefは「エイチレフ」って読むの（…続きを読む）
HTML&CSS自主練｜メモ｜見出しと改行とリスト
HTML&CSSらくだ🐫、お小遣いもらったらProgateの有料講座始めるんだ。 ひとまずサイトを公開できましたので ネットで基礎的な問題集を探してやっております。 練習問題 基礎 | Web基礎練習問題サイト ひとまずこちらのHTML基礎問題を昨日・今日でやりました。 で、Progateで出てきて（…続きを読む）