自主練の記事一覧

HTML&CSS自主練|メモ|サンプルページ『亀井野酒造』を作った際の参考サイトなど

HTML&CSS

サンプルページ『亀井野酒造』を作りました サンプルページ 亀井野酒造 HTML&CSS自主練:サンプルページ『亀井野酒造』 – アラフォー専業主婦が緩くプログラミングを学ぶブログ 手順としてはざっくり下記の流れです 何を作るか決める(山梨にある酒造って事にする) 情報収集(酒蔵のサイト巡(…続きを読む)

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自主練|メモ|ハイパーリンクの続き(8/4加筆修正アリ)

HTML&CSS

昼間の続き 相対パスの指定方法について、自分なりに纏めた図解(? 同階層への指定 ./ 上階層への指定 ../ 同階層への指定「./」は省略する事もできるけど 理由がない限りは記載した方がいいとこの事(ブラウザによって作動しない可能性?) 8/4加筆 (間違いがあったら指摘していただけるとありがたい(…続きを読む)