ホームページ作成のすすめ rev.y!
パソコンでホームページをやってたことがあるけれど、今度はスマホやタブレット用ホームページも作ってみたい、というホームページ。
Since2017-07-07
| 新着記事 2019-03-27更新 ■[MyPC Life] MacWin Internet ◇ 1999年 ホームページデビューの頃 ◇ 2019-03-28 ■画像アップした中古機器を、宅配便でリサイクルセンターに送りました。廃棄PC無の場合は、配送料自己負担でPC関連機器を無料引取りして貰えます。廃棄PC有の場合は、送料着払いOKで、PCを箱詰めした隙間に中古物品をいくつ入れても全部無料で引き取りして貰えます。 2018-09-08 ■ xxx xxx xx xxxx x xxxx 2018-08-04 ■「20XX年 某ヤフオクの過去戦跡」追加 2018-08-02 ■CSSレスポンシブルWEB作成は、今年3月から手掛けているトライアル企画ですが、ここまでの課題点をいくつか挙げてみました。カラーのフォントの部分に記しましたが、問題解決に至ってのちのち消せるエリアになるといいと思います。 2018-07-06 ■「タイトルについて」の本文をアップしています。スマホでフォントサイズの表示が課題なので、この部分は既定フォントでベタ打ちのみです。 2018-07-05 ■「中古本」テーブルを3列から4列にしました。最下段はMCP赤本6冊ほか昨年末駅前ブックオフに売ったモノで1冊5～50円、店内の本と自宅の書棚が入替えになってきます。 2018-07-04 ■ブックテーブルを追加。 2018-06-19 ■テーブル枠に余白 margin padding を設定しました。左右テーブル枠をいったん縦に並べて表サイズも調整を試みます。 2018-06-10 ■画像テーブル枠ですべての画像が表示されるように修正しました。また、Androidで「新着」のフォントが表示されない点の修正を試みていますが、CSSとFontタグを併用しなければなりません。2018-06-08 ■「プレゼント・グッズ」コーナー(画像のみ)を追加しました。出品するに相応しいモノでもなく、派遣登録や店頭デモ・アンケート等での戴きモノコレクションですが、当たり前のテーブル作成で思いがけず手こずりました。CSSで画像が1件ランダムに消えたりします。焦りますね。 2018-06-01 ■テーブル枠サイズが何故かぴったり合いませんが、時間がかかり過ぎたのであまりこだわらず先に進みたいと思います。テスト用テーブル枠(bordercolor)を元に戻しました 2018-05-30 ■テーブル枠サイズ調整、まだまだ作業中。左右テーブルのサイズが揃っていません。2018-05-19 ■画像スライダーとタブメニューを断念、関連するコードを削除しました。 2018-05-14 ■テーブル枠サイズ調整、まだまだ作業中、画像のサイズ不揃いをおおまかに修正しました。2018-05-02 ■テーブル枠サイズ調整、作業中です。 2018-04-30 ■ 2018-04-27 ■テーブル枠をcssで変更できるようにしました。作業中です。 2018-04-24 ■こちらの「新着」テーブル枠のサイズ調整をしました。コンテンツ画像を一部変更しています。 2018-04-12 ■無料プランなので広告が入りますが、広告タイプのタテヨコは「ホームページの管理・編集」の「設定」で簡単に切り替えできます。有料プラン(ジオプラス,ジオライト)かYahooBB会員なら広告非表示。 2018-04-09 ■「レスポンシブルWEBデザイン」について調べてみました。スマホで「新着記事」が読みづらかった部分のテーブルを修正(colspan)しました。 2018-04-06 ■（ページ内各テーブル別のCSSレイアウトを勉強しなければなりません。) 2018-04-03 ■ ■コンテンツ枠レイアウトを変更しました。 2018-03-26 ■ 2018-03-23 ■文字コードUTF-8, ローカルPCではエディタがShift_JIFなのでYahooでは文字化けします。 2018-03-23 ■仮タイトルrev2, テスト画像2件追加 2018-03-20 ■テスト画像2件追加 2018-03-15 ■FTPESを確認 FTPデータアップロードを暗号化設定にしました。 2018-03-11 ■家にある中古デジタルグッズ は 出品 にしてみようかとか考えてスマホで撮影。 |
※20XX年 某ヤフオクの過去戦跡 [開始] →[落札価格] \1,000 →\2,000 (PCソフト） \1,000 →\1,000 (PCソフト） \1,000 →\3,100 (PCソフト） \2,000 →\2,000 (中古タブレット） \1,000 →\4,600 (PCソフト） \2,400 →\5,750 (PCソフト） \ 660 →\ 770 (PCソフト） \1,000 →\8,350 (PCカメラ2個セット） 皆さんもいかがですか？ |
| お気楽節約生活型録 について 20世紀末1999年某月に、中古のMacを譲ってもらってインターネットにつながって、半年経ってホームページをはじめた頃からのテーマが「リサイクル」でした。「節約」というのは贅沢にケチるという意味ではありません。あの頃の自分といえば仕事なんかボチボチで、ほんとにホントの赤字状態で社会の底辺で、それでも運良く中古PCと軽乗用車を計10万円位で譲ってもらって、フリマとかネットオークションでお小遣い稼ぎをやってみたいなんて考えていて、引越しの時も捨てずに段ボールに詰めて部屋の中に放っておいたモノでなんとかなるかも、などと。処分するというのもなかなか億劫なお仕事ですけど、手掛けてみるとそれなりにあれはアレで楽しかったかも。 中古品は1点モノだから、愛着があって捨てられなかった物だったり、流行り物とちがってもう売っていないモノだったり、そんなモノがまだ知らなかった人たちには新鮮だったりしてね。 さてホームページ作成「スマホ用」ですが、まずは基本的にHTMLとCSSで、jQueryやアプリと思わず、節約型レスポンシブルWebサイトにトライアルしようと思います。 ＊検証用端末 自宅PC2台、スマホ2台、タブレット1台 LenovoC260 OS8.1をOSWin10ベータ版からupgread 64bit (2015年購入 HardOff 4万円弱) conpaq620 Win7 32bit (2018年購入 JunkWorld 1万円弱) Apple softbank iPhone7 iOS11 (2016年購入) Sumsung docomo SC-01K AndroidOS 8.0 （2017年購入） Huawei docomo d02H AndroidOS 5.1(2017年解約 WiFiのみ) Geocities復刻版(仮) について 1999年ホームページ作成に初トライアルした頃に、ジオシティーズでホームページ仲間ができました。MacOS8、Windows98SE、メールはユードラ、ポストペット、ICQや高速チャット、メル友掲示板、PCカメラも外付けで、人気のホームページエディタはホームページビルダーなんかよりAdobe GoLive が良くて、月額2万円位でもドメイン取得しなけりゃという太っ腹な人たちと、あくまでも無料と広告付きのページにテキストエディタでタグ打ち連中とが、パケホで毎晩あぁでもこうでもなくと、オンラインで集った時代でした。 当時のジオシティーズは無料バーチャルモールでURLにNeverLandとかMilanoとかHeartLand-, Milkyway-, SilkRoad-, SiliconValley-, 等などCityのキュートなイメージにストリート名が付いていて、おうちの空き家を探し、お部屋ナンバーの4桁数字が付いたアドレスをゲットして、無料アップロード投稿で言いたい放題の新着記事を打っては、更新したから見てよとBBS掲示板に書き込んで、ネット仲間に読ませてレス書き込みをまた見に行って、HTMLが何なんだかまだまだ全然わからないままCSSやJavaScriptをヘッダーにコピペしてたり、相互リンク仲間を突っつきコメント貰って自分自身を励ましながら、仲間に巻かれてネッ中症(ネット中毒症状）日夜更新作業に没頭してましたっけ。日刊週刊月刊あるいは不定期更新、そういうの気軽にやっちゃう連中がまた気軽に書き込みしてくるものだから、あの頃の自分たちにはやや難解な課題ばかりで工事中のページが進まなかったんだろうけど、各自が自分の課題や目標を掲げ公開しながら、ホームページ作成の世界にすっかりハマって日夜挑んでいましたっけ。そうやって、みんなプロになったんだよねぇ。 あれから2年くらいでブログが流行、自分たちもそれぞれにネットで活動した履歴が求められいつしか日夜多忙を極めていて、そういえばホームページ更新が滞り、ジオシティーズのオンライン仲間とも次第にメールの返信が来なくなって音沙汰なく、ネットのあちこちに個人マガジンが置き去りにされて、そのうちSNSやモバイルの時代がやってきて、、 ジオシティーズ、やっぱりちょっと、懐かしいんだよなぁ。 |
◇ 20180705現在の課題点 * フォントサイズ： AndroidとiOSで各々フォントサイズが正しく表示されず、バランスも悪い。 * PC Win10で外部サイトURLリンクページにジャンプすると、文字化け表示になり再読込みしなければならない。 * PC Win10でジオクリエーターがアクティブにならず起動しない。 * ジオシティーズで更新したページが、PCのブラウザでリアルタイムに表示されない。 * |
| 中古書籍とプレミアグッズ |
PC画面クリーナー
1. 通信機器
2. 周辺機器
| 3．参考URL |
| レスポンシブウェブデザインについて調べる |
| レスポンシブウェブデザイン (Responsive Web Design, RWD) は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。 Wikipedia検索「レスポンシブウェブデザイン」*参考URL： https://ja.wikipedia.org/wiki/レスポンシブウェブデザイン |
| Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト *参考URL： http://responsive-jp.com/ |
| Google検索 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えることができます。Google *参考URL： （現在Googleに上記記事ページは存在しませんでした） |
ページトップ ＞ 無料ホームページ作成サービス Yahoo!ジオシティーズ「サービス終了のお知らせ」https://geocities.yahoo.co.jp