![Page 1: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/1.jpg)
網頁製作簡介
李季青
2008/07/15
![Page 2: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/2.jpg)
小叮嚀!
• 檔名盡量用英文而且不要有空白
• 投影片跟軟體下載連結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](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/3.jpg)
![Page 4: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/4.jpg)
寫程式慢慢做 用軟體幫忙
![Page 5: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/5.jpg)
網頁製作軟體
![Page 6: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/6.jpg)
大綱
• 免費的網頁編輯軟體NVU (發音N-view)
• 下載NVU
• NVU操作
• 用NVU學HTML
• 作一個網頁介紹PDB的一個protein
![Page 8: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/8.jpg)
![Page 9: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/9.jpg)
工具列
文字格式設定
模式切換網站管理員
編輯區
![Page 10: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/10.jpg)
新增一個檔案 存檔
開啟之前編輯的檔案
![Page 11: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/11.jpg)
用NVU學HTML
![Page 12: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/12.jpg)
<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](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/13.jpg)
字型變化
![Page 14: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/14.jpg)
表格 <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](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/15.jpg)
插入圖片
![Page 16: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/16.jpg)
插入連結
![Page 17: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/17.jpg)
作一個網頁介紹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](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/18.jpg)
![Page 19: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/19.jpg)
![Page 20: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/20.jpg)
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
![Page 21: 網頁製作簡介 - National Tsing Hua Universityibm4.life.nthu.edu.tw/cadd/2008/HTML.pdf · 大綱 •免費的網頁編輯軟體NVU (發音N-view) •下載NVU •NVU操作 •用NVU學HTML](https://reader034.vdocument.in/reader034/viewer/2022042416/5f317de9b82cdf357853857b/html5/thumbnails/21.jpg)
各組負責介紹的蛋白質
組別 protein 組別 protein
1 1ENT 7 3CMS
2 5PEP 8 1W1A
3 2BS7 9 2ASI
4 1GT9 10 2RMP
5 1GTJ 11 1AL2
6 1MPP 12 3PCE