用電腦寫日記-BLOG 北醫資訊服務中心 萬序恬.

Slides:



Advertisements
Similar presentations
Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
Advertisements

HyperText Markup Language
《计算机应用基础》 第七章 计算机网络基础与应用
动态网页制作 第1章 HTML语言1.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
XML 第05讲 使用CSS显示XML.
第五单元课1-3 层叠样式表.
Css2/css3全教程 选择器 群号: 韬略课堂:何韬.
CSS – 進階 IDIC.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
CSS简介 WEB前端三剑客之二.
Ajax编程技术 第十章 使用外部数据.
顏色與背景CSS樣式.
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
Web前端开发技术与实践 第12章 布局 阮晓龙 /
DreamWeaver MX (II) 林偉川.
第 3 章 網頁的基本設定與預覽.
CSS 教學 下載並修改自: 資工系涂世俊老師教學網站.
第 13 章 用CSS 設定 文字顏色與背景.
Ch.13 HTML網頁實作.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
圖書館創新服務之經驗談 -- 從一位實務工作者的觀點出發
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
Css全教程 边框背景轮廓 群号: 韬略课堂:何韬.
CSS字型樣式.
CSS樣式 靜宜大學 資管系 楊子青.
Web前端开发技术与实践 第10章:盒子模型 阮晓龙 /
HTML5全栈开发序列课程 《前端入门》之CSS3新特性 余鹏作品.
Web前端开发技术与实践 第11章:背景与边框 阮晓龙 /
动态专题制作 凤凰网技术中心 应用管理部.
Chapter11 RSS 與 News Group
CHAPTER 18 CSS樣式表的動態效果.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
OpenID與WordPress使用說明
HTML & CSS.
CSS樣式 靜宜大學 資管系 楊子青.
基礎程式設計範例 -網頁名片.
主讲:陶建平 华中科技大学网络与计算中心
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
CSS技术 蒋玉华.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
Web前端开发技术与实践 第9章:文字样式 阮晓龙 /
點選收聽 網路廣播(Podcasting)
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
网页设计与制作 Dreamweaver CS6 标准教程
網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B
主讲:陶建平 华中科技大学网络与计算中心
武汉纺织大学传媒学院 cm.wtu.edu.cn
網站(web) 授課:方順展.
交通大學圖書館教授兼副館長 新世代圖書館自動化系統發展趨勢 交通大學圖書館教授兼副館長.
布局大师——表格.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第15节 CSS超链接样式 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/5/10 传媒学院.
CSS樣式 靜宜大學 資管系 楊子青.
從HTML表格到CSS 靜宜大學 資管系 楊子青.
Dreamweaver 進階網頁製作 B 許天彰.
網路商店裝修之二 CSS樣式編輯.
CSS基礎 靜宜大學 資管系 楊子青.
第5章 Div+CSS布局技术 经济管理学院.
第6章 层次原理图设计和多通道技术: 重点内容: 掌握自上而下的层次原理图设计方法 掌握自下而上的层次原理图设计方法
清單的CSS樣式.
使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
Presentation transcript:

用電腦寫日記-BLOG 北醫資訊服務中心 萬序恬

BLOG Weblog的縮寫,網誌 部落格(台灣) 博客(中國) 2000↑開始發展 Blogger:部落客

為什麼要用BLOG 個人出版業 發表平台技術與內容產出分離 互動 開放 簡單 即時 MT, plog, Wordpress, CMS, wretch…

著名的BLOG ISP 無名小站 Google Blog MSN Space TMU BLOG

部落格特色 標題(Title) 時間戳記(Timestamp) 文章內容(Entry) 類別(Category) 迴響(Comment) 引用(Trackback) 彙整(Archives) 連結(Links) RSS頻道訂閱 創意公用授權條款(Creative Commons)

RSS 北醫公佈欄RSS連結: http://www.tmu.edu.tw/board.rss Really Simple Syndication 是一種用來分發和匯集網頁內容的XML格式,訂閱RSS 後,只要透過RSS閱讀器,就可看到即時更新的內容。─訂閱機制 RSS Reader: http://www.rssreader.com/ (MYTMU→資訊專員→OURFILE下載) 北醫公佈欄RSS連結: http://www.tmu.edu.tw/board.rss 其他RSS閱讀器:sharpReader, FeedDemo, Firefox+sage…

From Leigh Dodds, IngentaConnect Web 2.0…Huh?? CSS Content with Style CSS: cascade style sheet From Leigh Dodds, IngentaConnect Web 2.0…Huh??

TMU BLOG操作 http://blog.tmu.edu.tw

TMU BLOG 使用說明 瀏覽與搜尋文章 回應文章 開立部落格 設定網誌組態(ch11) 文章管理(ch12) 網誌管理

樣式與模板範本 官方網站有提供的幾個風格檔.... 2.6x Default Styles »(風格:如文字顏色、背景顏色...) 2.6x Default Templates(模板) 修改風格: ↓請於管理畫面中選取「模板」 ↓要改風格,選取「stylesheet」 ↓將上述網站所提供的程式碼全選貼入 修改模板: ↓選取 Main index. ↓使用任何網頁編輯器(如dreamwaver, frontpage等)編寫格式 ↓$..$所夾的都是MT BLOG的語法,請參照MT BLOG說明書使用。

模板程式碼(參考) mainidex Individual Entry Archive 迴響清單模版.txt 迴響預覽模版.txt

常用css屬性 定義字體 字級大小 標籤 附帶屬性 功能說明 a:link a:visited a:active a:hover {color: #003366; text-decoration: underline;} 定義頁面中的連結規則 font-family Bgcolor,align,valign 定義字體 font-size: Width,height,bgcolor,align,valign,colsapan,rowspan 字級大小

常用css屬性 文字粗細 標籤 附帶屬性 功能說明 font-weight 100~900,bold, bolder, lighter, normal 文字粗細 color #FFFFFF 色碼 顏色 background-color 背景顏色

常用css屬性 標籤 附帶屬性 功能說明 background-image url{圖檔所在網址} 需要背景影像的表格、儲存及其他內容 width 350px 內容寬度 height 500px 內容高度 border border:1px solid #c6cc1c; border:1px dotted #c6cc1c; 表格的邊框

常用css屬性 標籤 附帶屬性 功能說明 div <div class=“XXX”>..</div> 用來包含區塊層級的元素 span <span class=“ooo”></span> 用於行內層級 padding 'top' 'right' 'bottom' 'left'; 內容高度 margin 表格的邊框

常用css屬性 標籤 附帶屬性 功能說明 text-decoration Underline,blink,line-through line-height 120% or 12px 行距