信息發(fā)布與網(wǎng)頁設(shè)計-Dreamweaver-11CSS_第1頁
信息發(fā)布與網(wǎng)頁設(shè)計-Dreamweaver-11CSS_第2頁
信息發(fā)布與網(wǎng)頁設(shè)計-Dreamweaver-11CSS_第3頁
信息發(fā)布與網(wǎng)頁設(shè)計-Dreamweaver-11CSS_第4頁
信息發(fā)布與網(wǎng)頁設(shè)計-Dreamweaver-11CSS_第5頁
已閱讀5頁，還剩55頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

信息發(fā)布與網(wǎng)頁設(shè)計DREAMWEAVER11CSS信息學(xué)院《信息發(fā)布與網(wǎng)頁設(shè)計》課題組13四月20232023/4/131?11.1樣式表的內(nèi)嵌、外連11.2創(chuàng)建樣式表11.3創(chuàng)建外部樣式表11.4CSS編輯器11.5應(yīng)用CSS樣式表11.6管理CSS樣式表第11章主要內(nèi)容2023/4/132?11.1CSS介紹什么是CSS？

CascadingStyleSheets，層疊樣式表CSS的好處擴展了HTML的顯示樣式；顯示樣式與數(shù)據(jù)內(nèi)容分離，便于修改樣式或數(shù)據(jù)；可共享，以統(tǒng)一顯示風(fēng)格。當前版本：

W3C制定的兩個版本：CSS1、CSS2。2023/4/133?CSS語法選擇符

{屬性名1:屬性值1;…屬性名n:屬性值n} 選擇符一般是: 標記名稱：如h1、h2、…p等

類名稱：英文句點開始，以英文字符命名，如.abc 擴展：filter

CSS語句樣例：

p{font-size:40pt;font-family:隸書;color:green}

CSS中的注釋/*這是CSS中的注釋*/2023/4/134?CSS的使用兩種應(yīng)用：外聯(lián)、內(nèi)嵌內(nèi)嵌<styletype="text/css">。。。</style>外聯(lián)

<HEAD>

<linkhref="new.css"rel="stylesheet"type="text/css"></HEAD>文件名.擴展名2023/4/135?CSS的使用導(dǎo)入 在HTML中用"@import"命令導(dǎo)入樣式表

<styletype="text/css">

@importurl(style.css)</style>2023/4/136?CSS內(nèi)嵌樣例<html>

<head><TITLE>CSS樣例</TITLE>

<style

type="text/css">p{font-size:12pt;font-family:隸書}p:first-letter{font-size:400%;float:left}

</style></head><body><p>惠園是我們共同的家</body></html>用style標記內(nèi)嵌樣式單定義P標記、首字母大小2023/4/137?CSS的代碼輸入在DW中輸入代碼的技巧在代碼視圖狀態(tài)下<、>、{、ㄩ、;、左、右尖括號，大括號、空格、分號的輸入均可觸發(fā)供選擇的下拉列表。雙擊其中的列表項，即可擇其自動填入。2023/4/138?11.2DW中創(chuàng)建CSS方法一: “窗口”→“CSS樣式”面板上單擊鼠標右鍵，選擇“新建”；

方法二: 通過“CSS樣式”面板上的帶+的按鈕，打開“新建CSS樣式”對話框。2023/4/139?11.3選用外部CSS樣式方法一:“窗口”→“CSS樣式”，打開“CSS樣式”面板；單擊右上角的下拉菜單；選擇“附加樣式表”；單擊“預(yù)覽”，選擇外部樣式表文件。

方法二:

通過“CSS樣式”面板上的“附加樣式表”按鈕，打開“附加外部樣式表”對話框。余同方法一。2023/4/1310?CSS中的類：CLASS及IDCSS的類class和標識id選擇符class可有區(qū)別的表現(xiàn)相同的HTML元素；id可有區(qū)別的表現(xiàn)相同的HTML元素，內(nèi)容必須唯一；class類由半角英文句點(.)開始；標識id由半角英文井號(#)定義之前。.intro{color:red;font-weight:bold;}#studentid{background-color:silver}2023/4/1311?CSS中的類CLASS及IDHTML中應(yīng)用如下：<pclass="intro">網(wǎng)頁制作</p>

<divid="studentid">id和class不同之處在于：id用在內(nèi)容唯一的元素上，class可用在多個元素上。2023/4/1312?11.4CSS編輯器-1類字體字號樣式行高粗細變量大、小寫顏色修飾2023/4/1313?11.4CSS編輯器-2背景<body>、<table>、<td>。。?？赏ㄟ^添加BGCOLOR屬性，來設(shè)置不同區(qū)域的背景顏色或圖象。設(shè)置重復(fù)水平位置垂直位置2023/4/1314?11.4CSS編輯器-3區(qū)塊單詞間距字母間距垂直對齊文本對齊文字縮進2023/4/1315?11.4CSS編輯器-3標簽SPAN

和

DIV

的區(qū)別DIV(division)是一個塊級元素，其左、右無法再放置其它內(nèi)容。SPAN

是行內(nèi)元素，SPAN

的前后是不會換行的，它沒有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當其他行內(nèi)元素都不合適時，可以使用SPAN。2023/4/1316?11.4CSS編輯器-4盒子寬、高浮動清除填充邊界2023/4/1317?11.4CSS編輯器-5邊框樣式寬度顏色2023/4/1318?11.4CSS編輯器-6列表類型圓點、圓圈方快、數(shù)字大、小寫羅馬數(shù)字大、小寫字母2023/4/1319?11.4CSS編輯器-7定位層的類型顯示：繼承、可見、隱藏

Z-index

層的位置、大小益處處理剪輯：定義層的可見部分2023/4/1320?11.4CSS編輯器-8擴展分頁光標濾鏡2023/4/1321?CSS樣式單的使用-濾鏡效果filter:屬性名（參數(shù)列表）Alpha (90%) 透明度設(shè)置Blur(…) 高速度移動的模糊效果Chroma(…) 將指定的顏色設(shè)置為透明Fliph/flipv 水平/垂直翻轉(zhuǎn)Glow(…) 發(fā)光Gray(…) 灰度2023/4/1322?CSS樣式單的使用-濾鏡效果Dropshadow() 投影Shadow() 陰影Xray 只顯示輪廓例filter:xray 只顯示文字、圖片的輪廓，似X光效果。2023/4/1323?11.5應(yīng)用CSS樣式擴展分頁光標濾鏡2023/4/1324?11.6管理CSS樣式編輯CSS樣式修改CSS樣式拷貝CSS樣式刪除CSS樣式2023/4/1325?CSS中定義背景圖片body

{display:block;background-image:url(lspbh.jpg);background-repeat:no-repeat}也可以為某個元素定義背景圖片，只要將根元素名

換成相應(yīng)的元素名即可。2023/4/1326?CSS中使用中文在CSS中顯示中文 在CSS第1行添加如下語句，即可在CSS中使用各種中文字體

@charset"gb2312";

2023/4/1327?CSS樣式單中的主要屬性名稱

說明font-family 字型族名稱font-style 字型樣式font-weight 字型粗細font-stretch 緊縮、擴張font-size 字型大小color 顏色text-indent 文字縮排方式text-align 文字對齊方式text-shadows 文字陰影text-transform 文字變化2023/4/1328?CSS版面屬性名稱

說明display 顯示狀態(tài)width 寬度background-color 背景顏色2023/4/1329?屬性值的設(shè)定Display屬性Block 塊Inline 字符顯示在同一行l(wèi)ist-item 列表顯示None 不顯示的內(nèi)容background-color屬性設(shè)定背景顏色rgb指定法Border屬性「top」、「bottom」、「left」、「right」。2023/4/1330?CSS樣式單的使用絕對 英寸（in） 1in=2.54cm

厘米（cm） 1cm=0.3937in

毫米（mm） 1mm=0.1cm

磅 （pt） 1pt=1/72in=0.3528mm

派卡（pc） 1pc=12pt=1/6in2023/4/1331?CSS樣式單的使用相對單位em 字母M的寬度； Ex 字母X的高度px 像素點 % 百分比絕對單位In 英寸(1英寸=2.54厘米)。Cm 厘米Mm 毫米。Pt 磅(1磅=1/72英寸)Pc 皮卡(1皮卡=12磅)。如父元素指定font-size=12pt,則其子元素定義Font-size=150%，即18pt。2023/4/1332?CSS樣式單的使用塊級 (block) 內(nèi)聯(lián) (inline) 列表項 (list-item) 不可見(none)2023/4/1333?CSS樣式單的使用-顏色單位四種

顏色名稱、十進制(0~255)、十六進制(00~ff)、百分比。 content{color:red} content{color:rgb(silver} content{color:rgb(0%,50%,50%)}

content{color:rgb(00,00,ff)}紅綠黃2023/4/1334?CSS中的定位CSS定位：相對/絕對定位position屬性決定元素位置類型Position=absolute|relative|static

absolute：屏幕上的絕對位置。

relative：屏幕上的相對位置。

static： 固有位置。

2023/4/1335?CSS中的定位頁面位置

元素區(qū)域

頁邊距margin

填充距Padding2023/4/1336?CSS中的定位z-index屬性：CSS允許元素重疊顯示，z-index屬性用整數(shù)定義元素的前后位置，數(shù)值越大，顯示在相對靠前的位置。z-index=auto|integer網(wǎng)上參考教程：/css/index.htm2023/4/1337?CSS練習(xí)設(shè)置如下濾鏡效果：文字水平、垂直反轉(zhuǎn)。陰影、投影、透明。

2023/4/1338?謝謝觀看Thankyou

(foryourattention.)2023/4/1339?演講完畢，謝謝觀看！附錄資料：不需要的可以自行刪除41信息化規(guī)劃與管理建立企業(yè)模型42第一節(jié)信息化規(guī)劃項目的規(guī)劃

制定大、中型企業(yè)的信息化規(guī)劃本身就是一個龐大的項目，必須對這個信息化規(guī)劃項目進行規(guī)劃，這是制定信息化規(guī)劃階段的第一項任務(wù)，在這一項任務(wù)中應(yīng)該完成以下三個子任務(wù)：

43一、確定信息戰(zhàn)略規(guī)劃的邊界

確定信息化規(guī)劃的范圍，是對企業(yè)制定整體（或全局）規(guī)劃，還是制定企業(yè)一個部門的規(guī)劃（局部規(guī)劃）；確定IT規(guī)劃的信息技術(shù)邊界，即信息系統(tǒng)應(yīng)用哪些信息技術(shù)；確定信息化規(guī)劃的時間限制，一般應(yīng)在3~6個月之內(nèi)完成，時間太短，結(jié)果比較膚淺；時間太長了，規(guī)劃過于詳細，可能過時。

44二、建立制定信息化規(guī)劃項目的組織

項目發(fā)起人，他是主管項目的高級行政官員，他能與其他高層管理人員進行交流；項目小組，即前面所述的核心小組；咨詢小組，其作用是提供項目小組不具備的專業(yè)技術(shù)，審查可交付的報告，以確保能正確反映業(yè)務(wù)現(xiàn)實。是否一定需要咨詢小組，可以根據(jù)企業(yè)的具體情況來決定，所以，咨詢小組是任選的。

45三、制定項目進度表

制定企業(yè)的信息化規(guī)劃要完成7項任務(wù)，而每一項任務(wù)又包含一些子任務(wù)，有的子任務(wù)仍需分解成為更小的任務(wù)。為此，需要制定一個詳細的任務(wù)表，規(guī)定各個任務(wù)的優(yōu)先次序和完成任務(wù)的時間安排。給項目組成員分配具體任務(wù)和確定任務(wù)完成的時間，并繪制詳細的進度表，便于及時檢查和掌握工作進度。

46第二節(jié)初始的企業(yè)模型信息化規(guī)劃階段的第二個任務(wù)是建立一個初始的高層次的企業(yè)模型。高層次的企業(yè)模型應(yīng)包括業(yè)務(wù)處理的主要數(shù)據(jù)（稱為主題域）和這些數(shù)據(jù)之間的關(guān)系，以及企業(yè)的高層業(yè)務(wù)功能。首先要求識別企業(yè)的組織結(jié)構(gòu)，確定企業(yè)的任務(wù)、目標和關(guān)鍵成功因素及其信息需求，進行業(yè)務(wù)戰(zhàn)略規(guī)劃。

47一、建立組織層次圖

首先，識別企業(yè)的組織機構(gòu)，建立企業(yè)的組織層次圖。

信息來源：從得到的組織結(jié)構(gòu)的文檔中獲得。信息輸入：組織結(jié)構(gòu)圖，組織手冊或指南，組織文件或數(shù)據(jù)庫報表。信息輸出：組織層次圖和組織單元的信息記錄表。

48信息輸入步驟1：利用IT規(guī)劃工具箱的組織層次圖表來表示層次形式的組織結(jié)構(gòu)，或用縮進形式圖表表示。步驟2：記錄每一組織單元的下列信息，并建立組織單元信息記錄表。

名稱；

負責(zé)人的姓名和職務(wù)；

組織單元的任務(wù)；組織單元之間的關(guān)系。信息輸出：組織層次圖、組織單元的信息記錄表49二、識別企業(yè)的任務(wù)、目標、戰(zhàn)略重點和關(guān)鍵的成功因素

為了獲取企業(yè)的信息需求，應(yīng)該識別企業(yè)的任務(wù)、目標、戰(zhàn)略重點和關(guān)鍵的成功因素。信息來源：從審查的書面文檔中提取有關(guān)業(yè)務(wù)的材料。信息輸入：正式的業(yè)務(wù)計劃、年底報告、戰(zhàn)略備忘錄、組織層次圖。信息輸出：任務(wù)說明書組織單元的目標、戰(zhàn)略和關(guān)鍵成功因素列表企業(yè)目標／組織單元目標矩陣企業(yè)和主要單元的初始目標層次列表

50信息輸入步驟1：考察全部提供的可用文件，確定并列出企業(yè)的任務(wù)、目標、戰(zhàn)略和關(guān)鍵成功因素，在確定企業(yè)的關(guān)鍵成功因素時，應(yīng)注意它們總是與確保企業(yè)競爭能力的因素相關(guān)。關(guān)鍵成功因素是由企業(yè)的關(guān)鍵信息、關(guān)鍵假設(shè)和關(guān)鍵的決策組成的。步驟2：將任務(wù)、目標和關(guān)鍵成功因素組成一個任務(wù)說明書。

步驟3：記錄組織層次圖中與企業(yè)有直接關(guān)系的組織單元的目標、戰(zhàn)略和關(guān)鍵成功因素。步驟4：建立企業(yè)目標／組織單元目標矩陣，

步驟5：產(chǎn)生一份初始的目標層次列表，信息輸出：同前

51三、闡述信息需求和性能度量

在信息輸出的基礎(chǔ)上，必須識別出支持每個目標和關(guān)鍵成功因素所需要的信息，這稱為“信息需求”；給出的評價每個目標完成的方法，稱為“性能度量”。信息輸入：書面文件，上一節(jié)的信息輸出、組織層次圖。信息輸出：信息需求列表信息需求／組織矩陣性能度量／組織矩陣

52信息輸入步驟1：識別和記錄信息需求及其特征，建立信息需求列表。（表6-2）

步驟2：建立信息需求／組織單元矩陣，其元素表示一組織單元的信息需求。（表6-3）

步驟3：建立性能度量／組織單元矩陣，其元素表示一個組織單元通過一個或多個性能度量來監(jiān)測它的目標。信息輸出：同上53四、分析信息技術(shù)的潛在影響

通過分析信息技術(shù)對企業(yè)業(yè)務(wù)的潛在影響，找出使業(yè)務(wù)可能獲益的信息技術(shù)，這里的信息技術(shù)是指用于創(chuàng)建新的業(yè)務(wù)機會的計算機硬件、軟件、數(shù)據(jù)庫和網(wǎng)絡(luò)通信產(chǎn)品。信息輸入：與信息技術(shù)最新發(fā)展和應(yīng)用有關(guān)的出版物，發(fā)行的目前流行的技術(shù)環(huán)境的業(yè)務(wù)文件，有可能依賴于信息技術(shù)的業(yè)務(wù)戰(zhàn)略。信息輸出：是一個有關(guān)信息技術(shù)對該企業(yè)業(yè)務(wù)產(chǎn)生潛在影響的簡短說明。

54信息輸入步驟1：重新審查可用的技術(shù)資料，以確定信息技術(shù)在企業(yè)內(nèi)部使用的范圍。步驟2：根據(jù)規(guī)劃者的經(jīng)驗和從出版物中得到的信息，列出使業(yè)務(wù)可能獲益的技術(shù)，這些技術(shù)包括四類：轉(zhuǎn)化為產(chǎn)品或服務(wù)的技術(shù)，或轉(zhuǎn)化為部分產(chǎn)品或部分服務(wù)的技術(shù)，銀行所關(guān)心的產(chǎn)品或服務(wù)的技術(shù)，用于市場銷售的技術(shù)，提高企業(yè)競爭優(yōu)勢的技術(shù)信息輸出：是一個有關(guān)信息技術(shù)對該企業(yè)業(yè)務(wù)產(chǎn)生潛在影響的簡短說明。55五、創(chuàng)建企業(yè)模型—初級信息結(jié)構(gòu)

企業(yè)模型是企業(yè)信息結(jié)構(gòu)的基礎(chǔ)，是企業(yè)所具有的業(yè)務(wù)功能和所涉及的主要數(shù)據(jù)（主題域）的宏觀表示。信息輸入：公司年度報告，企業(yè)先前開發(fā)的任何模型，組織層次圖。信息輸出：主題域列表主題域圖表初始化的功能層次圖（三層）它們共同組成了初始的企業(yè)模型。56信息輸入步驟1：確定業(yè)務(wù)處理的主題域（SubjectAreas）。一個主題域是企業(yè)感興趣的一些事物的概括，是業(yè)務(wù)處理的主要數(shù)據(jù)，每一主題域可以被分解成與該主題有關(guān)的一些基本的數(shù)據(jù)對象。在

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論