網頁製作簡介 - national tsing hua universityibm4.life.nthu.edu.tw/cadd/2008/html.pdf ·...

21
網頁製作簡介 李季青 2008/07/15

Upload: others

Post on 09-Jul-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

網頁製作簡介

李季青

2008/07/15

Page 2: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

小叮嚀!

• 檔名盡量用英文而且不要有空白

• 投影片跟軟體下載連結http://140.114.99.41/~team00/list.htm

• FTP軟體使用教學http://163.32.161.9/maylike/teach/filezilla/index.htm

Page 3: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML
Page 4: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

寫程式慢慢做 用軟體幫忙

Page 5: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

網頁製作軟體

Page 6: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

大綱

• 免費的網頁編輯軟體NVU (發音N-view)

• 下載NVU

• NVU操作

• 用NVU學HTML

• 作一個網頁介紹PDB的一個protein

Page 7: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

下載NVU http://moztw.org/nvu/

Page 8: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML
Page 9: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

工具列

文字格式設定

模式切換網站管理員

編輯區

Page 10: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

新增一個檔案 存檔

開啟之前編輯的檔案

Page 11: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

用NVU學HTML

Page 12: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

網頁內容

網頁編碼

HTML 基本語法

Page 13: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

字型變化

Page 14: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

表格 <table> <tbody> <tr> <td>

Page 15: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

插入圖片

Page 16: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

插入連結

Page 17: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

作一個網頁介紹PDB的一個protein• Protein Data Bank(PDB)

http://www.rcsb.org/pdb/home/home.do

1D66

Page 18: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML
Page 19: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML
Page 20: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML

PDB ID 1D66

Visualization Title DNA RECOGNITION BY GAL4: STRUCTURE OF A PROTEIN/DNA COMPLEX

AuthorsMarmorstein, R., Carey, M., Ptashne, M., Harrison, S.C.

Primary Citation Marmorstein, R., Carey, M., Ptashne, M., Harrison, S.C. (1992) DNA recognition by GAL4: structure of a protein-DNA complex. Nature 356: 408-414

History Deposition 1992-03-06 Release 1992-03-06

Experimental MethodType X-RAY DIFFRACTION Data N/A

Sequence Information

References Download PDB File

http://www.rcsb.org/pdb/explore.do?structureId=1D66