/pure-web

Pure's web study notes

Pure Web

名词解释

  • 前端 - 客户端,运行在浏览器,用于web页面的展示
  • 后端 - 服务端,运行在服务器,用于数据逻辑的处理
  • 数据库 - 运行在服务器,用于存储数据
  • 前台 - 用于面向用户展示的界面,即平时所说的“网站”
  • 后台 - 管理系统,不向用户展示,用于管理“网站”,例如“上传产品”

注意前端、后端、前台 、后台这四者的区别

前端技术名词解释

  • HTML - 超文本标记语言,使用标记标签来描述网页,是网页内容的基础
  • CSS - 层叠样式表,为了解决内容与表现分离的问题,用于美化网页,负责改进网页的表现
  • JS - JavaScript,用来改进设计、验证表单、检测浏览器、创建cookies等等,负责操作网页的行为
  • 响应式设计 - Responsive Web Design(RWD),指通过技术手段,是一个页面能够适应PC和手机等各种不同的屏幕大小

前端是此次学习的重点

学习资料

后端名词解释

  • 服务器 - 用于放置web页面,可以解析服务器语言
  • PHP - 超文本预处理器,一种简单的服务器语言

因为选用框架的缘故,不用专门再学后端的知识,只需要大致了解即可

技术选型

  • Bootstrap - 一个响应式的Web前端框架
  • WordPress - 一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用

因为这两者都是开源免费的,并且有非常高的社区活跃度,基本上什么问题都可以在网上搜索解决

学习资料

准备工作

开发环境的准备

  • VS Code - 微软出品的一款免费IDE,我们用他来写代码
  • Google Chrome - 谷歌浏览器,我们用他来调试web
  • WAMP Server - 用于配置本地的服务器环境,以便运行PHP和MySQL
  • FileZilla - 用于开发完成后部署网站

Google Chrome进入调试菜单的方法:菜单 - 更多工具 - 开发者工具,或者直接按F12,或者按Ctrl/Cmd + Shift + I

WAMP Server不要着急安装,等网页做完调数据再装

开发框架的准备

直接到官网下载最新的稳定版本

目标

  1. 先做出一个不带数据的页面
  2. 然后再配合WordPress调后端数据

域名、主机、备案

域名主机成本

首推阿里云(万网)

项目 阿里云
域名 ¥55/年
主机 ¥298/年
SSL证书 ¥0/年
合计 ¥353/年

SSL证书是可选的,只是在未来一段日子,非HTTPS链接会被标记为不安全,所以建议加上

备案流程和资料

提前准备好的资料

  • 营业执照的扫描件
  • 组织机构代码证的扫描件
  • 企业法人身份证原件的扫描件和复印件
  • 网站负责人身份证原件的扫描件和复印件
  • 核验单(可以在接入商那里下载,按照说明填写)
  • 信息安全协议(可以在接入商那里下载,按照说明填写)

备案流程

  1. 填写好备案的基础资料
  2. 上传营业执照、组织机构代码证、身份证等的扫描件
  3. 填写信息核验单和信息安全协议,并扫描上传
  4. 提交初审,此流程大概是1-3工作日
  5. 初审通过后,阿里云方面会免费寄一个幕布过来
  6. 用此幕布为背景,给法人拍张照片
  7. 然后再将此照片提交复审
  8. 如有需要,可能还需要快递核验单和信息安全协议到阿里云那边
  9. 然后等15个工作日左右会有结果
  10. 国内需要备案后,才能让网站正式上线