在这一周的时间里,我经常去一些技术类的贴吧或是博客里找一些适合自己的学习资源,从对前端一无所知到做了一个很简单的静态网页界面,在这其中遇到了很多的困难。比如,在插入图片的时候,虽然图片的命名是完全一样的,但是就会因为图片的格式不一致出现插入图片失败的结果。在这短暂的一周里,我了解到了有关静态网页设计的一些基本的知识:即HTML 是一种文本、图片、链接等多元素编辑语言。 通过这种语言以网站页面为编辑区域,任意指定页面具有哪些元素,包括文字、图片、多媒体等。 并任意指定不同元素在页面的基本格式。如文字字体、大小、位置,图片大小、位置,链接颜色、状态变化等等。这种语言利用标签标记,将多种不同类别的元素、甚至不同位置的文件关联在一起,并且通过定义元素的属性,设置元素的格式,最终形成整体页面效果,这种语言可以利用多种文本编辑工具编辑,例如记事本,只需扩展名修改为.html或.htm即可。随着网站开发的发展,前端可以展现的元素格式越来越丰富,代码也越来越臃肿。因此逐渐形成了另一种新的语言CSS,将HTML语言中描述各元素属性的代码从HTML文件中抽离出来,使HTML专门描述前端页面具有什么内容,CSS语言编写的CSS文件专门描述HTML中的每个元素以什么格式在页面展示。css 层叠样式表CSS专门用于描述HTML中各元素用什么样式展示。HTML+CSS组合完成页面内容和格式的设计。大多人都喜欢使用HTML中的一种标签格式
来规定页面内容,再利用CSS规定DIV标签在页面摆放格式形成页面布局,因此很多网站会提到DIV+CSS前端开发这个概念。CSS主要实现了页面内容的静态布局效果。虽然目前的CSS3标准的出现,使CSS强大到可以实现很多元素动态变化效果。但是,更复杂的动态变化还是需要另一种专门的语言来实现,这就是JS语言。JavaScript 脚本语言 简称JSjs语言当前普遍被用于网站开发前端编程,在html提供的内容和css提供的格式之外,由js提供更复杂的界面展示效果和逻辑处理。