想要制作一个网页我们需要需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1.HTML就像是一个大的盒子。我们可以把我们想要展示的内容、图片等装进这个盒子里边来表现;
2.CSS就像是盒子的包装。比如我们要给盒子添加颜色、给他塑造特殊的外观、装饰等,是用来给盒子添加样式的;
3.JavaScript这个就比较厉害了,这个是负责网页的动态呈现,就好比我们想要这个盒子有一个动的效果,而不是在那静静的呆着。
编码的软件有很多种,比如sublimetext、vscode、webstorm等等,这里推荐新手使用Dreamweavercc,简单易上手,不用安装其他的插件。
1)打开之前安装好的Dreamweaver软件,我们新建一个html的项目。(文件-新建-html)
2)这里Dreamweaver会自动的创建一个html的初始化模版,html包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息(css/js一般放于头部中),“主体”部分提供网页的具体内容,顶部的!doctype是对文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义[DTD]来解析文档。
我们这里书写一个文字helloworld让它在浏览器中显示并将颜色设置为红色。(具体的代码讲解我们后面会说到,这里这是给大家看一下网页展示)
3)整体代码完成以后,选择文件-保存,将文件保存为xxx.html的格式,然后双击打开我们的文件,就可以在浏览器上看到我们输入的helloworld的内容了,并且字体颜色是红色的。
大家可以自己动手写一写,多加练习练习。有什么好的建议或意见可以直接私信我