首先，网页制作前期是策划跟客户沟通好后拿出方案，根据方案要求设计师设计出效果图出来交给客户签字定稿的，最后通过HTML和后台来实现程序运行测试和上线。而你所说说的 “在看一些网课视频的时候都会在Photoshop里面测量距离 取颜色查看字体等等，请问是怎样导入的？”这是你对Photoshop里面的效果产生了误解，误以为是从HTML导入进来的图，而恰恰相反，HTML是通个这个图来才能实现的页面效果。
一开始这张效果图是早己经用Photoshop制作好了的，源文件存放在了某一个盘符里，当WEB前端设计师在写网页面结构的时候就调用到这个PS文件，按UI设计师的样式去实现效果，如：网页页面宽高，页头文字大小字号等，搜索条的大小位置，主体色，背景色等。都是按着这个图来的。
其次，当WEB前端设计师在写CSS样式时，不知道某一位置的宽高的情况下，是要调出这个效果图测量一下它的宽度和高度，或者作吸管工具吸一下背景色，看背景色的取值是多少？使得制作出来的最终页面与效果图一致。
所以，如上所描述。不是导入，而是预先制作好的，直接打开的。如果你要练习的话，也可以用QQ或微信的剪切工具，当在电脑上的某一处拖动时鼠标右下角会两个数字和一个RGB带参数的，就是拖动范围的宽高和RGB的取色值。
首先是格式问题，ps里可以兼容 cmyk与rgb等多种颜色模式，统一想要做的文件颜色格式，cmyk一般用于印刷，rgb一般用于网页及打印。第二点需要注意的是显示器颜色，因为发光体与打印出来的要有一定差别，最好是根据需要打印的文件先矫正一下显示器。最后就是输出，有些打印机是4色的，有些是6色，12色，根据不同打印机类型出小样后再制作。印刷的话也需要出小样，但转换度较小差别不大。
