整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
.文本標(biāo)簽
① 加粗：b：<b>內(nèi)容</b> 【strong：<strong>內(nèi)容</strong>】
② 斜體：i：<i>內(nèi)容</i> 【<em>內(nèi)容</em>】
③下劃線：u：<u>內(nèi)容</u> 【ins：<ins>內(nèi)容</ins>標(biāo)注】
④ 刪除線：del：<del>內(nèi)容</del> 【s：<s>內(nèi)容</s>】
⑤ 字體變大：big：<big>內(nèi)容</big> 字體放大【115%】
⑥ 字體變小：small：<small>內(nèi)容</small> 字體縮小成【85%】
⑦上標(biāo)：sup：<sup>內(nèi)容</sup>
⑧ 下標(biāo)：sub：<sub>內(nèi)容</sub>
總結(jié):這些都是文本顯示標(biāo)簽,多用來調(diào)整網(wǎng)頁字體大小或文本格式所用,個(gè)人感覺這些不需要強(qiáng)制記憶,有印象即可.
二.字體標(biāo)簽(Font)
font標(biāo)簽是一個(gè)基本的字體標(biāo)簽,其格式如下:
<font>要顯示字體</font>
屬性:size:1-7(用來控制字體大小)
color(字體顏色,支持RGB表示,英文單詞)
face(字體類型)
以上均是個(gè)人日常學(xué)習(xí),大神勿噴,每天學(xué)習(xí)一點(diǎn)點(diǎn),堅(jiān)持就好!!
程序員分享CSS標(biāo)簽的分類、及顯示模式，標(biāo)簽的類型(顯示模式) HTML標(biāo)簽一般分為塊標(biāo)簽和行內(nèi)標(biāo)簽兩種類型，它們也稱塊元素和行內(nèi)元素。
一、塊級(jí)元素(block-level)
每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一整行或多整行，可以對(duì)其設(shè)置寬度、高度、對(duì)齊等屬性，常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。常見的塊元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 標(biāo)簽是最典型的塊元素。
特點(diǎn)：（重要）
1、獨(dú)占父親一行，寬度默認(rèn)是容器的100%；
2、高度，行高、外邊距以及內(nèi)邊距都可以控制；（支持寬高的設(shè)置）
3、不設(shè)置高度，高度由內(nèi)容決定；
4、可以容納內(nèi)聯(lián)元素和其他塊元素；
二、行內(nèi)元素(inline-level)
行內(nèi)元素（內(nèi)聯(lián)元素）不占有獨(dú)立的區(qū)域，僅僅靠自身的字體大小和圖像尺寸來支撐結(jié)構(gòu)，一般不可以設(shè)置寬度、高度、對(duì)齊等屬性，常用于控制頁面中文本的樣式。常見的行內(nèi)元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中 <span> 標(biāo)簽最典型的行內(nèi)元素。
特點(diǎn)：（重要）
1、和相鄰行內(nèi)元素在一行上，換行會(huì)有空隙；
2、高、寬無效，但水平方向的padding和margin可以設(shè)置，垂直方向的無效；（不支持寬高）
3、默認(rèn)寬度就是它本身內(nèi)容的寬度；
4、行內(nèi)元素只能容納文本或則其他行內(nèi)元素。（a特殊）
Tips：
1、只有 文字才 能組成段落 因此 p 里面不能放塊級(jí)元素，同理還有這些標(biāo)簽h1,h2,h3,h4,h5,h6,dt，他們都是文字類塊級(jí)標(biāo)簽，里面不能放其他塊級(jí)元素。
2、鏈接里面不能再放鏈接。
三、行內(nèi)塊元素（inline-block）
在行內(nèi)元素中有幾個(gè)特殊的標(biāo)簽——<img />、<input />、<td>，可以對(duì)它們?cè)O(shè)置寬高和對(duì)齊屬性，稱它們?yōu)?行內(nèi)塊元素。
特點(diǎn)：
1、和相鄰行內(nèi)元素（行內(nèi)塊）在一行上,但是之間會(huì)有空白縫隙；
2、默認(rèn)寬度就是它本身內(nèi)容的寬度；
3、高度，行高、外邊距以及內(nèi)邊距都可以控制。
四、標(biāo)簽顯示模式轉(zhuǎn)換 display
在設(shè)計(jì)網(wǎng)頁的時(shí)候，可能需要給不同的標(biāo)簽設(shè)置不同的顯示模式?？梢酝ㄟ^ display 實(shí)現(xiàn)。
1、塊轉(zhuǎn)行內(nèi)：display:inline;
2、行內(nèi)轉(zhuǎn)塊：display:block;
3、塊、行內(nèi)元素轉(zhuǎn)換為行內(nèi)塊： display: inline-block;
時(shí)：100
學(xué)分：6
HTML+CSS是網(wǎng)頁構(gòu)成的基本要素，“跨平臺(tái)開發(fā)”的概念也逐漸走進(jìn)移動(dòng)開發(fā)者的視野。目前國(guó)內(nèi)外已經(jīng)有很多基于HTML5的跨平臺(tái)開發(fā)工具，掌握HTML+CSS技術(shù)，運(yùn)用工具中所提供的各種豐富的功能模塊，可在很短時(shí)間內(nèi)完成App的開發(fā)而且讓你的App具備完美的原生體驗(yàn)。
通過本課程的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁得組成有所了解，從最簡(jiǎn)單的網(wǎng)頁開發(fā)基礎(chǔ)入手，通過本課程的學(xué)習(xí)與實(shí)踐，使學(xué)生掌握網(wǎng)頁得基本組成部分，掌握使用HTML完成網(wǎng)頁開發(fā)得步驟，并能結(jié)合CSS為網(wǎng)頁增添華麗的動(dòng)畫與3D效果樣式，能夠編寫大型綜合性網(wǎng)頁。
教學(xué)章節(jié) | 理論 | 實(shí)驗(yàn) |
第一章：HTML語言基礎(chǔ) | 4 | 4 |
第二章：表格和表單 | 4 | 4 |
第三章：CSS樣式表基礎(chǔ) | 4 | 4 |
第四章：CSS樣式表深入 | 4 | 4 |
第五章：塊狀元素和行內(nèi)元素 | 4 | 4 |
第六章：盒子模型與盒子定位 | 8 | 8 |
第七章：菜單樣式設(shè)計(jì) | 4 | 4 |
第八章：表格布局網(wǎng)頁制作 | 4 | 4 |
第九章：DIV頁面布局 | 4 | 4 |
第十章：靜態(tài)網(wǎng)站設(shè)計(jì)案例 | 10 | 10 |
合計(jì) | 50 | 50 |
三、實(shí)踐教學(xué)的基本要求
1.課內(nèi)實(shí)驗(yàn)項(xiàng)目一覽表
序號(hào) | 實(shí)驗(yàn)項(xiàng)目 | 學(xué)時(shí) | 必/選做 |
1 | HTML基本標(biāo)簽 | 2 | 必做 |
2 | 網(wǎng)頁表單表格設(shè)計(jì) | 2 | 必做 |
3 | 網(wǎng)頁基礎(chǔ)CSS樣式設(shè)計(jì) | 2 | 必做 |
4 | 網(wǎng)頁CSS樣式設(shè)計(jì) | 2 | 必做 |
5 | 網(wǎng)頁CSS樣式設(shè)計(jì) | 2 | 必做 |
6 | 浮動(dòng)廣告位設(shè)計(jì)案例 | 2 | 必做 |
7 | 導(dǎo)航欄菜單設(shè)計(jì)案例 | 2 | 必做 |
8 | 網(wǎng)頁布局設(shè)計(jì) | 2 | 必做 |
9 | 新疆旅游網(wǎng)網(wǎng)頁設(shè)計(jì)案例 | 4 | 必做 |
10 | 百度貼吧網(wǎng)頁設(shè)計(jì)案例 | 4 | 必做 |
總計(jì) | 24 | ||
2.實(shí)踐教學(xué)要求
（1）教學(xué)目的: 加強(qiáng)實(shí)踐環(huán)節(jié)，培養(yǎng)學(xué)生的動(dòng)手能力。使學(xué)生通過實(shí)驗(yàn)驗(yàn)證課堂所學(xué)理論，加深理解并掌握網(wǎng)頁設(shè)計(jì)相關(guān)理論知識(shí)。
(2) 教學(xué)要求：了解要求學(xué)生掌握Hbulider軟件的操作過程，以及利用該軟件進(jìn)行實(shí)際網(wǎng)頁設(shè)計(jì)開發(fā)的步驟。
(3) 教學(xué)形式：課堂教學(xué)和教學(xué)實(shí)驗(yàn)相互結(jié)合，通過實(shí)驗(yàn)內(nèi)容鞏固所學(xué)知識(shí)。
四、課程的基本教學(xué)內(nèi)容及要求
第一章 HTML語言基礎(chǔ)
1.教學(xué)內(nèi)容
（1）B/S程序架構(gòu)
（2）HTML語言
（3）HTML常用標(biāo)簽
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：HTML常用標(biāo)簽分類，常用標(biāo)簽使用。
難點(diǎn)：HTML常用標(biāo)簽分類，常用標(biāo)簽使用。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生了解HTML語言，掌握HTML常用標(biāo)簽分類以及常用標(biāo)簽使用，會(huì)使用Hblider完成簡(jiǎn)單得頁面練習(xí)。
第二章 表格和表單
1.教學(xué)內(nèi)容
（1）表格的基本結(jié)構(gòu)，表格的基本語法
（2）表格的基本操作
（3）表單的使用
（4）表單基本元素
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：表格/表單的基本結(jié)構(gòu)，基本語法以及常用操作。
難點(diǎn)：表格/表單的基本結(jié)構(gòu)，基本語法以及常用操作。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求掌握網(wǎng)頁中表格和表單的基本結(jié)構(gòu)，基本語法以及常用操作，并可以完成簡(jiǎn)單的表格表單頁面設(shè)計(jì)。
第三章 CSS樣式表基礎(chǔ)
1.教學(xué)內(nèi)容
（1）CSS基本語法
（2）CSS基本用法
（3）CSS基礎(chǔ)選擇器
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：CSS基本語法，CSS中選擇器的分類及各類選擇器的使用方法。
難點(diǎn)：CSS基本語法，CSS中選擇器的分類及各類選擇器的使用方法。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生了解什么是CSS，掌握CSS基本語法和基本使用方式，CSS中選擇器的分類及各類選擇器的使用方法，并能使用CSS為網(wǎng)頁添加簡(jiǎn)單的樣式。
第四章 CSS樣式深入
1.教學(xué)內(nèi)容
（1）CSS顏色屬性
（2）字體屬性
（3）CSS背景屬性
（4）CSS列表屬性
（5）CSS文本格式化
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：CSS各類樣式的基本語法，屬性及使用。
難點(diǎn)：CSS各類樣式的基本語法，屬性及使用。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生深入了解掌握CSS顏色、字體、背景、列表等屬性基本語法和使用方式，并能使用CSS為網(wǎng)頁添加相應(yīng)的樣式。
第五章 塊狀元素,行內(nèi)元素
1.教學(xué)內(nèi)容
（1）塊狀元素和行內(nèi)元素
（2）元素之間相互轉(zhuǎn)換
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：塊狀元素和行內(nèi)元素區(qū)別和相互轉(zhuǎn)換。
難點(diǎn)：塊狀元素和行內(nèi)元素區(qū)別和相互轉(zhuǎn)換。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生深入了解掌握CSS中元素的分類和相互轉(zhuǎn)換，并能使用CSS為網(wǎng)頁添加相應(yīng)的樣式。
第六章 盒子模型
1.教學(xué)內(nèi)容
（1）盒子模型
（2）盒子模型計(jì)算
（3）邊距設(shè)置
（4）盒子模型陰影
（5）盒子定位
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：盒子模型大小計(jì)算方式，內(nèi)外邊距設(shè)置使用，盒子定位方式和區(qū)別。
難點(diǎn)：盒子模型大小計(jì)算方式，內(nèi)外邊距設(shè)置使用，盒子定位方式和區(qū)別。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生深入了解掌握CSS中盒子模型的分類，盒子大小的計(jì)算，以及盒子邊距的設(shè)計(jì)和計(jì)算，熟練定位盒子位置，并能使用CSS為網(wǎng)頁添加相應(yīng)的樣式。
第七章 菜單樣式設(shè)計(jì)
1.教學(xué)內(nèi)容
（1）水平導(dǎo)航菜單設(shè)計(jì)
（2）垂直導(dǎo)航菜單設(shè)計(jì)
（3）懸浮菜單設(shè)計(jì)
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：水平/垂直/懸浮導(dǎo)航菜單設(shè)計(jì)。
難點(diǎn)：水平/垂直/懸浮導(dǎo)航菜單設(shè)計(jì)。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生熟練使用CSS樣式基礎(chǔ)完成不同類型的導(dǎo)航菜單設(shè)計(jì)。
第八章 表格布局網(wǎng)頁制作
1.教學(xué)內(nèi)容
（1）網(wǎng)頁布局屬性
（2）使用表格完成完成網(wǎng)頁布局
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：使用表格完成完成網(wǎng)頁布局。
難點(diǎn)：使用表格完成完成網(wǎng)頁布局。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生掌握網(wǎng)頁布局的用途，熟練使用CSS表格完成網(wǎng)頁布局。
第九章 DIV頁面布局
1.教學(xué)內(nèi)容
（1）使用DIV完成完成網(wǎng)頁布局
（2）新疆旅游網(wǎng)網(wǎng)頁設(shè)計(jì)
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：使用DIV完成完成網(wǎng)頁布局。
難點(diǎn)：使用DIV完成完成網(wǎng)頁布局。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生掌握網(wǎng)頁布局的用途，熟練使用DIV完成網(wǎng)頁布局，完成新疆旅游網(wǎng)網(wǎng)頁設(shè)計(jì)。
第十章 靜態(tài)網(wǎng)站設(shè)計(jì)案例
1.教學(xué)內(nèi)容
（1）百度貼吧網(wǎng)頁設(shè)計(jì)
2.重點(diǎn)與難點(diǎn)
重點(diǎn)：百度貼吧網(wǎng)頁設(shè)計(jì)。
難點(diǎn)：百度貼吧網(wǎng)頁設(shè)計(jì)。
3.課程教學(xué)要求
本章采用多媒體講述的教學(xué)方法，要求學(xué)生熟練使用HTML+CSS完成百度貼吧網(wǎng)頁設(shè)計(jì)
五、課程考核
1.考核方式、記分制和考核時(shí)間
本課程采用理論閉卷考查+上機(jī)實(shí)踐兩種考核方式，成績(jī)采用百分制記分，理論考試時(shí)間為60分鐘，上機(jī)考試時(shí)間為120分鐘
2.考試成績(jī)構(gòu)成
課程總成績(jī)=平時(shí)成績(jī)10%+實(shí)踐成績(jī)20%+期末考試成績(jī)70%。
3.考核題型及命題要求
理論考核題型為選擇題。
上機(jī)考試題型為網(wǎng)頁設(shè)計(jì)題。
命題依據(jù)教學(xué)大綱要求，命題在教學(xué)大綱規(guī)定的教學(xué)目的、教學(xué)要求、教學(xué)內(nèi)容和教材范圍之內(nèi)，按照重分析推理和理論聯(lián)系實(shí)際原則，既考查對(duì)基本知識(shí)的識(shí)記能力，又考查運(yùn)用所學(xué)知識(shí)實(shí)際運(yùn)用能力，考試命題的覆蓋面應(yīng)盡可能廣一些，其中主要考查學(xué)生對(duì)HTML+CSS基礎(chǔ)的掌握程度和使用HTML+CSS完成網(wǎng)頁設(shè)計(jì)的熟練程度。
六、參考教材
[1] 明日科技.梅長(zhǎng)林.零基礎(chǔ)學(xué)HTML5+CSS3.吉林大學(xué)出版社,2017
[2] Elisabeth Robson,Eric Freeman著,徐陽,丁小峰等譯.Head First HTML與CSS（第2版）.中國(guó)電力出版社.2013
七、大綱說明
本大綱根據(jù)計(jì)算機(jī)應(yīng)用專業(yè)人才培養(yǎng)方案、培養(yǎng)規(guī)格和數(shù)據(jù)分析與處理性質(zhì)，結(jié)合學(xué)校現(xiàn)有條件制定本大綱，其內(nèi)容根據(jù)課程內(nèi)容、人才培養(yǎng)方案及科學(xué)性和合理性原則選編。對(duì)大綱中的重點(diǎn)應(yīng)深入講解，對(duì)難點(diǎn)采用課堂講授與課下輔導(dǎo)為主，課堂講授中，教師反復(fù)強(qiáng)調(diào)工程性的指導(dǎo)思想，以及所講知識(shí)點(diǎn)在信息科學(xué)領(lǐng)域所處的位置和作用，以生動(dòng)的實(shí)例引導(dǎo)學(xué)生，提高學(xué)生學(xué)習(xí)的積極性。
制定人： 審定人：
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
