とんだばやし.net さん プロフィール

  •  
とんだばやし.netさん: とんだばやし.netブログ
ハンドル名とんだばやし.net さん
ブログタイトルとんだばやし.netブログ
ブログURLhttp://tondabayashi-net.seesaa.net/
サイト紹介文大阪府富田林市の公民館サークル。ホームページを勉強する仲間の共同編集ブログです。
自由文大阪府富田林市の金剛公民館で、第1・第3水曜1時30分〜3時30分まで。会費1000円(月額)ホームページを勉強するサークルです。活動の様子や、メンバーの四方山話を公開中。ただいま部員募集中です!
参加カテゴリー
更新頻度(1年)情報提供30回 / 365日(平均0.6回/週) - 参加 2011/01/26 16:45

とんだばやし.net さんのブログ記事

  • 9月20日勉強会の報告
  • 前回と同様に復習です講師から頂いたフォルダー【レスポンシブデザイン課題】の中の"基本構文+レスポンシブ" ファイルをデスクトップ上に貼り付けます。tonnetのフォルダーを開きindex.html,style.cssの中を全て消します。最初から作り始めました(前回の報告書に作成方法は詳細に記述されていますのでご覧ください。故に省略します。)下記の状態になる様にレスポンシブデザインを指示します ? pc用         ? ス [続きを読む]
  • 9月6日の勉強会報告書
  • 9月6日勉強会報告書8月23日ぐらさんの報告書の続きです。今回から可変レイアウト(スマホ、タブレット、パソコンなど全ての閲覧環境に対応するレイアウト)について学びます。HTMLファイルの記述まず、HTMLファイル(index.html)に可変デザインであることを宣言するViewportを設定します。その方法は、の下にmeta:vpと記述し、tabキーを する。(tabキーを することを以下「展.. [続きを読む]
  • 8月23日の勉強会報告
  • 今回は前回の復習を一からしました。内容は前回報告で詳述されていますのでご覧ください。前回報告の続きより書きます〜。〓全体をwrapperでくくり真ん中に表示させる(htmlファイルで)body内を全体ドラッグして、shift+ctrl+Aを押す   ↓下の方に四角い欄がでるのでそこに#wrapperと記入してenter押す  ↓全体がwrapperタグでくくられます  ↓wrapperタグ上で右 してクイック編集選ぶ  ↓w980と記入してタブ押 [続きを読む]
  • 8月9日の勉強会報告
  • 今回は、「Brackets」の扱い方について復習しました。前回の学習(7月19日)と重なる部分がありますので、その部分は省略しました。前回の勉強会報告と併せてお読みください。〓 デスクトップに作った新規のフォルダに名前を付けます。→「tonnet」〓 フォルダを右 して「open as brackets object」を選び、bracketsを開きます。〓index.htmlとstyle.cssを作る。(前回に詳述)〓サイドバーに出るhtmlとcssの文字がブルー [続きを読む]
  • 7月19日勉強会報告
  • 「Brackets」の勉強をスタートしました〓〓Bracketsインストールの確認〓Brackets拡張機能のインストールの確認ファイル→拡張機能マネージャーから入手たくさんの拡張機能があるので便利なものは入れておく   ・emmet ・Autoprefixer ・display shortcuts ・Beautify の4種は最低限入れておく。入手可能タブの右上の検索窓に「emmet」と入れて検索→インストールボタンを押す※インストール済タブで確認できる※ネットで検 [続きを読む]
  • brackets使い方復習です!
  • 次回の勉強会までに時間があるので、復習です。①まずはフォルダを作りましょう。bracketsはフォルダ単位で編集しますので、必ず作業用フォルダが必要です。フォルダの作り方はわかりますか?分からない方はこちら・・・http://rsmay.com/online/shoumeisho2/body01-2.htmlフォルダの名前を適当に付けてください。。。って言うと迷う人がいるので(笑)testという名前のフォルダを作りましょう。②bracketsを開いてみましょう。brack [続きを読む]
  • 7月5日勉強会報告
  • 7月1回目の勉強会報告です。先回からの続きで、今回は、#side、footerを完成させました。<html編>1.課題コピペ用のフォルダの中の手順3から、htmlの#side、footerの中に文章をコピペします。 ①見出しは、h2タグで囲みます。 ②中身の文章は、pタグで囲みます。 ③メールフォームは、pにfoamとクラス指定をして、囲みます。 ④footerの中身は、pタグで囲みます。<CSS編>1.それぞれデザインをかけていきます。 [続きを読む]
  • Braketsについてちょっと予習です。
  • 先日、サークルでお伝えしたBracketsですが、無料なのにほんとにすぐれもの!興味を持たれた方のためにちょっとご紹介。まず、ダウンロードはこちらhttp://brackets.io/使い方の簡単な解説サイトはこちらhttp://creating-homepage.com/archives/2874(5分で学べるBracketsの使い方)先に予習しておきたい方は、やってみてください。私も始めたばかりなので、まだ使いこなせていません。・゚゚・(>_<;)・゚゚・。ガ.. [続きを読む]
  • 6月21日の報告
  • 1.今回の課題    1−1 4枚の写真(img00.jpg〜imgo3.jpg)と各見出し・文章を      それぞれ一つのグループに分けて取り込む  1−2 各写真と各小見出し(文章含む)を左右テレコに配置する2.紹介プログラム  2−1 Brackets(編集用プログラム)  2−2 CSS3(スマホ対応)  2−3 Scratch(2020年より教科採用のビジュアルプログラミングツール)3.連絡事項(勉強会開催予定日)  3−1 7月 →  [続きを読む]
  • 6月7日 勉強会
  • 1.まずはこのようなデザインを作ってみよう(1)デスクトップ上に、新規ファイルを作成、ノートパッドを開き、index.htmlをHTML形式として新規ファイルに保存、style.cssをCSS形式にして新規ファイルに保存する。index.htmlで !を打ち、CTRL+Eで変換、ひな形が出たら、言語をjaに変えて、リセットCSSを記載して、style.cssにリンクさせる(会員はすべて把握されていると思います)。(2)短縮一括打ちを行うheader+#conte [続きを読む]
  • 5月24日の報告
  • 今回は今までの復習です。目標は下の図の 外枠を作り header を完成させることです。      ①まずはhtmlファイルに以下のボックスを作りましょう。(html)      header  幅300px 高さ1000px  #main  幅480px 高さ1000px    #side   幅200px 高さ1000px  footer  幅980px 高さ30px  です     背景に色を入れて区別できるようにする。なので、body のHtmlにそれ.. [続きを読む]
  • 5月10日の報告<br />
  • 今回の講義は左の図を右の図に変えることです。右の図の赤の矢印のところが変わったところです。1行おきに色がついているところは、リストでCHILDを使っての変更です。リストでCHILDを使っての指定が今回の主な講義内容です。 childには2つのパターンの使い方があります。  ① :nth-child(odd)     :nth-child(2n+1)は  下の li の中で奇数番目を選びます      :nth-child(2n)は  下の li の中で [続きを読む]
  • 4月19日 報告
  • ブログレイアウトを作る。ショートカットキー を覚えて使う。 更新は ctrl+?s   1行コピー貼り付け ctrl+d前回配布された資料「4月4日勉強会」USBファイルから「勉強会3月」をデスクトップにコピーする。Notepad を開き、Htmlの作成   ファイルの新規作成→名前を付けて保存(名前は自由 indexとしファイルの種類はhtml)→index.html →style,cssを作成 ファイルの新規作成→名前を付けて保存→style.cs [続きを読む]
  • コリアタウン漫歩
  • ソウルに行きたしとおもえども、目下、朝鮮半島はきな臭い。で、生野のコリアタウンを二つ歩きました。まずは桃谷のコリアタウンこと御幸通り。歓迎アーチが迎えてくれる。長さ300mの商店街の左右には、キムチ専門店やら豚肉店やら飲食店、人気の韓流スターグッヅやコスメ店がずらり。キムチは、どれでもおおむね1g1円と、知り合いに聞いてきいて来ましたが、1kg600円也のダイコンキムチ、500g300円也の白菜キ [続きを読む]
  • 4月 例会報告
  • 4月5日の勉強会におりに話し合った結果をお知らせします。現在、「とんだばやしネット・ブログ」は写真などが多くたまった結果、キャパを超え古いものから削除されるという不具合が生じてきている。これを改善するために、一旦全ブログ内容を消去します。4月から新しいものを書いていく。上記のように決まりました。この話し合いのなかで出た意見で次のようなものがありました。〇ブログ記事は書かなければならないか?  → ブ [続きを読む]
  • 3月22日の勉強会報告書
  • 3月22日勉強会報告書勉強会内容 floatの復習 定義リストについての予告 次回(4月5日)の勉強会主題floatについて(講師談)☆floatはHPのデザインをするうえで最重要事項なのでよく理解に努めること。☆floatを指定する場合の2つの決まり 1.floatを指定する場合はサイズ指定が必要 css上にwidth〇〇px、height〇〇px を必ず記述すること。 2.css上でfloatを指定した場合は、html上で回り込み解除のクラス設定を必 [続きを読む]
  • 3月1日の勉強会
  • 勉強会の内容 ① ブロックレベル要素とインラインレベル要素について  ② floatについて *ブロックレベル要素とは中身の量に関係なく横いっぱいに表示される、widht100%、heightはauto(中身の大きさによって表示される、中身がないと表示しない)ブロックレベル要素の中にはブロックレベル要素・インラインレベル要素を入れる事ができます。ブロック要素タグには:h1〜h6,p,div,ulなどがあります。ブロック要素の特徴は:ブ [続きを読む]
  • 2月15日の勉強会
  • まずは前回の疑似クラスのおさらいから。first-child  子要素の一番目に適用last-child  子要素の最後の適用:nth-childの説明 (親要素からみて何番目かを指定の子要素にデザイン):nth-child(3) .......................... 3番目に適用:nth-child(odd または2n+1) .........奇数番目に適用:nth-child(even または2n) ............偶数番目の要素に適用:nth-.. [続きを読む]
  • 2月1日勉強会
  • 前半:前回の復習。後半:擬似クラス nth-child(n)とnth-of-child(n)の説明と練習をしました。★ nth-child(n)について ①擬似クラス解説最新フォルダ内のstyle.cssを選択し次にindex.htmlをCtrlキーを押しながら選択。二つ同時に選択した状態で右 してnotepad++で開く。html内で親要素と子要素の関係は<ul>タグと<li>タグ  ←親要素    もも←.. [続きを読む]
  • 1月18日勉強会
  • 次回日程のご案内  2月勉強会 2月 1日、15日   3月勉強会 3月 1日、22日 今日は、前回からの続きです。今回は、leftを完成させました。tonnet_newlesson フォルダー内のindex.htmelと、style.cssをnotepad++であけます。1番から順に入力してみてください。説明書きの下に、HTMLとCSSの画像を張り付けました。leftの中に1.リストを作ります。3つ。  ul>li*3+ctrl+E2.リストの文字を太字の16pxに変 [続きを読む]
  • 2017年1月12日勉強会
  • 2017年1月11日勉強会本日のテーマ〓豆知識(ショートカットキーについて)〓前回の宿題の解説(tonnet_newlesson)〓前回の宿題で完成した箱に中身を書くショートカットキーについて      サークルではどんどん覚えて使っていきましょう     ワード・エクセルノートパッドでもつかえます。(macは例外)      主なショートカット        コピー ctrl +c (copy)       上書き保存 ctrl +s (sav [続きを読む]
  • おめでとうございます!
  • 明けましておめでとうございます。元旦、近くの古墳公園で金剛・葛城山の間にある水越峠あたりの稜線から昇る初日の出を眺めました。あいにく少しばかり雲がかかっていましたので、予定の時刻よりも遅く、黄金の火の球があらわれました。まぶしく美しい光景でした。nonkohan先生サークルのみなさんことしもよろしくお願いいたします。元アラコキ [続きを読む]
  • 12月21日の勉強会
  • A.WEBサイトのアップデートの注意点として、初回の閲覧状態に戻してチェックする必要があります。  パソコンにはインターネットで情報をすばやく表示するために履歴として残ります。  これはユーザーが2回目以降パソコンを利用しやすいようにこのような機能が付いています。  このため初回と2回目以降の閲覧状態が異なるので初回に戻して(履歴を消去)チェックする必要があります。 IEの場合   ①ブラウザを起動させた状態でツール_.. [続きを読む]
  • 12月7日の勉強会
  • 12月7日(水)の講義内容本日は、前回講師から受け取った【tonnet_newlesson】のフォルダーの中の完成図を、ノートパットを使って、何もないところから作り上げる講義です。1.最初にデスクトップ上およびノートパッドでHTMLとCSSの準備を行う。(1)デスクトップ上にファイルフォルダーを新規作成して、名前(例えば1209tonnet newlessson等)のを付ける。(2)ノートパットを開けて、ファイル⇒新規作成⇒名前を付けて保存の [続きを読む]
  • ホームページアップしました。
  • 新しいサーバーでメンバーのホームページをアップしました。全員のホームページをアップする事を目指して、この1年頑張ってきました。まだ、アップしていない部員の方もいますが、年内にはほぼ出揃う予定です。新メンバーも4人増え、にぎやかな教室になりました。今回のHPには新メンバーは登場していませんが、おいおい追加していく予定です。ぜひ、一度、ご覧下さい。http://tondabayashinet.main.jp/doz/index.htmlメンバーのみ [続きを読む]