html创建网页教程视频_创建时尚的企业网页设计（高清视频系列：第3天）

html创建网页教程视频

在本视频系列中，我们将带您逐步了解如何为公司网站创建时尚，专业的网页设计。 这是一个由4部分组成的系列文章的第3部分-我们还将整理支持页面并用HTML / CSS编写整个代码！

---

关于本教程系列

本周，Adi Purdila将在Webdesigntuts上带领我们完成从设计到编码的整个项目！ 在第一天 ，他向我们展示了如何设置设计的基本框架以及如何实际布置主页。 在第2天中 ，他向我们展示了如何创建各种支持页面（联系人，画廊等）。 在第3天（今天）中，他将向我们展示如何将整个Photoshop设计转换为可正常使用HTML / CSS网站。 我们还计划在第4天进行其他编码，因此请明天留意！

为了给您提供编码的一般路线图，以下是我们在最后两天将要进行的工作的基本概述：

• 第3天，第1部分：为主页创建标记
• 第3天，第2部分：切片PSD并编写CSS文件（我将其分为Hour1和Hour2）
• 第3天，第3部分：（续）切片PSD并编写CSS文件（我将其分为Hour1和Hour2）
• 第4天，第1部分：滑块安装，自定义和一些非常基本的jQuery函数
• 第4天，第2部分：创建和设置辅助页面（服务，图库和联系方式）和样式+浏览器检查

另外，我想分享一些我今天将要使用的资源的链接：

• 滑块插件：http://www.gmarwaha.com/jquery/jcarousellite/
• 库方：http://cufon.shoqolate.com/generate/
• CSS浏览器选择器 （用于在同一CSS文件中为不同的浏览器制作样式）： http : //rafael.adm.br/css_browser_selector/
• 重置CSS： http ： //meyerweb.com/eric/tools/css/reset/

让我们开始吧！

---

第三天：PSD到HTML的转换

在接下来的视频系列中，Adi将逐步介绍从PSD到HTML / CSS的转换过程。 如果有带宽，请务必切换到高清观看！

第三天：第一部分

致歉：很遗憾，这些“第3天”视频中的第一个不再可用。

第三天：第二部分

第三天：第三部分

---

关于作者

“无论是网站，徽标还是印刷材料，我的工作理念都是相同的：绝不走捷径，始终将我的灵魂投入每个项目，因为最后，是每个细节都很重要，而我付出了更多的努力。项目，它更好地代表了我作为一个人和一个设计师的身份，同时又以适合他的需求的方式代表了我的客户。

如果您对我正在开发的HTML模板和登录页面感兴趣，则可以在ThemeForest的我的投资组合页面上查看它们。”-Adi

翻译自: https://webdesign.tutsplus.com/articles/create-a-sleek-corporate-web-design-hd-video-series-day-3--webdesign-2759

html创建网页教程视频