mobile_web練習二

http://yiyingwu.zxq.net/p1_mobile/index.html




http://yiyingwu.zxq.net/p1_mobile/index.html 
(練習網址，請將瀏覽器縮成約略手機螢幕的比例，如上圖xdd )

昨天看到一個不錯的範本就co下來解析解析一下
跟上一次練習的mobile web功能不太一樣，這個範本多了怎麼放google MAP，而且css也好理解很多... 謝天謝地，終於比較懂了點。上次在網路上看到範本太驚人的深奧了。

原來google的地理位置在url連結裡有，害我點了好久都找不到，像這樣
http://maps.google.com/maps?q=%E5%9C%8B%E7%AB%8B%E9%AB%98%E9%9B%84%E5%A4%A7%E5%AD%B8&hl=zh-TW&ie=UTF8&ll=22.731461,120.281925&spn=0.051377,0.066175&sll=37.0625,-95.677068&sspn=44.928295,67.763672&vpsrc=6&hq=%E5%9C%8B%E7%AB%8B%E9%AB%98%E9%9B%84%E5%A4%A7%E5%AD%B8&radius=15000&t=m&z=14&iwloc=B
原來連結已經透露地理位置了。

不過有些功能還是很不能理解，可能真的要有智慧型手機才能真的知道mobile web需要功能是什麼吧。寒假再來好好研究。

實戰小筆記

之前為了放一個實習的靜態網站，一直很擔心會不會買錯主機之類的，總之，那時候繁雜的小問題很多，畢竟花錢買空間的不是我，但是決定要怎麼買的人是我，實在太沒有安全感了就上網看了很多文章，我只能說呢...空間買下去之後才會真正知道怎麼做，看再多的文章也幾乎只是觀念上的知道而已吧...

首先網站要做到可以讓別人上網看到你的網站，有兩件事要做，第一種就是租網址，第二種是買空間。 (我印象中，網址只能算是用租的，空間是買的，印象中啦....)

如果你上網去查 怎麼讓別人看到我的網站，很多文章都會說，首先一定要買空間，空間就像你的房子，如果沒有房子，你的網站要放哪呢? 之後你要買網址，網址就是你的門牌號碼，你希望別人找到你家，總要給他你的門牌號碼吧!，所以以上這兩件事是缺一不可，除非你自己在家架主機，那麼另當別論了。(其實我覺得在台灣申請真的蠻嚴格的....)


開始有點觀念之後就是上各家租空間的公司去察看與比價空間的價位如何，說實在各家價位差很多。這時候問題又來了，看不懂哪種方案適合自己就算了，當你要買的時候，那亂七八糟複雜到不行的申請表看了我頭就暈。

申請了之後呢，電信業者把相關的ftp訊息寄到你的信箱，有人看到這個也昏了，ftp是甚麼?怎麼用啊!?

等到這個ftp上傳網站了以後呢，人的慾望是無窮的，這時候就很興奮的上網google自己網站在第幾頁第幾個，挨這個....記得在網頁的<meta>標籤裡好好做關鍵字就好，幾周後就會自己看的到了，別擔心....
(註: FTP(file transfer protocol,FTP)檔案傳輸協定，兩台電腦互相傳輸檔案)

順便補充一下，這種xxxxx.com就是網域名稱，很多公司都是花大把的錢買能代表他們的網址，簡直一場網域名稱大戰，誰先登記誰就贏。有一種人整天搶著登記知名公司的網域這種行為就是"網路蟑螂"。

ueuo.com免費空間的申請

 

http://www.ueuo.com/

Note:javaScript-第二堂(for.if.費式.99乘法)

點圖可以放大。

Note: CSS

Cascading style sheet                                                                                                                          
叫做..串接樣式表，簡稱CSS，定義html的外觀，像人買衣服一樣，總要裝飾。
cascading..有人跟我說這事瀑布的意思，總之是把很多個已設定好的樣式串接在一起
css是由規則rule組成的:
    由   選擇器  和   宣告 組成
           selector        declaration
                                 宣告又分屬性(property)跟值(value)

選擇器的用途是指定規則要套用的對象 有 (1)類別(.)  (2) ID(#)  (3)標籤(tag)

寫在哪裡? 

恩....只有三種選擇，
(A) 存成外部檔案 檔名是 XXX.css
(B)寫在自己的.html檔案，放在head裡面(不是body裡面)
(C)直接在html插入 ..

div 跟span區塊標籤

div區塊本身具有換行的功能
span沒有換行功能
......通常div常拿來設定一大段落的區塊，span拿來設定單行的小區塊

div V.S float 

 如果阿，在畫面建了兩個div，但是，div本身具有換行的功能...所以 如果希望兩個div並排顯示，就要使用float 

div=一個箱子的想像圖

PHP與表單結合

(上週note)
第四章-PHP與表單結合
練習總共建立4個php檔案
form_post.php
form_get.php
post_php
get.php

form_post.php 送出動作給post.php
因此送出之後post.php收的到使用者在form_post.php送出的資料

同理，form_get.php送出動做給get.php
因此送出之後get.php收的到使用者在form_get.php送出的資料

(!)容易出錯的地方就是在dw編輯form_post.php跟form_get.php底下屬性的地方，form#form1標籤屬性，動作.方法及編碼類型:
form_post.php
==> 動作: post.php (將送出後的資料送到post.php頁面)
==> 方法: POST
==> 編碼類型: multipart/form-data

form_get.php
==> 動作: get.php (get.php頁面)
==> 方法: GET
==> 編碼類型: multipart/form-data

而送出之後post.php跟get.php既然做的事情都是一樣的(呈現表單送出的資料)
唯一的不同請注意點送出資料後的post.php跟get.php的URL列
post.php送出之後結果: http://localhost/post.php
get.php送出之後結果: http://localhost/get.php?name=&grade=%E5%9C%8B%E5%B0%8F&id=&tel=&addr=&memo=etyeuhy&button=%E9%80%81%E5%87%BA

一個(get.php)會顯示出欄位內容在URL列
應該算...有好有壞吧= =

待續....


0808
GET的好壞: 
get的傳送方式是在網址後加上參數，但是..網址是有長度限制的
所以只能傳送比較短的資料
不能用再使用者登入，不然資料被看光光
雖然跟POST比起來，POST不會把資料顯示在URL列上，但是這並不表示POST很安全

Note:javaScript-第一堂

1.觀察環境，javascript在client端執行
2.放在哪? head標籤裡面 ，因為只屬於要描述的內容，不是網頁顯示的內容，不得下在body標籤裡頭
3.大小有別，成雙成對特性

4.程式區塊:


5.
document是物件
write是方法
.是連貫用的(似php的. 將兩段資料連接起來)
(ps.document是顯示的內容，不是檔案的內容)
6.

7.流程判斷式上課實做:
題目: >90分 顯示"優秀"
>60<90 顯示"普通"
<60 顯示"劣等"
>100 或 <0 顯示"格式錯誤"