网页制作的绝对路径与相对路径
用DW写HTML的时候，可以直接选择到具体文件的路径，现在改用了webstorm，只能选择到与HTML文件同一目录下的文件。今天小编主要给大家分享网页制作的绝对路径与相对路径，希望对你们有帮助!
1.绝对路径
首先，在本地计算机上，文件的绝对路径当然是指：文件在硬盘上实际存在的路径。
例如，这条路径:D:/wamp/www/img/icon.jpg告诉我们icon.jpg文件在D盘目录下的img子目录中。我们不需要知道任何其他信息，就可以根据绝对路径确定文件的位置。
还有超链接文件位置，这也是一个绝对路径。
注意:有时在自己的计算机上浏览编译后的页面是正常的，但是当上传到Web服务器进行浏览时，图片很可能会显示不出来。因为静态HTML网页需要上传到网站，在网站应用程序中，我们通常使用“/”来表示根目录，/img/icon.jpg表示photo.jpg文件在网站根目录的img目录里。但是，大家要知道，这里引用的根目录不是网站的根目录，而是网站所在的Web服务器的根目录。因为上传到Web服务器时，整个网站可能不在Web服务器的D盘上，它可能是F盘或H盘。即使放在Web服务器的D盘上，也可能不存在于“D:/wamp/www/img”目录，所以浏览网页时不会显示图片，这也是应用绝对路径的风险。
2.相对路径
顾名思义，相对路径是相对于目标的相对位置。
假设你要导入的文件的页面名称是test.htm，并且它存在于名为www(绝对路径D:/wamp/www/test.htm)的文件夹中，那么同时也存在于www文件夹中的“ICON.jpg”文件(绝对路径D:/WAMP/www/ICON.jpg)，并且同一目录下的相对路径icon.jpg也被引用。如果文件“icon.jpg”存在于img文件夹中(绝对路径D:/wamp/www/img/icon.jpg)，则为相对路径img/icon.jpg。
相对路径可以避免不同根目录的上述问题，只要网页文件和引用文件的相对位置与web服务器上文件的相对位置保持一致，那么它们的相对路径也将保持一致。例如，在上面的例子中，“test.htm”文件指的是“icon.jpg”图片，由于“icon.jpg”图片与“test.htm”在同一个目录中，只要这两个文件仍然在同一个目录中，图片就可以在浏览器中正确显示，无论它被上传到Web服务器的什么地方。
注意:相对路径使用“/”字符作为目录的分隔符，而绝对路径可以使用“”或“/”字符作为目录的分隔符。由于“img”目录是“www”目录下的子目录，因此无需在“img”前添加“/”字符。
“../”通常用在相对路径中，以指示下一个更高级别的目录。如果上面有多个目录，你可以使用多个“../”，假设“test.htm”文件所在的目录是“D:/wamp/www/test.htm”，而“icon.jpg”图片所在的目录是“D:/wamp/www”，那么“icon.jpg”图片位于“test.htm”文件所在的目录的上级目录，那么引用该图片的句子应该是:<img src="../icon.jpg" />。
网页制作需要注意什么
大家在制作网页的时候，一定要注意网页页面的尺寸、网页页面的样式和页面的设计风格等。下面就来看看这篇网页制作需要注意什么，相信你们会喜欢的。
网页页面的尺寸
网站制作与广告设计之间存在着一定的差异，设计方案的web页面最后是在电脑浏览器中运作的，因此在一开始设计方案时，应首先了解网页的常见问题，网页的宽度，字体的风格，照片的屏幕分辨率，这些都是网站设计的基础。
网页页面的样式
在设定好网页的尺寸后，接下来应该考虑网页页面的样式了。自然，大家每天都会看到很多的网页，会发现有些网页很好，有些不那么好，是怎么回事呢?是风格的问题，因为风格决定了页面的基本结构，比如建房子，路基建好了，要考虑房子的结构是怎样的。
当然，web页面有多种样式。从最基础的文件格式开始学习，也就是大家经常看到的竖直文件格式，大多数网页都是这样的。
网页页面的设计风格
现在很多人都不会明白，什么是设计风格?如何表现设计风格?网页设计风格中所体现的内容是对外界的主要表现，就像一件衣服。如果你决定穿一件t恤和一件连衣裙，这是人的设计风格，它能反映你的气场、喜好、内涵这些。这时，就要注意衣服的颜色，裤子的款式等等。因此，我们一定要注意这一点，体现设计风格的关键在于色彩、界面设计风格、关键点等，这也必须在实践活动中探索，经过长期的学习训练，积累经验。
网页页面构造
网页页面实际上也是一种新闻媒体，大家的报刊、杂志和其他网络媒体，都是依据电脑浏览器载入，表现形式多种多样，除了图片、文字，也有网页页面易用性能和好看的动画等，所以在网页的结构上要多加注意，要清楚如何分配网页内容，网页标题，动画，图片等等，科学安排这种元素。
