本學期咱們主要學習網頁的開發，新學期第一天，老師帶領咱們在機房熟悉了王爺的各方面基礎知識。網站中用於承載信息的頁面，主要由文字、圖像和超連接等元素構成，除了這些元素，網頁中還能夠包含音頻、視頻以及flash等。Web標準不是某一個標準，而是由W3C和其餘標準化組織制定的一系列標準的集合。 包含咱們所熟悉的結構標準HTML、表現標準CSS、行爲標準JavaScript等等。css
開發工具備菜單欄，工具欄，文檔工具類，代碼編寫窗口，屬性面板，其餘經常使用面板構成。html
菜單欄 文件：新建、打開、保存等 編輯： 快捷鍵：給註釋加快捷鍵 首選參數：代碼格式、代碼提示、代碼顏色、新建文檔、在瀏覽器中預覽、字體大小 插入：表單、超連接等 格式：插入段落、標題、列表、樣式等 站點：能夠理解成一個文件夾，把要建的網頁、圖片等都放進去，方便統一管理 窗口：顯示隱藏窗口 插入欄：經常使用的標籤，這裏能夠直接用 文檔工具欄：顯示代碼、設計視圖、修改網頁標題、選擇調試用的瀏覽器 文檔窗口：代碼區、視圖區、文檔狀態欄 屬性面板：不通元素屬性面板內容不一樣 Dreamweaver初始化設置： 工做區佈局：窗口-工做區佈局-經典 必備面板：窗口—插入、屬性、文件 首選參數-新建文檔設置 代碼提示：首選參數-代碼提示-結束標籤選擇第二項 默認瀏覽器：首選參數-在瀏覽器中預覽-勾選主瀏覽器瀏覽器
Html文檔基本格式：文檔後綴名.html或者.htm 網絡
<!doctype html> 必須用在開頭：用於向瀏覽器說明當前文檔使用的哪一種HTML規範標準函數
<html>：根標記，用於告知瀏覽器本文件是個html文檔工具
<head>：頭部信息，主要用來放置其餘位於頭部的標記，像<title>、<meta>、<link>、<style>等佈局
<meta>：描述HTML文檔的描述，關鍵詞，做者，字符集等。學習
<body>：主體標記。網頁上要顯示的全部內容都寫在此處 HTML標記或者標籤 一般成對出現：<html></html>開發工具
標籤對的第一個標籤叫開始標籤（開放標籤），第二個是結束標籤（閉合標籤）字體
標籤也分單標籤和雙標籤：<img /> <hr />
標籤上有本身屬性：好比id，寫法：屬性=「值」 註釋：<!-- 我是註釋 --> 標籤： <div>：用來劃分區域的 <p>：段落 <h1>~<h6>：標題從大到小
Html中引用樣式三種方式（樣式使用的順序：行內樣式—內嵌式—外鏈式）
行內樣式：在html標籤上寫樣式（不建議，後期很差維護）
內嵌式：在html文檔的頭部<head>中添加<style>，在style標籤裏面寫樣式
外鏈式：新建一個css樣式文件，引入到html中（推薦）
href：要引入的css文件 type：要引入的文件的類型text/css表明引入的是
個樣式表文件 rel：當前文檔與引入文檔的關係，stylesheet表明被引入的是一個樣式表文件
CSS的寫法（基本語法） 選擇器 { 屬性1 : 屬性1的值 ; 屬性2 : 屬性2的值 ; … … }
CSS的選擇器 id選擇器：#id名 ｛屬性1 : 屬性1的值 ; ｝ class選擇器：.class名｛屬性1 : 屬性1的值 ; ｝ 標籤選擇器：標籤名 ｛屬性1 : 屬性1的值 ; ｝
引用js的兩種方式 內嵌式：在html文檔的頭部<head>中添加<script>標籤，在script標籤中寫js的代碼 外鏈式：新建一個js文件，引入到html中（推薦） 調用js中的方法（函數）
接下來是我上課期間打的代碼
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<style type="text/css">
#txt{background-color:#F36 !important;width:800px;}
</style>
</head>
<!-- 註釋 -->
<body>
<div id="text" style="width:770px; background-color:#6F6; margin:0 auto;">
<h1>你好，秋天</h1>
<p>zhaoqi @ 2018-10-08</p>
<p>春天是一把琴，將優美琴聲帶給世人，叫他們脫去衣襖，從新奔跑在溫暖的大地中；夏天是一把扇，扇去炎熱，以熱情的臉龐去溫撫他人；冬天時一雪花，飄飄而來，爲人們帶來雪的姿態，可是秋天的葉則更令我喜歡。</p>
<p>秋天的葉是淒涼的飄飄灑灑的落葉如一隻蝴蝶，飛舞着，飄到大地母親的懷抱裏。</p>
<p>秋天的葉是一位化妝師，把世界渲染，把大地變成金黃色；秋天的葉，默 默無聞，春天夏天，樹葉的綠葉陪襯使鳥兒鶯歌燕舞，秋天的你，默默而去， 但你不傷心，由於你熟知"落紅不是無情物，化做春泥更護花。"</p>
<p>秋日的葉是富有詩意的，你好，秋天，你好！</p>
<p>瀏覽[1051]|評論[105]</p>
<p>注：文字摘自網絡</p>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#txt{
background-color:#C36 !important;
whdth:800px;
}
.myclass{
text-align:center;
color:#CCC;
font-family:楷體;
font-style:italic;
}
p{
color:#39C;
text-indent:2em;
line-height:35px;
}