サイタWeb・デザインスクールホームページ作成講座 福岡 ホームページを作らんね レッスンノート HTML CSSの便利な確認の仕方など

HTML CSSの便利な確認の仕方など

ホームページ作成講座のレッスンノート

レッスンノートって?レッスンノートって?

本日はお疲れ様でした。
いかがでしたでしょうか。

本日の復習内容やご確認いただきたいことをまとめておきますね。

★GoogleChrome検証方法
検証はソースコードを見るためだけではありません。
padding,marginの数値を変えてみること、cssを作動させない、classなどを追加してみる
と非常に使える便利な機能です。
たとえ書き換えても実際のソースコードは変更されませんからその点注意してくださいね。

★GoogleMapを白黒で
https://www.nedia.ne.jp/blog/tech/website/2018/09/18/12601
画面と垂直になるZ軸を活かした作業となります。
色合いは上記URLにある内容をいろいろ試してみましょう!

★改行がうまくいかないときのコツ
とりあえず<p></p>より【<br>】です。
必ず改行されますから確認にはぴったりです。

★wordpress コンタクトフォームの修正
https://ferret-plus.com/8560
「お問い合わせ」>「コンタクト フォーム」を選択し、 フォーム一覧の中から編集したい フォームの「編集」 リンクをクリック
して進めます。
idとかクラスは特に決めなくていいです。

○参考
webレスポンシブサイトおすすめテンプレ
「webレスポンシブ テンプレ」
で検索してみましょう。
http://photoshopvip.net/97760
海外のサイトに誘導されますが、いろんなものが使えます。
このレッスンノートを書いたコーチ

言語HTML、CSSや画像加工に10年以上携わる講師と実務を通して学ぶ

目的・種類別にホームページ作成・作り方講座を探す

新着レッスンノート

原則始めたら閉じる! これを忘れないでください。忘れると大幅にデザインが崩れることもあります! <html>~~~</html> 左がHTMLを始めます 右が終わります。 例 <html> <head> <meta charset="utf-8"> <title>無題...

.jimdoで自身のスキルに合わせて作業できる環境を整えます。 ※後で変えることもできます 1.コーディングのスキル HTMLやCSS(スタイルシート)を自分で入力できるかどうかです。 入力できなくても問題なく作ることができるので、入力しなくてもできる環境に設定しましょう。 2....

★1.FTPソフトでデータを全てダウンロードする ★2.データが全てパソコン内であれば、仮にサーバーにアップした際にどのように表示ができるか確認ができます。 この環境を「ローカル」と言います。 ★3.ローカル環境で修正・更新ができますが、万が一ミスしてわからなくなったらいけないの...

1.サイトの階層の作り方 フォルダ分けによる階層化 https://www.homepage-tukurikata.com/hp/folder.html こちらを読んでいただき分かりづらい点があれば次回一緒にやっていきましょう・ 簡単に言えば 「カテゴリに応じたフォルダ分け」で画...

・<head>の中に書き込む方法 1.<link rel="stylesheet" type="text/css"・・・ 2.<style type="text/css"> <!-- --> </style> 今回は2.を進めていきます。 <style type="tex...

レッスンノート ページ先頭へ

ホームページ作成情報

サイタのホームページ作成講師がブログを通して、ホームページ作成情報を発信。更新情報のチェックはこちらから!

twitter

ホームページ作成の先生

@HomepageCyta