网站不同图片，用Photoshop就可以做出来，网站是用html代码来编写出来的，然后通过CSS来定义网站的各个元素的大小、颜色、形状、效果，用javascript、jQuery脚本语言制作网页各种动态效果，用PHP语言实现用户与服务器之间的信息交互。
html代码能够做出网页的效果图，例如：
这个网页是用html代码和CSS做的在这个网站中没有后台，没有其它很棒的动态效果，所以没有用到javascript和jQ以及php这节课首先讲解html和CSS，html的全称是超文本标记语言，英文全称是HyperText Markup Language，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
CSS能够定义html里面的元素的样式，简单来说就是，CSS是用来修饰html里面的东西的，就好比语文中的形容词，html是一个名词，CSS是一个形容词如果还没理解没关系，下面就会用一个例子来讲解
上面这个截图是html的基本格式，其中有标签,,,从图中可以看出来这些标签的关系是这样的：
怎么会是这样呢？不是还有其它东西吗？其实其它的东西不用管，这是Dw软件打开自带的一些条件，我们暂时不用去学习，我们先去了解html的基本结构。
那么，上面的就是html的基本结构我们进行一部分一部分去分析：是整个网页的标签，所有标签必须包含在标签之间，我们看到，,,这几个标签都是包含在标签之间的；我们可以把一个网页看作一个人，人有头部，有姓名，有身体。
那么网页也一样，标签就是网页的头部部分，head翻译之后就是头部的意思；就是标题，相当于人的姓名，这是网站的名称，title翻译之后就是标题的意思。
就是身体，相当于网页的主体部分那么，一个简单的，完整的网页的代码如下：我是一个简单的网页2016年3月13日，我在学习网站开发！
在Dw可以这样做：
最后我们把代码保存下来，就是一个html格式的文件，我们用浏览器打开这个文件就可以浏览这个简单的网页。
我们留意这个网页，出现在标签之间的“我是一个简单的网页”最后打开预览就是上图位置的标题，出现在之间的“2016年3月13日，我在学习网站开发！”内容最终会出现在下方空白处！也就是说，网站的标题就是放在
标签之间，网站的内容放在之间，包括以后网站的图片，视频，音乐等文件都是放在在之间下面这个是网站文件的地址，网站文件名是Untitle-1.html，是一个以html格式结尾的文件。
本节课是认识html的结构，下节课我们学习html和css的使用！教程原创· 转载请联系授权
亲爱的读者们，感谢您花时间阅读本文。如果您对本文有任何疑问或建议，请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。