Tagged: photoshop,Tutorial,从零开始,图片,教程,方法,简单,网页,网页设计,翻译,设计,设计教程,零基础 |
Cat: photoshop, 前台设计 |
难得国外有这样好的教程，我就用我仅有的英文水平翻译一下啦。建议将本博客的中栏和右栏隐藏后观看本文。
转载请注明：
译者：Joe译文来源：
http://xiebiji.com/2009/09/design_a_beautiful_website/原文来自：
Design a Beautiful Website From Scratch引言
你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手？说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。
今天我可以这么做了，而且我将教你怎么做这样的设计！从根本上，对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程，我将会指出其中极细微的细节之处，而这些细节讲使你的网页设计漂亮起来。打开photoshop,我...
Tagged: 2,css,HTML,一个,前台设计篇,妆品网站,学会,建立,简单化,零基础 |
Cat: 原创作品, 精品教程 |
前篇文章简略介绍了画草图的步骤和一点注意事项，今天这篇文章我们把目标指向两门计算机语言：HTML和CSS。相信在前台设计篇0里面你对这两门语言也有所听闻了吧，只要你把里面介绍的中文手册大概看了一下，下面说的内容应该不难理解。
重点明确一条逻辑思路（或者叫设计模式）：我们的目标是图形的代码化，遵循表现与结构分离的原则。
鉴于边幅太长，下面只以建立DW模板文件为例介绍编辑过程，首页，子页过程雷同：
按照原则我们可以分三步来完成任务：1.建立文件目录结构；2.HTML代码编写网页结构；3.CSS代码编写网页样式。下来我们一步步实现：
1.建立文件目录结构
这一步非常重要，一个清晰的文件目录是最基本的要求，这里我们先建...