网站制作0基础入门

入门1000问

什么是网站/网页?

微信公众号发的图文,其实一个网页。
很多网页在一起,组成了一个网站。

如何打开一个网站?

打开网站必须使用浏览器(Web Browser)也叫网页浏览器。

什么是浏览器?

每个Android手机都配备了一个流氓(带广告的)浏览器。
每部iPhone都配备了一个优秀的Safari浏览器。
每台电脑都可以安装N个浏览器,但我只推荐三款浏览器:
    1.Google浏览器 Chrome
    2.火狐浏览器 FireFox
    3.微软浏览器 Edge

什么是地址栏和搜索栏?

每个浏览器都必须有地址栏,用来输入网址的!
现代的浏览器一般都把搜索框合并到地址栏了,所以我称其为搜索栏。
搜索栏是用来输入: “吃什么减肥最快” 等类似问题的
但是,每个搜索引擎都有个大大的搜索框,在搜索框里不可以输入网址来打开网站!

什么是网址?

也可以叫地址, 如 https://www.google.com/1.mp4
每一个网站都有一个(或多个)网址,就像我们的快递 **地址** 一样,填对它,快递员就不会寄送错了。

什么是域名?

域名也叫网址,是互联网发展过程中的产物,为了方便人们记住服务器的IP地址,一般分为三个部分
第一部分叫协议类型 https://
第二部分叫 域名 www.google.com
(还有一个叫端口,默认80/443可以省略不写)
第三部分叫 路径 /1.mp4 默认/index 可以省略

IP地址是什么?

192.168.1.1就是一个IP地址
Internet Protocol(网际互连协议)
每一个电脑/手机/iPad必须拥有一个IP才能上网。也相当于你设备的网址/地址

127.0.0.1 是什么?

也可以使用 localhost
IP地址有很多种类型,我们常见的是 路由器和其分配给客户端的IP

如何申请域名?

免费推荐: https://my.freenom.com
正规品牌: https://sg.godaddy.com/zh
国内万网

什么是备案?

这是中国奇葩的互联网管理方式,工信部要求服务器在中国的 网站 必须备案。

要不要备案?

所以如果服务不在你大中国,就可以不用备案了!

什么是服务器/主机/vps?

一台24小时开机的电脑,提供让顾客下单和浏览网站,看视频等服务的机器。

如何申请便宜主机?

https://www.ethernetservers.com/clients/cart.php?gid=40 

域名和服务器有什么关系?

一一对应关系(不准确,计算机专业勿喷)
一个域名必须要 指定一个服务器IP,且该服务器上有网站服务,才可以访问。

什么是www?

一个域名可以有N种子域名,每个子域名可以指向不同的服务器。
1. 主域名 例子 baidu.com
2. 子域名 例子 www.baidu.com,tieba.baidu.com t.qq.com t.sina.com
一般我们www和不带www的跳转

域名是如何指向服务器的?

DNS服务器提供域名解析服务。所有的域名访问在互联网上要被翻译称IP地址才能达到要访问的服务器。

域名解析服务

申请域名的服务商一般都提供此服务。
比如添加一个www的CNAME记录 给 yourdomain.com, 指向 服务器地址 39.156.69.79
CNAME www 39.156.69.79
这样就可以访问 www.yourdomain.com 了

hosts文件有什么用处?

hosts文件就是 一个域名解析服务

为什么要建网站?

不满足 网易博客、QQ空间
你想要的是自由

网站都有什么的类型?

优秀站点分享
个人日记
https://yumoe.com/page/4/
论坛
https://forum.cloudreve.org/
异次元
https://blog.432100.xyz/
技术分享
https://51.ruyo.net/15646.html
https://www.cnblogs.com/hupo376787/p/12509938.html

用什么工具建网站?

建设网站必要条件:
要有网,于是就有了WIFI!
一台电脑(键盘+鼠标)
一个浏览器(桌面版)

入门知识应用

微信外链地址抓取

认识CMS wordpress

为什么用 Wordpress?

https://cn.wordpress.org/

还有其他吗?

多了去了!

建站规划

1.这个网站给谁看? 
2.有没有需要匿名的东西?
3.域名叫什么?被占用了怎么办?

开始

邮箱,互联网世界的通行证

QQ邮箱,可以的!

申请域名

申请服务器

登陆服务器

ssh root@123.456.789.1

搭建Wordpress

使用80端口访问

使用域名访问

站点搭建 Setting up your website

Install WordPress
Login
Change password
Delete Plugins
Update WordPress
Check Permalinks
Change Title & Tagline
Install Astra Theme
Install Starter Templates Plugin
站点制作Building your website
Choose your Design
Change Style
Add Pages
Navigation
Logo
Favicon

站点设计Design Your Pages

How it works
Design Like Apple
Design Like Disney
Don't Design at All
Contact

站点优化Making it perfect

Mobile friendly.
Footer
SSL

恭喜🎉Congrats

参考视频(英语)

How To Make a WordPress Website - 2020
    https://www.youtube.com/watch?v=6gosrWrGF9Q
Timestamps:
    1.)介绍 Intro - 00:00:00
    2.)域名和主机What is a Domain Name & Host? - 00:03:37
    3.)申请Get Your Domain Name & Host - 00:05:24
    4.)安装 Install WordPress - 00:13:58
    5.) 登录Login To WordPress - 00:16:43
    6.) 修改密码Change Password - 00:18:03
    7.) 删除插件Delete Plugins - 00:18:38
    8.)更新Update WordPress - 00:21:00
    9.)固定链接 Check Permalinks - 00:22:03
    10.) 标题和tagline Change Title and Tagline - 00:24:29
    11.)安装Astra - 00:27:12
    12.) 安装 Astra Starter Sites - 00:28:56
    a.) 选择设计Choose Your Design - 00:30:01
    13.)主题风格 Theme Style - 00:34:28
    14.) 删除页面Delete Pages - 00:40:36
    15.) 添加页面Add Pages - 00:42:21
    16.) 导航Navigation - 00:47:40
    17.) 网站徽标Create a Logo - 00:54:14
    18.) 网站缩略图标Favicon - 01:02:41
    19.)编辑 Editing Your Website - 01:05:37
    20.) 仿苹果设计Design Like Apple - 01:11:12
    a: 头部Heading - 01:11:12
    b: 背景Background Image - 01:16:20
    c: 段落Paragraph - 01:18:17
    d: 区块复制Duplicate Section - 01:20:32
    e: 图文Text Over Image - 01:21:46
    f: 视频Video - 01:27:15
    g: 撤销与历史Undo / Revisions - 01:29:53
    h: 视频背景Video Background - 01:30:20
    i: 文本块Text Block - 01:32:31
    21.) 仿迪斯尼设计Design Like Disney - 01:35:20
    22.) 内容区块Content Blocks - 01:39:07
    23.)联系页 Contact Page - 01:42:00
    24.) 手机友好Mobile Friendly - 01:49:49
    a.) 固定菜单Mobile Menu Fix - 01:55:11
    25.) 页脚Footer - 1:57:34
    26.) 安全🔐SSL - 02:04:18
    27.) 恭喜🎉Congrats - 02:10:45
    Learn how to create a website in 27 easy steps. The new updated way to make a website will change your life, it makes creating a website fun and fast.
    学习如何用27个简单的步骤来创建一个网站。 全新更新的网站制作方式将改变你的生活,它让创建网站变得有趣而快速。
    You will be making your website on the best platform (WordPress) in the entire world, using the best theme (Astra) and the best visual designer (Elementor) while learning how to design like Apple and Disney.
    你将在全世界最好的平台(WordPress)上制作你的网站,使用最好的主题(Astra)和最好的视觉设计师(Elementor),同时学习如何像苹果和迪斯尼一样设计。
    Hope you love it as much as I do. 希望你和我一样喜欢它。
Last Updated: 11/6/2020, 10:54:10 AM