WEBSTORM前端 —— 第2章:CSS —— 第8節:網頁制作2(小兔鮮兒)

目錄

1.項目目錄

2.SEO 三大標簽

3.Favicon 圖標

4.版心

5.快捷導航(shortcut)

6.頭部(header)

7.底部(footer)

8.banner

9.banner – 圓點

10.新鮮好物(goods)

11.熱門品牌(brand)

12.生鮮(fresh)

13.最新專題(topic)


1.項目目錄

【xtx-pc】

  • images 文件夾:存放固定使用的圖片素材,例如:logo、樣式修飾圖等等
  • uploads 文件夾:存放非固定使用的圖片素材,例如:商品圖、宣傳圖需要上傳的圖片
  • iconfont 文件夾:字體圖標素材
  • css 文件夾:存放 CSS 文件(link 標簽引入)
  • base.css:基礎公共樣式
  • common.css:各個網頁相同模塊的重復樣式,例如:頭部、底部
  • index.css:首頁 CSS 樣式
  • index.html:首頁 HTML 文件


2.SEO 三大標簽

①SEO搜索引擎優化,提升網站百度搜索排名

②提升SEO的常見方法:

  •  競價排名
  • 將網頁制作成html后綴
  • 標簽語義化(在合適的地方使用合適的標簽)

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/79481.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/79481.shtml
英文地址,請注明出處:http://en.pswp.cn/web/79481.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

1、RocketMQ 核心架構拆解

1. 為什么要使用消息隊列? 消息隊列(MQ)是分布式系統中不可或缺的中間件,主要解決系統間的解耦、異步和削峰填谷問題。 解耦:生產者和消費者通過消息隊列通信,彼此無需直接依賴,極大提升系統靈…

[Linux網絡_71] NAT技術 | 正反代理 | 網絡協議總結 | 五種IO模型

目錄 1.NAT技術 NAPT 2.NAT和代理服務器 3.網線通信各層協議總結 補充說明 4.五種 IO 模型 1.什么是IO?什么是高效的IO? 2.有那些IO的方式?這么多的方式,有那些是高效的? 異步 IO 🎣 關鍵缺陷類比…

Unity基礎學習(八)時間相關內容Time

眾所周知,每一個游戲都會有自己的時間。這個時間可以是內部,從游戲開始的時間,也可以是外部真實的物理時間,時間相關內容 主要用于游戲中 參與位移計時 時間暫停等。那么我們今天就來看看Unity中和時間相關的內容。 Unity時間功能…

Java游戲服務器開發流水賬(1)游戲服務器的架構淺析

新項目立項停滯,頭大。近期讀老項目代碼看到Java,筆記記錄一下。 為什么要做服務器的架構 游戲服務器架構設計具有多方面的重要意義,它直接關系到游戲的性能、可擴展性、穩定性以及用戶體驗等關鍵因素 確保游戲的流暢運行 優化數據處理&a…

計算機視覺與深度學習 | 基于Transformer的低照度圖像增強技術

基于Transformer的低照度圖像增強技術通過結合Transformer的全局建模能力和傳統圖像增強理論(如Retinex),在保留顏色信息、抑制噪聲和平衡亮度方面展現出顯著優勢。以下是其核心原理、關鍵公式及典型代碼實現: 一、原理分析 1. 全局依賴建模與局部特征融合 Transformer的核…

Linux 文件目錄管理常用命令

pwd 顯示當前絕對路徑 cd 切換目錄 指令備注cd -回退cd …返回上一層cd ~切換到用戶主目錄 ls 列出目錄的內容 指令備注ls -a顯示當前目錄中的所有文件和目錄,包括隱藏文件ls -l以長格式顯示當前目錄中的文件和目錄ls -hl以人類可讀的方式顯示當前目錄中的文…

【Linux 系統調試】性能分析工具perf使用與調試方法

目錄 一、perf基本概念 1?. 事件類型? 2?. 低開銷高精度 3?. 工具定位? 二、安裝與基礎配置 1. 安裝方法 2. 啟用符號調試 三、perf工作原理 1. 數據采集機制 2. 硬件事件轉化流程 四、perf應用場景 1. 系統瓶頸定位 2. 鎖競爭優化 3. 緩存優化 五、perf高級…

嵌入式中屏幕的通信方式

LCD屏通信方式詳解 LCD屏(液晶顯示屏)的通信方式直接影響其數據傳輸效率、顯示刷新速度及硬件設計復雜度。根據應用場景和需求,LCD屏的通信方式主要分為以下三類,每種方式在協議類型、數據速率、硬件成本及適用場景上存在顯著差異…

【el-admin】el-admin關聯數據字典

數據字典使用 一、新增數據字典1、新增【圖書狀態】和【圖書類型】數據字典2、編輯字典值 二、代碼生成配置1、表單設置2、關聯字典3、驗證關聯數據字典 三、查詢操作1、模糊查詢2、按類別查詢(下拉框) 四、數據校驗 一、新增數據字典 1、新增【圖書狀態…

【Spring】Spring MVC筆記

文章目錄 一、SpringMVC簡介1、什么是MVC2、什么是SpringMVC3、SpringMVC的特點 二、HelloWorld1、開發環境2、創建maven工程a>添加web模塊b>打包方式:warc>引入依賴 3、配置web.xmla>默認配置方式b>擴展配置方式 4、創建請求控制器5、創建springMVC…

如何在大型項目中解決 VsCode 語言服務器崩潰的問題

在大型C/C項目中,VS Code的語言服務器(如C/C擴展)可能因內存不足或配置不當頻繁崩潰。本文結合系統資源分析與實戰技巧,提供一套完整的解決方案。 一、問題根源診斷 1.1 內存瓶頸分析 通過top命令查看系統資源使用情況&#xff…

LeetCode百題刷002摩爾投票法

遇到的問題都有解決的方案,希望我的博客可以為你提供一些幫助 圖片源自leetcode 題目:169. 多數元素 - 力扣(LeetCode) 一、排序法 題目要求需要找到多數值(元素個數>n/2)并返回這個值。一般會想到先…

Android Studio Gradle 中 只顯示 Tasks 中沒有 build 選項解決辦法

一、問題描述 想把項目中某一個模塊的代碼單獨打包成 aar ,之前是點擊 AndroidStudio 右側的 Gradle 選項,然后再點擊需要打包的模塊找到 build 進行打包,但是卻發現沒有 build 選項。 二、解決辦法 1、設置中勾選 Configure all Gradle tasks… 選項 …

深入淺出之STL源碼分析2_stl與標準庫,編譯器的關系

引言 在第一篇博客中,深入淺出之STL源碼分析1_vector基本操作-CSDN博客 我們將引出下面的幾個問題 1.剛才我提到了我的編譯器版本是g 11.4.0,而我們要講解的是STL(標準模板庫),那么二者之間的關系是什么?…

(十二)深入了解AVFoundation-采集:人臉識別與元數據處理

(一)深入了解AVFoundation:框架概述與核心模塊解析-CSDN博客 (二) 深入了解AVFoundation - 播放:AVFoundation 播放基礎入門-CSDN博客 (三)深入了解AVFoundation-播放&#xff1…

Kafka 與 RabbitMQ、RocketMQ 有何不同?

一、不同的誕生背景,塑造了不同的“性格” 名稱 背景與目標 產品定位 Kafka 為了解決 LinkedIn 的日志收集瓶頸,強調吞吐與持久化 更像一個“可持久化的分布式日志系統” RabbitMQ 出自金融通信協議 AMQP 的實現,強調協議標準與廣泛適…

配置 Web 服務器練習

一、要求 1.通過https://ip 可以訪問到網站首頁 2.通過 https://ip/private/ 實現用戶訪問控制,僅允許已經添加的 tom,jerry 能夠訪問到 private 子路徑的界面 3.通過 https://ip/vrit/ 實現能夠訪問到將系統 /nginx/virt 目錄下的網頁文件&#xff0…

MySQL索引詳解(下)(SQL性能分析,索引使用)

索引是MySQL性能優化的核心,但如何精準分析查詢瓶頸、合理設計索引,是開發者必須掌握的技能。本文結合實戰案例,系統講解SQL性能分析工具鏈與索引使用技巧,幫助讀者構建高性能數據庫系統。 一、SQL性能分析:從宏觀到微…

招行數字金融挑戰賽數據賽道賽題一

賽題描述:根據提供的用戶行為數據,選手需要分析用戶行為特征與廣告內容的匹配關系,準確預測用戶對測試集廣告的點擊情況,通過AUC計算得分。 得分0.6120,排名60。 嘗試了很多模型都沒有能夠提升效果,好奇大…

ORB-SLAM3和VINS-MONO的對比

直接給總結,整體上orbslam3(僅考慮帶imu)在初始化階段是松耦合,localmap和全局地圖優化是緊耦合。而vins mono則是全程緊耦合。然后兩者最大的區別就在于vins mono其實沒有對地圖點進行優化,為了輕量化,它一…