天天看點

3.4企業實訓

Web概述

    網頁:網站中用于承載資訊的頁面。主要由文字,圖像和超連結等元素構成。除了這些元素,網頁中還可以包含音頻、視訊以及flash等。

    web标準:Web标準不是某一個标準,而是由W3C和其他标準化組織制定的一系列标準的集合。 包含我們所熟悉的HTML、CSS、JavaScript等等。

(web标準的構成

    1.結構标準:HTML(Hyper Text Markup Language 超文本标記語言,網頁布局、整體架構、内容)

    2.表現标準:CSS(Cascading Style Sheets層疊樣式表。頁面更漂亮:頁面的字型、大小、顔色、對齊方式、背景色、背景圖檔、邊框樣式、圖檔的寬高等等)

    3.行為标準:JavaScript(頁面的動态效果:輪播圖、按鈕的點選操作、淘寶左側分類展示子分類的效果)

    開發工具: Dreamweaver

 菜單欄 :檔案:建立、打開、儲存等 編輯:   

 快捷鍵:給注釋加快捷鍵   

 首選參數:代碼格式、代碼提示、代碼顔色、建立文檔、在浏覽器中預覽、字型大小

 插入:表單、超連結等 格式:插入段落、标題、清單、樣式等

 站點:可以了解成一個檔案夾,把要建的網頁、圖檔等都放進去,友善統一管理

 視窗:顯示隐藏視窗 插入欄:常用的标簽,這裡可以直接用

 文檔工具欄:顯示代碼、設計視圖、修改網頁标題、選擇調試用的浏覽器

 文檔視窗:代碼區、視圖區、文檔狀态欄

 屬性面闆:不通元素屬性面闆内容不同

 Dreamweaver初始化設定: 工作區布局:視窗-工作區布局-經典

 必備面闆:視窗—插入、屬性、檔案 首選參數-建立文檔設定

 代碼提示:首選參數-代碼提示-結束标簽選擇第二項

 預設浏覽器:首選參數-在浏覽器中預覽-勾選主浏覽器

Html文檔基本格式:文檔字尾名.html或者.htm

<!doctype html> 必須用在開頭:用于向浏覽器說明目前文檔使用的哪種HTML規範标準

<html>:根标記,用于告知浏覽器本檔案是個html文檔

<head>:頭部資訊,主要用來放置其他位于頭部的标記,像<title>、<meta>、<link>、<style>等

<meta>:描述HTML文檔的描述,關鍵詞,作者,字元集等。

<body>:主體标記。網頁上要顯示的所有内容都寫在此處

HTML标記或者标簽 

通常成對出現:<html></html>、<p></p>

标簽:

<div>:用來劃分區域的

<p>:段落

<h1>~<h6>:标題從大到小

Html中引用樣式三種方式(樣式使用的順序:行内樣式—内嵌式—外鍊式)

行内樣式:在html标簽上寫樣式(不建議,後期不好維護)

内嵌式:在html文檔的頭部<head>中添加<style>,在style标簽裡面寫樣式

外鍊式:建立一個css樣式檔案,引入到html中(推薦)

代碼:

<body>
	<div id="txt" style="width:770px;background-color:#0F9;margin:0 auto;">
		<h1 class="myclass">你好,秋天</h1>
		<p align="center">zhaoqi @ 2018-10-08</p>
		<p align="center">春天是一把琴,将優美琴聲帶給世人,叫他們脫去衣襖,重新奔跑在溫暖的大地中;夏天是一把扇,扇去炎熱,以熱情的臉龐去溫撫他人;冬天時一雪花,飄飄而來,為人們帶來雪的姿态,但是秋天的葉則更令我喜歡。</p>
        <p align="center">秋天的葉是凄涼的飄飄灑灑的落葉如一隻蝴蝶,飛舞着,飄到大地母親的懷抱裡。 </p>
        <p align="center">秋天的葉是一位化妝師,把世界渲染,把大地變成金黃色;秋天的葉,默默無聞,春天夏天,樹葉的綠葉襯托使鳥兒莺歌燕舞,秋天的你,默默而去,但你不傷心,因為你熟知"落紅不是無情物,化作春泥更護花。"
           

轉載于:https://my.oschina.net/u/4090526/blog/3018907

繼續閱讀