六年制學程/04/月考1:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
第 14 行: 第 14 行:
 
#*HTML
 
#*HTML
 
#*#&lt;div id='xo-banner'&gt;<br/>…<br/>&lt;/div&gt;
 
#*#&lt;div id='xo-banner'&gt;<br/>…<br/>&lt;/div&gt;
#*#&lt;a id='xo-main-logo' href='/".SITE."/'&gt;<br/>…&lt;/a&gt;
+
#*#&lt;a id='xo-main-logo' href='/".SITE."/'&gt;<br/>…<br/>&lt;/a&gt;
 
#*#&lt;img src='/".SITE."/banner.png' style='width:110px;height:110px;border:none;margin-left:30px;margin-top:5px' alt='' /&gt;
 
#*#&lt;img src='/".SITE."/banner.png' style='width:110px;height:110px;border:none;margin-left:30px;margin-top:5px' alt='' /&gt;
#*CSS<pre>
+
#*CSS
 +
<pre>
 
body {
 
body {
 
     margin:                0 auto; /* 加auto可讓整個body左右置中 */
 
     margin:                0 auto; /* 加auto可讓整個body左右置中 */

2016年10月4日 (二) 23:20的修訂版本

  1. 畫出本班區網的簡圖。
  2. 什麼叫「客戶端」?什麼叫「伺服器端」?請舉例。
  3. 網站製作課每個人的個人網站所在的伺服器
    • 網址是:
    • 其中帳號為「共用」的帳戶,密碼是:
    • 平常使用哪一個軟體在伺服器與筆電之間互傳資料?
    • 當要在伺服器上直接複製檔案或資料夾,而不透過筆電上傳時,需要使用哪一個軟體?
    • 上述兩個軟體都是用來操作哪一種網際網路協定?
  4. 運用網站製作相關英文單字,翻譯以下的意思:
    • PHP
      1. define('SITE','~丁志仁/ROC');
      2. define('SLOGAN','介紹台灣社會');
    • HTML
      1. <div id='xo-banner'>

        </div>
      2. <a id='xo-main-logo' href='/".SITE."/'>

        </a>
      3. <img src='/".SITE."/banner.png' style='width:110px;height:110px;border:none;margin-left:30px;margin-top:5px' alt= />
    • CSS
body {
    margin:                 0 auto;	/* 加auto可讓整個body左右置中 */
    width:					900px;	/* 讓 banner 可隨 Ctrl-+- 縮放 */
    color:                  #999; /* 黑底白字 */
    background-color:       #000;
    padding:                0 10px 0 10px;
}

img {BORDER: 0px;}

#xo-banner {
	clear:			both; /* 消除左邊及右邊的浮動 float */
	position:		relative;
	z-index:		100;
	width:			inherit; /* 繼承父元件 */
	height:			120px;
	background:		#ddd left bottom;
	color:			#fff; /* 白字,無效 */
}


實作題:

  1. 請依所提供的圖檔、做出題目所顯示的網站banner。
  2. 請將所提供的圖檔進行「去背」。