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

本系列链接
0 准备
- 0.1 IDE编辑软件
- 0.2 浏览器
- 0.3 基础概念
- - 0.3.1 html
- 0.3.2 css
- 0.3.3 js
0.4 文件结构
0.5 附加

本系列链接

#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制作网站教程准备相关推荐

#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制作网页制作登录网页
#3使用html+css+js制作网页制作登录网页本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 ...
html+css+js制作简单网站首页
一个简单的网站主页主要由html+css+js制作 1.图片展示这是首页的上半部分,主要内容有:顶部标头.顶部导航栏.图片轮播图. ```css <!DOCTYPE html> < ...
七夕情人节教你如何告白~html+css+js制作唯美满天星3D相册(含音乐)程序员520表白必备
❉ 七夕情人节教你如何告白~html+css+js制作唯美满天星3D相册(含音乐)程序员520表白必备一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白,是不是要给女朋友或者正在追 ...
使用html+css+js制作小米首页
文章目录使用html+css+js制作小米首页 1.html制作小米官网页面结构(`index.html`) 2.使用css设置公共样式(`base.css`) 3.使用css设置页面元素样式(`i ...
Atitit 使用h5技术 html css js 制作桌面程序gui界面解决方案attilax总结
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! Atit ...
企业怎么制作网站？怎么制作网站教程步骤
企业情况下,企业制作网站会有一套合理的制作网站教程步骤.虽然任何企业制作网站都不会有固定的模式,但是遵循这些指导制作网站教程的步骤,至少可以提高企业建设网站的效率,同时也可以减少网站建设过程中出现的错 ...
利用HTML+css+js制作侧边栏小广告
利用HTML+css+js制作小广告 1.页面效果 2.HTML代码 3.css代码(给广告位设置样式) 4.js代码在这里插入图片描述
如何制作网站？如何制作网站教程
如果公司企业想要知道如何制作网站,那么需要了解一些相关的内容.本文将介绍如何制作网站教程,希望对大家有所帮助. 首先我们做好一些准备:域名.建站工具.图文素材.营业执照等资质. 步骤一:创建站点进入 ...

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

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

本系列链接

0 准备

0.1 IDE编辑软件

0.2 浏览器

0.3 基础概念

0.3.1 html

0.3.2 css

0.3.3 js

0.4 文件结构

0.5 附加

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

最新文章

热门文章

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

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

本系列链接

0 准备

0.1 IDE编辑软件

0.2 浏览器

0.3 基础概念

0.3.1 html

0.3.2 css

0.3.3 js

0.4 文件结构

0.5 附加

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

最新文章

热门文章

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

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

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