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

出自六年制學程
跳轉到: 導覽搜尋
第 19 行: 第 19 行:
 
<pre>
 
<pre>
 
body {
 
body {
    margin:                 0 auto; /* 加auto可讓整個body左右置中 */
+
margin: 0 auto; /* 加auto可讓整個body左右置中 */
    width: 900px; /* 讓 banner 可隨 Ctrl-+- 縮放 */
+
width: 900px; /* 讓 banner 可隨 Ctrl-+- 縮放 */
    color:                 #999; /* 黑底白字 */
+
color: #999; /* 黑底白字 */
    background-color:       #000;
+
background-color: #000;
    padding:               0 10px 0 10px;
+
padding: 0 10px 0 10px;
 
}
 
}
  

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

  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. 請將所提供的圖檔進行「去背」。