本系列链接

#1使用html+css+js制作网站教程准备
 #2使用html+css+js制作网站教程测试
 #3使用html+css+js制作网页制作登录网页
 #3使用html+css+js制作网页番外篇制作接收php
#3使用html+css+js制作网页番外篇使用python flask 框架(I)
#3使用html+css+js制作网页番外篇使用python flask 框架 (II)

0 准备

0.1 IDE编辑软件

目前笔者知道的编辑软件有

DW(Adobe Dreamweaver，体积大，功能丰富)
Visual Studio Code(需下载插件，体积小)
Notepad++（简单）
记事本(…)
…

其中笔者推荐使用VS code，因为其体积较小，下载各式各样的辅助插件

0.2 浏览器

这个不用说了
比较推荐chrome吧

0.3 基础概念

0.3.1 html

HTML称为超文本标记语言，主要结构为<标签名属性名="值">值</标签名>
主要结构为:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

</body>

</html>

在vs code中输入"!"可以填充
其中html,body,meta皆为各种标签名
可以在这里查看大部分标签名:点我跳转W3school

0.3.2 css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。(来源百度百科)
可以将css理解为用于渲染html的语言。主要结构为选择器{属性:值;}其中常见的选择器有

ID选择器 #ID名
类选择器 .类名
标签选择器 标签名
所有选择器 *

eg:

/*用标签选择器把所有div标签变成红色背景*/

div {

	background-color: red;

}

0.3.3 js

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。(来源百度百科)
js就是html的脚本，可以在html中执行各种动态指令(虽然叫javascript 但是和java没有什么关系)
该语言没有什么主要结构，可以在这里查看细节点我跳转菜鸟教程

0.4 文件结构

一般的文件结构为
www
-css
-js
-index.html
-robots.txt
-fonts
-pic
其中

www 主文件就，网站根目录
css 文件夹，用于放css文件
js 文件夹，用于放js文件
index.html 主文件，主页文件
robots.txt 搜索文件，用于给搜索引擎(百度蜘蛛等)看那些目录或文件可以被爬(爬取)
fonts 文件夹，用于放字体文件
pic 文件夹，用于放图片

0.5 附加

jQuery(特点:js附加库,经常使用，点我跳转官网，使用需要下载jquery.min.js)
奥森图标(css小图标，点我跳转官网，使用需下载fonts文件夹和主css文件)
node.js(js附加库,不必要，官网）

#1使用html+css+js制作网站教程准备的更多相关文章

#2使用html+css+js制作网站教程测试
#2使用html+css+js制作网站教程测试本系列链接 1 测试 1.1 运行 1.2 审查 1.3 审查技巧 1.4 其他引言: 编写完代码后就要上机测试代码,获得用户体验,筛选bug 笔者 ...
#3使用html+css+js制作网页番外篇使用python flask 框架 (II)
#3使用html+css+js制作网页番外篇使用python flask 框架 II第二部 0. 本系列教程 1. 登录功能准备 a.python中操控mysql b. 安装数据库 c.安装mys ...
#3使用html+css+js制作网页番外篇使用python flask 框架 (I)
#3使用html+css+js制作网页番外篇使用python flask 框架(I 第一部) 0. 本系列教程 1. 准备 a.python b. flask c. flask 环境安装 d. f ...
#3使用html+css+js制作网页番外篇制作接收php
使用html+css+js制作网页番外篇制作接收php 本系列链接基础 php语法例子本系列链接 #1使用html+css+js制作网站教程准备 #2使用html+css+js制作网站教程 ...
#3使用html+css+js制作网页制作登录网页
#3使用html+css+js制作网页制作登录网页本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 ...
基于node.js制作爬虫教程
前言:最近想学习node.js,突然在网上看到基于node的爬虫制作教程,所以简单学习了一下,把这篇文章分享给同样初学node.js的朋友. 目标:爬取 http://tweixin.yueyishu ...
CSS & JS 制作滚动幻灯片
==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <met ...
animate.css与wow.js制作网站动效
animate.css 官网:https://daneden.github.io/animate.css/ 包括:attention seekers:关注者 bouncing entrances:跳跃 ...
分享几个有意思的css js工具网站
一.VOCABS(css html术语) vocabs 适合初学者快速认知各个代码的术语. 二.OverAPI(语言参考手册,几乎包含所有语言) OverAPI 适合快速查阅相关语言api 三.Jav ...

随机推荐

EF优缺点解析
原先用的是三层架构中ADO.NET做底层开发,纯手工sql语句拼装.后来遇到一个MVC+EF项目,体会到了EF的强大性. 它是微软封装好一种ADO.NET数据实体模型,将数据库结构以ORM模式映射到应 ...
美国SEC主席离任，Panda Global 前瞻数字资产监管政策变化
在上上个周末,也就是6月20号,美国的证券行业发生了一件值得反复回味的的事情--美国SEC现任主席Jay Clayton宣布即将离任,对于数字资产行业而言,未来监管政策将如何演变突然有了无限的遐想空间 ...
落谷 P4052 [JSOI2007]文本生成器
题目链接.只要有一个可读就行,容斥会好做一点. 可读数量 $=$ 总数 $-$ 不可读数量总数显然是 $26 ^ n$. 求解不可读数量不可读数量可以利用 AC 自动机的模型进行 DP ...
Python Windows开发环境搭建
一.下载python安装包 python官网地址:https://www.python.org/,下载windows平台包并安装二.在Windows设置环境变量计算机右键,选择属性,在高级系统设置 ...
sql注入之union注入
联合查询注入利用的前提: 必须要有回显联合查询过程: 判断是否存在注入点判断是什么类型注入(字符型or数字型) 判断闭合方式查询列数个数(order by) 5, 获得数据库名获得表名获得字 ...
ORA-29701: unable to connect to Cluster Synchronization Service
修改主机名后,has无法启动,将has启动之后,尝试ASMCA,出现如图提示: 再尝试登陆asm实例,出现日下提示: [oracle@edgzrip2-+ASM ~]$ sqlplus / as sy ...
Numpy的学习2-基础运算1
import numpy as np a=np.array([10,20,30,40]) # array([10, 20, 30, 40]) b=np.arange(4) # array([0, 1, ...
phpMyadmin(CVE-2018-12613)后台任意文件包含漏洞分析
前言影响版本:4.8.0--4.8.1 本次复现使用4.8.1 点击下载复现平台为vulhub.此漏洞复现平台如何安装使用不在赘述.请自行百度. 漏洞复现漏洞环境启动成功. 访问该漏洞地 ...
OpenSNS后台文件上传漏铜分析
前言这几天正在想找个文件上传漏洞分析一波,以加深对文件上传漏洞的理解,正好看到FreeBuf的一片文章记对OpenSNS的一次代码审计,由于其只对漏洞进行复现,故在此进行代码层面的分析. 漏洞分析 ...
Python十大装B语法！你会几种？
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理 Python 是一种代表简单思想的语言,其语法相对简单,很容易上手.不过,如果就此小视 Python ...

#1使用html+css+js制作网站教程 准备