初心者から自作ホームページ作成してみる

初心者から自作ホームページ作成してみる

パソコンのことはほとんどわかってない私、あつひろが、何とかして自作ホームページを作るために、勉強&備忘録的メモ帳として覚えたことを書いていくつもりです。
 ホームページってなんか無駄にハードル高いよねぇ~~~

Amebaでブログを始めよう!


前回のおさらいです。



前回の、1日で作るホームページで覚えたことを書いていきますよ~~~。


まず、ホームページのトップページを作る。



1つ目にやること。


拡張子(ファイルの最後に付く、htmlとかgifとかどんな種類のファイルなのかを示しているもの)を表示するように設定する。


Windowsでは、


マイコンピュータ上部メニューフォルダオプション表示


から詳細設定で


「登録されているファイルの拡張子は表示しない」


のチェックを外すということだけど、Windows8にはマイコンピュータが発見できなかったので


コントロールパネル→フォルダオプション→上部メニューの表示


から、チェックを外せました。

初心者から自作ホームページ作成してみる-拡張子2



あと、コンピュータとか、ファイルを表示するところからでも、上部メニューの表示からチェックが外せました。




これが一番簡単かもね。

初心者から自作ホームページ作成してみる-拡張子1

次はフォルダを作ります。



デスクトップにフォルダを作る。


(デスクトップって書いてあったけど、私は勝手にDドライブの中に作っちゃってます。

今のところ支障はない・・・・けど責任は取れない(*´▽`*))


デスクトップの何もないところで右クリック→新規作成→フォルダ


(名前は何でもいいようですが半角英数字で小文字がいいようです)


次にその作ったフォルダ内にさらに同じ要領で「img」という名前でフォルダを作る(画像専用)


(imgとは、画像を表示するタグだそうです。imageの略)


同じように次は最初に作ったフォルダの中に(imgの横に)新規作成→テキストドキュメントを作り、名前を「index.html」に変える。


index.htmlはファイルに1個だけ必ずないといけない。


トップページということですな・・・・。


今日はこれで終わり!!


分からないとことかある程度なら聞いてもらっていいから!!


ちゃんと調べます。


初心者でも読んで分かるようになってるといいけど・・・・・







次からはタグの復習していきます。


やっぱり書いていくことですっごく覚えた。


そろそろ主婦に戻らなきゃぁ~~~~!!


お洗濯たたみが私を待っているのです(;^ω^)


さらば~~~~~!!










「1時間で作るホームページ」作成2日目。




昨日も貼ったけど、今日も使ってるからまた貼っときます。



こちら~~~~。


http://www.shoshinsha.com/hp/1hour/1hour01.html





今日は昨日作ったトップページから行ける、リンク集とプロフィールページ作成。



昨日とやってること一緒なので、間違いもあんまりせずにスムーズ(^^



とりあえず同じように打ってるだけです。



理解しながら作ってるつもりだけど、この一行はどんな意味だったかなぁ~~とか結構忘れちゃってるや(;´Д`)



そのうち自分で分かりやすいようにどこかに纏めるつもり!!


まったく同じように作ったリンク集ページ





初心者から自作ホームページ作成してみる-link.04.05

プロフィールページ

初心者から自作ホームページ作成してみる


う~~~~~~ん・・・・・



画像が見づらいなぁ(*´Д`)



この画像はパソコンの



PrintScreen(Prtscr)



て書いてあるキーで、画像として保存してペイントに張り付けてるんだけどちょっともう入りきらなくなってきたし、何よりなんて書いてあるんだかだわね(;゚Д゚)


ちなみにWindows8、NECのLavieを使っている私は



ファンクションキー(Fn)Alt

PrintScreen(Prtscr)



で一番前にある画面を保存できます。



機種やらOSやらで違うようだけど。


それと画面全体を保存したいなら


ファンクションキー(Fn)



PrintScreen(Prtscr)



で出来る。(今やってみたもんね(;´∀`))


まあそれはいいとして。



この問題は近いうちにまた調べて解決します。


解決したらまた報告するわ~~~~!!



おやすみ~~~~































真面目に勉強しております。


もちろんど素人だから、htmlでのホームページの作り方を紹介しているサイトを探して勉強中。

 

今参考にしているのは、


http://www.shoshinsha.com/hp/1hour/1hour01.html


【 1時間で作るホームページ  webデザインの素】



というサイト。


対話の中で簡単に説明、て感じで読みやすい。


でもでも、1から打ったりしたらなかなか進まない。


まったくこのサイトの通りに作った1ページ目。


初心者から自作ホームページ作成してみる

背景はちょっと変えてみたけど余計に見づらっっ(T_T)


まあ何とか出来てます。


でもでも、この背景を出すのに悪戦苦闘して、その時点でもう1時間ゆうに経過してた(;^ω^)


何回間違い探しても見つからないし、もしかしたらパソコン自体の設定か何かがいけないのか??とか考えて、いろいろ探してみたり。


結局はファイル名の


img


を、ひたすら


ing


と打っていた・・・・な~え~る~~~~(*´Д`) 


まぁそりゃそうだよね、ファイル名違ったら出てくるわけないよね。


というわけで、「1時間で作るホームページ」の1ページ目を1時間かけて完成させました。


道のりは遠いぞ~~~~!!




 

 一から自作ホームページを勉強しているあつひろです。


 まずは、よく聞くhtmlを勉強しているのだけど。


 あ、そういえば、私は勉強&今後のために簡単にホームページが作れる!ていうようなテンプレートとかソフトとか、そういういのは使わない予定。


 簡単だろうけど、トラブルに対応できないんだってさ。


 使ってもトラブルとか起こった時に困って結局勉強する羽目になるらしい。


 ではさっそく。


 まず、htmlとは?


 HyperText Markup Language


 ハイパーテキストマークアップランゲージ


 直訳すると、


 すっごい文章を関連付ける言語


 ・・・・・・・・的な?


これだけじゃよくわからんけど、つまりhtmlという決まった言語を組み立てることで、複数の文章をリンクにより結び付けられることという意味のよう。


決まったタグという文字列を並べて作るようね。


 とか言っても、初心者だとやっぱりピンと来ないよね。

 

 わたしもいまいちピンと来てないもん。


 まぁとりあえず、ホームページ用の新しい言葉ってことよきっと。


 


 間違ってたら、、、、、ごめん。



 



 

 

 インターネットを繋いで早3か月。


 何か始めようと、ホームページを作ってみることにした。


 でも、はっきり言って全くの素人。

 

 んで、勉強してもこんがらがるし・・・


 ということで、ブログに書いていくことにした。


 メモ帳的な? 


全くの素人だから、一からちょこっとずつ書いていきます。


 でも、原則絶対お金出さないかんね!!


 いろいろ調べてみたけど、とりあえず有料のとか、詐欺っぽいのとか溢れてるもんね。


 ちなみに初心者過ぎて、詐欺とかできる技術ないから変な勧誘しないです。


 詳しい人教えてくれぇ~~~~~( ゚Д゚)


 せっかくブログとかやるんだから、自分だけじゃなくって他の人が読んでも分かるように書けるように努力はしますよ、努力だけ・・・・。


 htmlから勉強していきますよ~~~~~。