Web前端開發 課件 第1章 Web開發基礎_第1頁
Web前端開發 課件 第1章 Web開發基礎_第2頁
Web前端開發 課件 第1章 Web開發基礎_第3頁
Web前端開發 課件 第1章 Web開發基礎_第4頁
Web前端開發 課件 第1章 Web開發基礎_第5頁
已閱讀5頁，還剩7頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

使用HTML5創建網頁使用CSS美化網頁用JavaScript實現網頁交互第01章HTML基本語法主講教師：朱鐵櫻《Web前端開發》上課紀律要求座位固定，帶走垃圾三帶：帶書，帶筆記，帶筆三不帶：不帶吃，不帶喝，不帶手機不破壞電腦不做其他事情課程考核方式考核方式：理實一體化考核成績評定：總評成績=平時（60%）+期末考核（40%）

平時成績=學習通成績（40%）+作業（20%）+智慧樹（40%）要求：勤動手，多操作！W3school或菜鳥教程前端技術體系1.1Web概述Web（WorldWideWeb）即全球廣域網，也稱為萬維網，是一種基于超文本和HTTP的、全球性動態交互的、跨平臺分布式圖形信息系統。它是一個由許多互相鏈接的網頁組成的系統，通過互聯網進行訪問。萬維網是建立在Internet上的一種網絡服務，為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面，其中的文檔及超級鏈接將Internet上的信息節點組織成一個互為關聯的網狀結構。1.2Web工作原理Web萬維網是建立在B/S（瀏覽器/服務器）架構之上的，通過客戶端和服務器之間的通信來實現網絡上的信息傳遞和數據交換。Web的工作原理是一個復雜的過程，涉及到了用戶交互、域名解析、HTTP請求發送、服務器處理和瀏覽器解析等多個環節。服務器客戶端請求響應1.3Web相關概念Internet網絡：就是通常所說的互聯網，是由一些使用公用語言互相通信的計算機連接而成的網絡。WWW：WWW（英文World

Wide

Web的縮寫）中文譯為“萬維網”是Intertnet提供的一種網頁瀏覽服務。URL：URL（英文Uniform

Resource

Locator的縮寫）中文譯為“統一資源定位符”

URL其實就是Web地址，俗稱“網址”。DNS：DNS

（英文Domain

Name

System的縮寫）是域名解析系統。HTTP和HTTPS：HTTP

(Hypertext

transfer

protocol的縮寫)

中文譯為超文本傳輸協議，是一種詳細規定了瀏覽器和萬維網服務器之間互相通信的規則。HTTPS協議是由SSL+HTTP協議構建的可進行加密傳輸、身份認證的網絡協議，要比HTTP協議安全。1.3Web相關概念Web：Web通常指互聯網的使用環境。但對于網站制作者來說，它是一系列技術的復合總稱，通常稱之為網頁。W3C組織：W3C（英文World

Wide

Web

Consortium的縮寫）中文譯為“萬維網聯盟”。成立于1994年，Web技術領域最權威和具影響力的國際中立性技術標準機構，萬維網聯盟是國際最著名的標準化組織。W3C標準：由萬維網聯盟W3C組織制定的一系列標準，包括：結構化標準語言（HTML和XML），表現標準語言（CSS），行為標準語言（DOM和EMCAScript）。京東首頁1、只有結構（HTML）單調2、加入樣式（CSS）頁面更加美觀，但缺少交互3、加入行為（js）使網頁具有交互效果1.4Web網頁的構成網站：多個頁面通過鏈接連在一起就組成了網站，網站是相關網頁的集合，是一個虛擬空間，通過域名進行標識，通常由前端和后端技術組成，通過瀏覽器訪問網址即可呈現出網站的內容。

網頁一般包含HTML標簽的純文本文件，由兩部分組成，分別是文字和圖片，文字就是網頁的內容，圖片就是網頁的外觀，隨著互聯網技術的發展，網頁還逐漸增加了動畫、音樂、程序等更多的元素，整體頁面也變得越來越美觀。網頁可以存放在世界上某一臺計算機中，用戶可以通過瀏覽器訪問某臺計算機中的頁面，此時存放網頁的計算機可以理解為Web服務器。所有的HTML文檔都應該有一個<html>標簽，<html>標簽包含兩個部分：<head>和<body>。<head>標簽用于包含整個文檔的描述信息，比如文檔的標題（<title>元素用于包含標題），對整個文檔的描述，文檔的關鍵字等等。文檔的具體內容則放在與head標簽同級的<body>元素中。1.4Web網頁的構成用戶無論何時何地訪問，網頁都會顯示固定的信息，除非網頁源代碼被重新修改上傳。靜態網頁更新不方便，但是訪問速度快。靜態網頁動態網頁顯示的內容會隨著用戶操作和時間的不同而變化。動態網頁可以和服務器數據庫進行實時的數據交換。靜動混合1.5Web前端開發技術Web前端開發是創建Web頁面或APP等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現

溫馨提示

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

評論

0/150

提交評論