建立一个网站的流程介绍(为新手准备).docVIP

建立一个网站的流程介绍(为新手准备) 今天元云和各位朋友分享是一篇入门级的流程介绍文章, 本教程写的大概可以归为国内美工职位的工作内容, 亦或是 设计师+页面重构工程师的工作内容. 适合阅读对象:初学者 文章介绍了如何建立一个简单的网页的步骤， 包括三大个部分: 设计(设计师做), 页面重构(页面重构工程师), 校验w3c(页面重构工程师); 详细的有, 1.如何在photoshop中设计你的页面 2.如何在photoshop中切图你的设计稿 3.如何建立html页面，定义页面的架构 4.添加页面类容 5.添加 CSS 6. html验证，CSS验证 非常简单详细，但却是非常规范的。 (翻译的较为粗糙,推荐阅读原文) 标签： 浏览器 设计 html CSS 切割 重构 兼容 Design and Code Your First Website in Easy to Understand Steps ? Design and Code Your First Website in Easy to Understand Steps Aug 3rd in HTML CSS by Tessa Thornton In this tutorial, were going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! Its a brand new week; maybe its time to learn a new skill! Author: Tessa Thornton Im a University of Toronto student, majoring in philosophy. I recently took up web design as a hobby and have learned a great deal in a short time, largely thanks to the resources of the online community. Id like to share what Ive learned and contribute to the knowledge base available to new learners. Step 1 - What Were Making Were going to design and code this very simple website. Spectacular design, its not, but itll be very effective for teaching basic coding techniques. Step 2 - Getting Ready What you need This tutorial was written assuming that youve never coded a website before, or have only done it a few times. Nevertheless, to complete this tutorial, you will need the following: Photoshop or a similar image editor A code editor (more on that later) Basic understanding of how html works, basic syntax and tags. To get up to speed, check out the official resource at w3 Schools, where you can learn all the basics needed for this tutorial. Ditto for css, you should understand how selectors work and be familiar with basic properties. Again, the best resource here is w3 Schools A browser, obviously. Im using Firefox, and if you want your site to look just