文章目錄

• • 廣義的html5
  • 品優(yōu)購項(xiàng)目導(dǎo)讀
  • • 網(wǎng)站制作流程
    • 原型圖
  • 項(xiàng)目規(guī)劃
  • • 項(xiàng)目整體介紹
  • 項(xiàng)目規(guī)劃
  • • 項(xiàng)目搭建
  • 網(wǎng)站favicon圖標(biāo)
  • 網(wǎng)站TDK三大標(biāo)簽SEO優(yōu)化
  • 品優(yōu)購首頁制作
  • • 常用模塊類名命名
    • 快捷導(dǎo)航shortcut制作
  • header制作
  • • logo制作
    • 搜索模塊制作
  • 導(dǎo)航制作
  • footer 底部制作
  • main主體模塊制作
  • 推薦模塊制作
  • 樓層區(qū)floor制作
  • • tab欄切換布局需求
  • 列表頁制作
  • 列表頁header和nav修改
  • 列表頁主題sk-container
  • 注冊頁面的制作
  • • 注冊頁類名命名
    • 注冊頁布局
  • web服務(wù)器
  • • 本地服務(wù)器
    • 遠(yuǎn)程服務(wù)器
    • 將自己網(wǎng)站上傳到遠(yuǎn)程服務(wù)器
  • 課程總結(jié)

廣義的html5

品優(yōu)購項(xiàng)目導(dǎo)讀

網(wǎng)站制作流程

原型圖

項(xiàng)目規(guī)劃

項(xiàng)目整體介紹

pc端首頁

列表頁

注冊頁面

項(xiàng)目規(guī)劃

項(xiàng)目搭建

初始化base.css單獨(dú)放一個(gè)文件

網(wǎng)站favicon圖標(biāo)

網(wǎng)站TDK三大標(biāo)簽SEO優(yōu)化

品優(yōu)購首頁制作

常用模塊類名命名

快捷導(dǎo)航shortcut制作

其他略了

header制作

logo制作

搜索模塊制作

導(dǎo)航制作

footer 底部制作

main主體模塊制作

推薦模塊制作

樓層區(qū)floor制作

tab欄切換布局需求

列表頁制作

列表頁header和nav修改

列表頁主題sk-container

注冊頁面的制作

注冊頁類名命名

注冊頁布局

web服務(wù)器

本地服務(wù)器

遠(yuǎn)程服務(wù)器

將自己網(wǎng)站上傳到遠(yuǎn)程服務(wù)器

課程總結(jié)

https://www.bilibili.com/video/BV14J4114768?p=356

跳：p390移動(dòng)端布局
https://www.bilibili.com/video/BV14J4114768?p=390

總結(jié)

以上是生活随笔為你收集整理的web前端入门学习 css（9）广义的html5 品优购项目（html+css基础完结，js开始，移动端布局开始）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。