火星时代教育网页设计培训班课程主要学习电商网站、企业网站、网页界面设计、门户网站设计、H5网站、微网站设计等主流网页设计技术。学习的软件工具有Photoshop、Illustrator、Flash、Firework、Dreamweaver、HTML5、CSS3、axure等。找网页设计培训学校就到火星时代教育，老师授课，保障学习效果。

　　8大经典设计软件, 让你有更多可能

　　精选8大设计软件，可覆盖所有类型的网页设计需求，更能向其他设计领域拓展。

　　Photoshop、Illustrator、Flash、Firework、Dreamweaver、HTML5、CSS3、axure

　　来火星学UI, 8大技能无缝衔接互联网公司设计职位

　　手绘设计、视觉传达设计、网页UI设计、创意传播设计、动效与三维设计、手机UI设计、产品交互设计、web前端实现

　　学习就业双保障, 轻松入职放心学

　　教学助理团队、怕学不会？

　　项目主管贴身指导,24小时在线解答难题

　　教学品控团队、不喜欢老师？

　　质量品控团队严格监管学员反馈,教师去留由你决定。

　　就业指导团队、怕不能就业？

　　全国300名就业指导老师，为你指导简历、模拟面试、推荐就业。

　　网页制作的路径与相对路径

　　用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”文件所在的目录的上级目录，那么引用该图片的句子应该是:。