Ⅰ 我是做web前端的，怎么才能一边写代码，另一个屏幕上能看到效果
此办法需要在同局域网下，好像。我说的很详细了
步骤：控制面板--管理工具--里面有个“Internet 信息服务(IIS)管理器”，有的好像没有，要安装（可以网络怎么装，很简单）。然后打开，左边点开有应用程序池和网站
点击你添加的网站，出来上图界面，再点击下面的内容视图-然后右击你要看的html文件---浏览，然后把浏览的网址放进“草料网址二维码生成器”里面，生成一个二维码，然后扫二维码就可以了。
Ⅱ 网站前端开发都需要学什么呢
学习前端，我们要先了解前端是什么。官方的定义上，前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
用我们的话来说，前端就是前端就是网页给访问网站的人看的内容和页面，而前端开发顾名思义就是这些内容的制作，也就是代码的实现。
如何实现这些代码呢，就会用到三种基本语言，HTML，CSS及JavaScript，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这些最基础的语言，必须要熟练掌握才能运用。
再一个就是开发工具的使用，目前比较热门的开发工具有：
1，Dreamweaver：，集网页制作和管理网站于一身的所见即所得网页代码编辑器。
2，Sublime，全称Sublime Text ，是一个主要功能包括拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口的代码编辑器
3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。
当然，还有一些如能将图标 web 字体放到自己的项目中的FontelloFontello、能够自动实施安全相关的 header 规则的Secureheaders、针对于编写现代 web 和云应用的跨平台编辑器的Visual Studio CodeVisual Studio Code。都是你要学习的部分。
再往后，你要接触到的就是前端开发的框架了，打个比方，工具是杯子，框架就是保温杯，不仅能装水，还能保温。所以，框架接触起来有一定的困难，需要运用到的知识较多，使用起来也相对复杂。
总之，学无止境，前端不是轻易就能学会的，你要付出百倍努力，相信你一定可以成功。
Ⅲ Photoshop CC与前端的那些事
自动切图(含WebP、SVG格式)：
前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能，无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png)，即可自动输出所需格式的图片。
请保持菜单“编辑-首选项-增效工具”中的“生成器”为启用状态;
依次点击菜单“文件-生成-图像资源”，确认该菜单项已被勾选;
试着修改某个图层命名(如 iTunes.png)，然后检查当前 psd 文件所在目录下的“文件名-assets” 的目录，打开此目录，发现 iTunes.png 已经躺在里面了。
常用技巧：
@2x Retina 图片的输出，在图层前添加 200% 即可，如 200% [email protected] ;
开启 WebP、SVG 格式的自动输出： 新建 generator.json 文件，内容如下：
{
"generator-assets": {
"svg-enabled": true,
"webp-enabled": true
}
}
将此配置文件拷贝至： Windows: (Win+R后输入 %USERPROFILE% )目录下，如 C:Usersxxx Mac OS: $HOME 如“Macintosh HDUsersxxx” 目录下 WebP 输出暂只支持 Mac OS。
复制 CSS
Photoshop CC 终于推出了“复制CSS” 功能。它能让开发人员快速获取形状的 CSS 代码。其实不少设计师也很想学习 CSS，有了这个功能，可以让这些爱学习的设计师熟悉 CSS 代码与图形的对应关系;
右击图层面板上的图层，选择“复制 CSS”，或点击菜单“图层-复制 CSS”;
多个图层的批量获取，请选择多个图层，执行 Ctrl+G，将所选图层转为图层组。然后在该组上右击，选择“复册基制 CSS”，即可批量获取 CSS 代码。
智能对象暂不支持“复制 CSS”功能，您可以栅格化该图层再来使用。
当前的版本的此功能，包含了很多冗余信息和不太友好的写法，可能不是大家真正需要的。于是 ISUX 前端团队改进了这个功能，您可以下载“PhotoshopCopyCSS”来增强 Photoshop CC 自带的“复制 CSS”功能，提升 CSS 代码的真正采用率;目前的优化有：
* 自动识别 CSS Sprite 图片，获取 background-position 信息;
* 自动识别是否图标;
* 优化 CSS3 渐变、文字、边框、阴影等 CSS 代码;
* 优化 RGB 颜色值成 十六进制颜色;
* 去除冗余 CSS 属性，如 position, z-index, left, top 等。
您也可以反馈更好的建议，让这个功能真正为大家州大谨所用。
前端开发同学接手的 psd 文档，往往有大量图层，我们需要对其进行整理。例如删除空白、锁定、文本等图层。我们还可以通过图层类型、名称、效果、属性等条件进行快速定位图层。
使用此功能可以很方便定位到当前选定图层，非常适合含有大量图层的 psd 文档。
另外隔离图层也是个很不错的功能。开启隔离图层功能之后，我们可以通过移动选择工具，点选画布上的内容，找出我们需要的图层将其整理成一个独立的 psd 文件。
WebP 插件
WebP 是 Google 为减少数据量、加速网络传输的目的而开发的图片格式。特别适合移动端图片的传输。大大节省带宽，目前只有 Google Chrome 浏览器对其原生支持。
Photoshop CC 的 Mac OS 版自带输出 WebP 功能。Windows 下您可以下载此插件来输出 WebP 格式。安装后，可以在 Photoshop 菜单“文件-另存为” 对话框中选择“WebP格式图片”。
WebP for Photoshop v0.5b5, 16 December 2013 Mac | Win
动作条件
Photoshop CC 新增了动作条件，可以根据不同条件执行命令或其他动作。
智能参考线/使用图层颜色
这两个功能并不是 Photoshop CC 的新功能。为什么要在仿枯这里说呢，因为它能辅助我们一秒居中对齐、一秒贴边，这个非常实用。另外也建议设计师使用图层颜色来标出改动位置，这样前端开发同学便能快速定位图层。