以滑鼠點選文字方塊,右鍵選擇『文字方塊格式』選項(示如圖1),會彈出『文字方塊格式』對話視窗,點選《文字方塊》頁面(示如圖2),按一下《轉換類型為圖文框》按鈕,即可將文字方塊轉為圖文框。
圖1 以滑鼠點選文字方塊,右鍵選擇『文字方塊格式』選項
圖 2 按一下《轉換類型為圖文框》按鈕,即可將文字方塊轉為圖...
Illustrator教學:利用『鋼筆工具』繪製虛線
Posted by baimughost on 下午5:14
一、一般虛線 二、地圖上之鐵路 三、小圓點虛線...
Posted in Illustrator教學
網頁教學:利用CSS語法進行網頁內容之排版(1)★邊界、邊框及邊界留白之介紹
Posted by baimughost on 下午4:46
壹、邊界 一、設定邊界之屬性介紹 二、<margin>屬性之輸入語法 三、<margin-top>、<margin-right>、<margin-bottom>及<margin-left>屬性 貳、邊框 一、<border-style>屬性 二、<border-width>屬性 三、<border-color>屬性 四、<border>屬性 參、邊界留白 一、設定邊界之屬性介紹 二、<padding>屬性之輸入語法 三、<padding-top>、<padding-right>、<padding-bottom>及<padding-left>屬性...
網頁教學:利用CSS語法設定文字樣式
Posted by baimughost on 下午1:48
壹、文字型式屬性 文字樣式不外乎文字顏色、字型、字體大小、文字特效等,雖然HTML本身有空制文字外觀的標記,不過文字之樣式選擇性較少;而CSS語法提供較多的文字樣式,可以較有彈性地調整網頁內容中之文字外觀。 常用之新字字型屬性示如下表: 表1 常用文字字型屬性一覽表 屬性 屬性用途 設定值 備註 color 設定字體顏色 1.顏色名稱(英文) 2.HEX碼(16進位) 3.RGB碼 font-family...
網頁教學:將CSS樣式套用到不同的HTML標記
Posted by baimughost on 下午4:00
利用HTML標記(如<h1>、<h2>或<font>等標記)做為選擇器(selector),再利用『連結外部樣式檔』與『內嵌宣告』之方式(詳細介紹請詳網頁教學:如何用套用CSS樣式表),就可以將HTML程式碼裡中之HTML標記都套用同一種樣式。但是如果希望樣式可以套用到不同之HTML標記,可以利用HTML標記(如<font>標記)的『class』屬性及『id』屬性來達到目的,即利用『.class屬性之設定值』或『#id屬性之設定值』來作為選擇器。【小提示:CSS樣式表係由選擇器(selector)與樣式規則(rules)所組成,示如圖1 ,詳細介紹請詳網頁教學:CSS之基本格式。】...
網頁教學:CSS之基本格式
Posted by baimughost on 下午3:22
圖1是CSS樣式表之基本格式。CSS樣式表係由選擇器與樣式規則所組成。 圖1 CSS樣式表之基本格式(CSS樣式檔案名稱為test.css) 圖2 在網頁內容中套用CSS樣式文件(採用『連結外部樣式檔』之方式) 圖3 依據圖2內容製作之網頁內容(以瀏覽器瀏覽之結果) 一、選擇器(selector) 選擇器係指CSS樣式要套用的目標,套用之目標可以是HTML標記。由圖1之內容來看,<h2>標記就是一個HTML的標記,而在CSS樣式表中,<h2>就是一個選擇器,只要網頁之內容套用了圖1內容之CSS樣式表,網頁內容中所有<h2>標記皆會套用圖1內容之CSS樣式表之內容。...
網頁教學:<div>標記與<span>標記之介紹
Posted by baimughost on 上午11:31
在進行網頁設計時,常會需要將版面中之各種文字、圖片或表格等元件進行對齊,之前很多人係利用建立表格之方式來進行排版。其實除了利用表格來進行對齊外,<div>及<span>標記亦有相同的功能。,<div>及<span>標記之介紹及使用方式說明如下: 一、<div>標記之介紹 <div>標記是動態網頁中重要的標記,它具有群組及圖層的功能,如果再搭配javascript語法或CSS語法,就能讓網頁中之相關組成元件產生移動,甚至能控制元件的顯示與隱藏。 <div>標記係屬於圍堵標記,就是說必須有起始標記(<div>)及結束標記(</div>)。此外,</div>標記後,網頁內容會呈現自動換行之情形,也就是說<div>標記屬於獨立的區塊標記(block-level),它不會與網頁中之其它元件同時顯示在同一行。<div>標記之功能其實有點類似群組,只要放在<div>標記與</div>標記裡的內容(如文字、圖片),皆會被視為同一物件,因為<div>標記有此特性,所以網頁設計時,常被用作對齊之功能。...
網頁教學:表單之功能介紹及設置
Posted by baimughost on 下午2:53
壹、表單的應用 表單主要功能係讓使用者輸入資料之用,聽起會不會覺得一頭霧水呢?舉例來說好了,你平常上網購物、搜尋網頁、投票或是註冊網站會員,皆有使用到表單之功能。以下為一般常見的表單應用: 一、網頁搜尋 二、線上投票 三、線上購物 四、會員註冊 貳、表單之設置 表單元件種類可分為四大類,文字文件、清單元件、核取元件及按鈕元件等。 一、表單之基本架構 由一個簡單且基本的登入畫面來瞭解並解說表單的基本架構。圖1及圖2分別為登入畫面之原始碼及以瀏覽器瀏覽之結果。 ...
網頁教學:跑馬燈的應用★<marquee>標記
Posted by baimughost on 上午11:05
【小提示:<marquee >標記只適用於IE瀏覽器。】 『跑馬燈』這名詞大家應該不陌生,在看新聞台時,常會看到在字串在螢幕的左右或上下移動。在網頁內容的呈現上,也可以製作出這種效果,只要利用<marguee>標記即可。以下將介紹<marguee>標記之使用方法: 一、文字跑馬燈 (1)<marguee>標記(跑馬燈)之語法 一般在設計網頁時,會將重要之公告或消息以跑馬燈之方式呈現,希望瀏覽者在瀏覽網頁時能馬上注意到跑馬燈上之訊息。因為跑馬燈會捲動,為了不讓瀏覽者等待太多時間及看得眼花瞭亂,跑馬燈刊載之字數不宜太多。 跑馬燈之語法如下: <marquee direction="right" behavior="slide" scrolldelay="120" loop="5" bgcolor="#00FFFF"...
網頁教學:加入超連結(hyperlink)
Posted by baimughost on 下午2:44
壹、超連結之紹介 超連結(hyperlink),係指在網頁內容中之文字或圖片加入特定之連結,所以在瀏覽網頁時,當瀏覽者點選網頁內容中之文字或圖片,會立刻被引導到另一個網頁內容、檔案及FTP站,或是當使用者按下連結時,會自動開啟建立E-mail的畫面。 通常在進行網頁設計時,設計者常有將有設定超連結的文字或圖片會以一些特殊的方式來顯現,用以區別其和網頁內容中其它一般文字與圖片之不同,其顯示之方式有很多種,如不同的文字顏色、大小、有無底線或樣式,或是當滑鼠移動到超連結位置時,滑鼠游標會變成小手之形狀。【小提示:若無特定指定超連結文字與圖片之顯示方式,一般預設是以加上底線的藍色字體顯示,而且當滑鼠游標移動到具有超連結之文字與圖片之位置時,游標會變成小手的形狀,示如圖1。】...
網頁教學:加入水平線(分隔線)
Posted by baimughost on 下午3:06
在網頁中加入水平線,可以讓瀏覽者更容易區分網頁之內容,也可以讓網頁有更多的變化。 一、加入水平線:使用<hr>標記 標記的作用係加網頁內容中加入水平線,其輸入之語法如下所示: <hr aling=〝right〞 size=〝1〞 width=〝80%〞 color=〝#0000FF〞 noshade> 【小提示:各種標記之屬性係直接輸在起始標記中,其輸入之語法為『屬性名稱=〝設定值〞』,不同的屬性以空格隔開。】 二、<hr>標記之屬性介紹 屬性名稱 設定值 說明 align right ...
網頁教學:設定對齊與縮排的標記
Posted by baimughost on 晚上11:57
網頁中最常使用的是文字,文字的排版對網頁閱讀起來的流暢度有大的影響。一般我們使用word或openoffice這類文書軟體時,需要罝中與縮排時,只需按下『置中』及『縮排』之按鈕即可完成。但在網頁的呈現上,則必需使用相關標記,如<center>(置中標記)及<blockquote>(縮排標記),才能達到相同的功能。【因為最近常在kkbox上聽林俊傑的『背對背擁抱』,覺得很好聽,所以就把這首歌的歌詞拿來做網頁文字排版之範例內容。】 一、置中標記:<center></center> <center>標記的作用係將文字置中,只要在你想要讓它置中之文字前後分別加上<center>及</center>,就可讓該文字置於網頁之中間。由圖1之內容可看到「然後戰火再燃燒」字串前後分別有加上<center>及</center>,在用瀏覽器瀏覽該網頁時(示如圖2),則可以看到「然後戰火再燃燒」字串位於網頁的中間。...
網頁教學:HTML顏色之設定方法及工具介紹
Posted by baimughost on 下午3:19
網頁設計上,選擇適當的配色,能讓你網頁看起來更佳之舒服。 壹、顏色之設定方法 在html程式碼裡,顏色有二種表示方式,一種係用顏色名稱表示,例如藍色就用blue,綠色就用green;另一種係用顏色代碼表示,此種方式就是用『#』號加上RGB的16進位方式所組之「網頁顏色代碼」來表示顏色,例如紅色之代碼為<#FF0000>。 一、以顏色名稱來表示 第一種方法就是將顏色的屬性值輸入成顏色名稱(英文名稱),示如圖1。由圖1之內容來看,本範例將網頁中之文字顏色設定為墨綠色(teal)。...
網頁教學:HTML標記屬性之長寬設定
Posted by baimughost on 下午6:00
在網頁設計上常用的單位有百分比(%)與像素(%),這與我們在日常生活中常用之長度單位有很大之不同。但是長寬設定對網頁設計來說是一個很重要的部分,例如網頁呈現之大小、圖片大小及表格大小,甚至於是插入分隔線之長度大小,都需要用到長度之設定。以下茲就百分比(%)與像素(%)進行說明: 一、百分比 標記本身與外圍標記的百分比值。【以<hr>為例,當<hr>置於<body>與</body>內容中,則外圍標記就是<body>標記,但若是放在<td>與</td>標記中,則外圍標記就是<td>標記】...
網頁教學:標記屬性的介紹
Posted by baimughost on 下午5:00
網頁中的標記有許多的功能,可以用來組成網頁的內容。有些標記可以加上一些屬性,如文字顏色、背景顏色及指定背景圖片等,這些屬性將可改變網頁之呈現方式,更可以美化你的網頁內容。 一、標記屬性之輸入位置及規定 屬性係直接輸入在起始標記內,其輸入之規定彙整如下: 直接置於起始標記內。 標記屬性輸入之格式為:屬性名稱="設定值" 。 如果有很多屬性,則以空白隔開不同的屬性。 屬性輸入後,其設定值之前後需輸入 『"』,如<body text="#000000">。 二、標記屬性的用法介紹 圖1之內容可看到,<body>標記之起始標記內容中,有『text』、『bgcolor』、『link』、『alink』、『background』、『bgproperties』、『leftmargin』及『topmargin』等文字,這些就是<body>標記的屬性。標記之種類很多,其屬性亦有許多種,在此一部份沒有辦法逐一介紹,在此僅以<body>標記來介紹。...
網頁教學:HTML的組成
Posted by baimughost on 下午2:29
一個最簡單的html網頁,是由<html>與</html>標記出網頁開始與結束(如圖1),網頁內大致可分為頭(<head>)與身體(<body>)二部分,而<head>與<body>內又有許多具備其他能功能的標記,如<title>、<br>及<hr>等,才能完全構成一個功能完整的網頁。就好像人的身體一樣,除了頭與身體外,還需要脖子連接頭與身體,更需要四肢人才能自由的活動。 圖1 網頁的基本組成(本範例係利用dreamwaver編輯,切換至《程式碼》頁面時之情形) ...
網頁教學:HTML的標記型態
Posted by baimughost on 中午12:11
因為我很久沒有碰網頁設計的東西了,最近因為不知道那根筋不對,又對網頁設計重新起燃起了興趣,所以買了一些書來看,但因為人老了,記憶力不好,所以才想把書上所看到的一些內容整理一下,以免自己忘記,本來是想抄成筆記的,但想說如果放到網路上來,一來自己可隨時查閱,二來也可幫助想學網頁設計的網友們,所以就把相關內容放到網頁上來,希望可以幫助到有心想學網頁設計的朋友們。 html標記都有固定的格式,必須由『<』與『>』符號將其框住。舉例來說,如<title>、<body>及<br>等,若要再將其細分,可再分為圍堵標記或單一標記,分別說明如下: 一、圍堵標記 從字面來看,就是將文字前後堵住,以達預期效果的標記,如<title>及<body>皆屬這類標記。此類標記都是成雙成對的,可分為起始標記與終止標記,以<body>標記來說,<body>屬起始標記,它的終止標記為</body>。【有看出來嗎?起始標記與終止標記有何不同?我相信你一定看出來了,終止標記中有多一個『/』符號。】...
如何在excel2007中插入函數
Posted by baimughost on 下午5:52
插入函數的方法有二種。 直接輸入函數公式。 切換至﹛公式﹜頁面,直接點選《插入函數》按鈕。 一、直接輸入函數公式 選取你想要插入函數之儲存格後,直接在圖1之地方輸入函數公式,但請記得所有公式的開頭必須加上〝=〝符號,函數才能擁有運算之功能,不然就只是在儲存格中輸入文字罷了。 圖1 直接輸入函數公式 二、切換至﹛公式﹜頁面,直接點選《插入函數》按鈕 選取你想要插入函數之儲存格,接著再點選《插入函數》按鈕(如圖2),此時將出現圖3之「插入函數」交談視窗。在「插入函數」交談視窗中可以指定並選擇所有的函數。在【選取類別】選項欄裡點擊,從中選擇你想要使用的函數種類,再選取【選取函數】選項中你想要使用的函數,並按下《確定》按鈕。...
Posted in 函數, excel教學, office文書處理
「COUNTIF函數」之應用
Posted by baimughost on 上午11:37
說明:在設定範圍內,依設定條件來計算儲存格之數目。 範例一:從請款名細中得到能X工程之訂購紙件數。 範例二:從問卷中之評價結果,評析員工之表現。 範例一: 範例二: ...
Posted in 函數, excel教學, office文書處理
excel2007中的函數使用簡介
Posted by baimughost on 凌晨1:07
函數,這個名詞對出社會有一段時間的你是不是很陌生呢? excel2007中,可以簡單地且方便的執行許多計算,所以對我來說,在計算加班費、生活支出或是報告中的數據分析時,大多使用excel來作業,因為它不僅可以一目瞭然地〝看到〞你所輸入的相關數據,也可以很方便地進行修正,修正之結果也會立即地呈現在你目前。最重要的是,excel還俱備篩選之功能,也就是說你可以用excel進行資料之分析、資料統計及相關之查詢等作業,可說是相當的方便。 我想許多人或許就和我一樣,一開始使用excel時,就只會簡單的計算加總或平均值,這和函數能扯上什麼關係?快別這麼說,如果你已經會使用excel計算加總或平均值,恭喜你,表示你已經會使用加總數值之「SUM函數」及計算平均值的「AVERAGE函數」。 但是在實務中若是想要使用單一種函數而達到預期之結果,有時是辦不到的,必須要同時使用多種函數,來求得你所要的結果。為了要在對的時候使用對的函數,瞭解及熟悉函數的使用方法是非常重要的。舉例來說,要算出1000間餐廳中最高的營業額時,在算完最高營業額後,實在很難一眼看出最高營業的數據,這時除了需要使用「SUM函數」,亦必須使用「MAX函數」來顯示營業額總和裡的最大數據。...
Posted in 函數, excel教學, office文書處理
在WORD2007之表格中輸入文字
Posted by baimughost on 下午3:17
在儲存格間移動插入點
儲存格中文字之對齊方式
儲存格之方向
在儲存格中插入對角線及文字
調整儲存格邊界與文字...
Posted in 表格, office文書處理, word教學
在word2007中建立表格
Posted by baimughost on 下午3:40
你經常要碰到製作單據、帳目支出表、會議議程表、購物清單等表格類文件的情況嗎?或者你工作上常或寫論文時常需要將資料作分類整理呢?word的表格功能可幫你做出等合你需求的表格,而且表格亦可應用在圖文內容的對齊,以及排版時的版面配置等。 建立表格 在文件中的加入表格,除可以使版面有更多變化外,亦可將文中之相關內容,如購買物品單價之比較、採用方法之優缺點及科據據之呈現等等,對於閱讀者來說,透過表格的歸納及彙整,讀者能迅速了解作者想要表達之內容。 建立表格有二種途徑,一是插入表格,另一個是手繪表格。以下依序介紹表格建立之方式。...
Posted in 表格, office文書處理, word教學
訂閱:
文章 (Atom)