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

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

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

  • 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メンバーのみ [続きを読む]
  • 11月16日の勉強会
  • 今回の講義は2つの事について学習しました。まず新しいHPがUPできたのですが、立ち上がりが遅い事が起こりました。これは画像が出るのが遅いことが原因だと考えられるのでその改善方法。もう一つは、スマホ対応のHPの作り方 です。画像が出るのが遅いことを改善する方法  画像が出るのが遅い原因は   ① jpg JPG のように拡張子がバラバラになっている。      ⇒これは拡張子などは半角、小文字、英数 に [続きを読む]
  • 拡張子の変更について
  • 朝から、全員のサイトをチェックさせて頂きました(笑)うまく表示されていない方には、個別でメールを送りましたのでご確認ください。その中で、複数の方が拡張子の大文字、小文字が混在するという症状がありました。デジカメから写真を取り込む際に、機種によっては強制的に大文字の拡張子が付くようです。なんとか簡単に解決できないか?と、ググって見つけました!!http://chiptaso.hatenablog.com/entry/2015/03/25/224453こ [続きを読む]
  • 11月2日の勉強会
  • 今日の勉強会はホームページの作成では無く、作成したホームページを公開するためにスペースを借りる「レンタルサーバー」の登録手順を学びました。今までのサークルメンバーは無料のレンタルサーバー「FC2」のスペースを借りてインターネット上で公開していましたが、広告を貼られたり色々と無料ならではの弊害も有り有料のサーバーと契約する事に決まった次第です。新たに契約するレンタルサーバーは「ロリポップ」です。マスコ [続きを読む]
  • 10月19日の勉強会
  • mozerの続き「商品メニュー」のところを開く「おすすめパン」と同じ背景画像を付ける。前回の「おすすめパン」のcssを見ると簡単にできます。「おすすめパン」のidはbreadでした。「商品メニュー」のidはpriceでした。cssの#breadのbackground-imageを見て、コピーして貼り付ける。更新して背景画像が読み込めたことを確認してください。cssに飾りを付けたときに何の飾り化を分類するために、コメントタグをつけておくと後から見 [続きを読む]
  • 10月5日の勉強会
  • 9月22日の続きクロワッサンとデニッシュ、ライムギパンの写真をHTMLに入れてください。myindex.htmlに入れる。imgを打って、ctrl+e で展開。srcのところに写真の住所を入れる。imgの中に入っている「cro.jpg]ctrl+sで保存。更新は、F5でできる。あと2枚(デニッシュ、ライ麦パン)入れる。imgを打って、ctrl+e で展開。srcのところに写真の住所を入れる。<img s.. [続きを読む]
  • グーグルウエブストアで便利な拡張機能を手に入れよう
  • さて、昨日に続いてクロームの便利な拡張機能についてのお話です。グーグルの検証機能はweb制作に欠かせない便利な機能でしたね。デバイスの違いによるサイトの見え方から、サイトの成り立ちまで詳しく見ることができました。この機能を使っていろんなサイトを見てみてください。プロのサイトにはたくさんの知恵が詰まっています。どんどんパクって・・・参考にして、ご自分のサイトを充実したものにしてみましょう。そのためには [続きを読む]
  • 9月21日の勉強会
  • 今日の勉強会では、かなり脱線していまい、申し訳ありません。。・゚゚・(>_<;)・゚゚・。なかなか、MOZERが終わらなくて焦りまくっています。けれども、今日お話したブラウザのお話はとても大事な事なのできちんとブログにまとめておきますね。まずは、ブラウザをダウンロードしましょう。おススメのブラウザはグーグルが提供するクロームです。拡張機能が豊富で、WEB制作には欠かせないブラウザだと思います。https://www.google.co.jp/chr [続きを読む]