WebCrystal: understanding and reusing examples in web authoring
WebCrystal: understanding and reusing examples in web authoring
复制标题
WebCrystal：理解和重用网页制作中的示例
DOI：
10.1145/2207676.2208740
复制
发表时间：
2012
期刊：
影响因子：
--
通讯作者：
B. Myers
中科院分区：
文献类型：
--
作者：
K. Chang;B. Myers
示例已在Web设计领域广泛使用，以帮助Web作者创建网页。但是，在不实际理解示例的构建方式的情况下，人们通常会很难提取所需的元素并将其纳入自己的设计中。本文介绍了WebCrystal，这是一种网络开发工具，可帮助用户了解网页的构建方式。 WebCrystal贡献了新颖的互动技术，通过选择有关设计元素的设计问题，使用户可以快速访问HTML和CSS信息。它使用文本描述和自定义的代码段提供答案，可以复制和策划以重新创建所需的属性。 WebCrystal还支持将多个元素的样式和结构组合到生成的代码段中，并在网页本身上提供可视化，以解释布局关系。我们的用户研究表明，WebCrystal帮助新手和经验丰富的开发人员成功完成了更少的时间完成更多的任务。
Examples have been widely used in the area of web design to help web authors create web pages. However, without actually understanding how an example is constructed, people often have trouble extracting the elements they want and incorporating them into their own design. This paper introduces WebCrystal, a web development tool that helps users understand how a web page is built. WebCrystal contributes novel interaction techniques that let the user quickly access HTML and CSS information by selecting questions regarding how a selected element is designed. It provides answers using a textual description and a customized code snippet that can be copied-and-pasted to recreate the desired properties. WebCrystal also supports combining the styles and structures from multiple elements into the generated code snippet, and provides visualizations on the web page itself to explain layout relationships. Our user study shows that WebCrystal helped both novice and experienced developers complete more tasks successfully using significantly less time.