网站制作简略单纯流程先容
The website production process *** introduction
1 筹谋与草图
Planning and sketches
2 假想与制做
Design and ***
3 切割与导出
Cutting and export
4 编纂与模板
Editing and template
5 动画与告白
Animation and advertising
6 链接与上传
Links and upload
按软件及长度别离制做步调:
According to the software and length divided *** steps:
1 筹谋与草图
Planning and sketches
1.1统统网站和别的假想作品的进程都是从筹谋动部下手的。这是最能体现你的才调和发现力的处所。人最大的差异于别的植物的处所就是会思虑，会发现，而且惟有这点是不足为奇的!我们必须要在着手翻开PS或FW制做界眼前就要完成一个网站最最症结的筹谋部分，它将间接影响
All web sites and other design works from the start of the planning process. This is the most can reflect your talent and creativity of the place. The biggest difference between the people in other animals place is thinking, can create, and only this is valuable. We have to be on hands-on opened PS or FW *** industry shall be completed before a key part of the most web site planning, it will directly influence
这个网站的成败与否。一个良好的网站，不但做得大度，而且要便利浏览，可读性强，简约明快!
The success or failure of the website. A good website, not only to do well and to facilitate browsing, readable, concise and lively!
网站的风格，用色，版式，布局，栏目乃至每个藐小的图标都要经由精雕细琢，深思熟虑。而风格的制订要取决于你所做网站的浏览人群和读者职业靠山、文明程度和涵养爱好等，只需投其所好才调最大化地发作共鸣;另外一方面取决于公司的范例和企业法人的喜爱，假如不是要强加入你自己的意志的话，那上述几点已经制订了网站大抵的勉力偏向了!
The website's style, coloring, format, layout, column and even every tiny ICONS are through excelsior, thoughtful. And the formulation of style depends on what you do web browsing the crowd and readers professional background, education and training the hobby, only cast its place to maximize the resonate; On the other hand depends on the type of company of the enterprise as a legal person and be fond of, if it's better to join you will of his own words, that the points above has made the web site the direction of roughly!!!!
1.2本站是贸易化的网站面向企业为主，以是我采纳繁复风格，亮丽明快的色彩和风格，只需学学立体组成和色采组成就知道如何按其风格去安置各个元素和内容，和用何种色彩来营建你要表达的效果了，包括冷暖明暗都是很症结的。大面积的中性色不刺目，而重要的指点视野能够让亮色来经受，冬天喜爱暖色炎天喜爱暖色是人情世故，蓝色那种给人以信赖和科技的底韵是我遴选它的启事，
高端网站公司，而像橙、黄等促进食欲的色彩更轻易遭到食物网站的喜欢!
1.2 this site is the website of the commercial enterprises, so I use *** style, bright beautiful and lively color and style, as long as the plane composition and learn color composition knew how to according to the style to decorate each element and content, and with what kind of color to build you want to express the effect, including changes in temperature and light and shade is essential. Large areas of neuter color not dazzling, and important guiding the view can let bright color to bear, winter like warm color summer like cool color is human nature, that give a person with blue trust and technology DE yun is my choice of the causes, and like orange and yellow color of promote appetite more vulnerable to food web site favor!
1.3本着简约迷信的分类绳尺来别离栏目:首页客户中心窄告先容互助媒体罕见标题问题媒体报道关于我们
1.3 in line with concise scientific classification principle to differentiate column: front page customer center against media introduced narrow the common problems in media reports about us
栏目假如别离欠好的话，影响框架的调剂，后果就是:重头再来了，郁闷吧?
Column if bad word division, the influence of the framework adjustment, the result is: start again, depressed?
本网站首要面向潍坊企业，以是要做得当地化，让人看了感想感染亲热，而且要做得大度，空话!!
This web site mainly to weifang enterprise, so to do localization, let a person see the sense kind, and to do well, blah!
1.4好了，完成下面这些后请拿起笔在纸上按你的创意和假想画一草图，尽是详细些，最好精细到每处暗影和描边!这步很症结的说!
1.4 good, complete the above, please take up a pen on *** according to your creative ideas and draw a sketch, with some specific, best fine to every place of shadow and stroke! This step is the key!
1.5本节最后就是筹办制做网站时所需要的素材了，包括图标，LOGO，告白语，内容先容等这都是最根本的!
1.5 this section is ready to make final web sites need the source material, including ICONS, LOGO, advertising, introduced the content such as is the most basic!
2 假想与制做
Design and ***
2.1假如草图都已经绘制完美后就能够翻开PS或FW完工制做和假想我们的界面了，在这里我应用PS，固然没有FW的高效和专业但加倍灵动和自在，这是我最喜爱的，也由于用惯了嘛!^^养兵千日用兵一时，一样平常平凡的训练和进修在这里派上用处了!呵呵!
If sketches are drawing perfect after it is opened PS or FW start *** and design our interface, here I use PS, although do not have efficient and professional FW but more flexible and free, that is my favorite, but also because of used to! ^ ^ only thing seven years time, the practice and study here come in handy! Ha ha!
2.2能够在新建的778*600页面中先打框架然后再采纳慢慢细化的方式，还能够采纳你自己怪异的伎俩，比如通明玻璃水晶按钮等效果来营建特另外风格，要力图繁复和细腻!不要放过每个细节的描画，即即是1*1的5%通明度的暗影城市给你的页面增彩，别认为他人看不见!
Can on the new 778 * 600 page first dozen framework and then using stepwise refinement of method, still can use your own unique technique, such as transparent glass crystal button to create the special effects such as style, try to be contracted and exquisite! Don't let every detail of characterization, even 1 * 1 5% of the transparency of the shadow will give you increase the page color, don't think that other people can't see!
2.3最好养成分层的习气，这样能够便利分类和编纂，不至于把上百个图层放在一下层级里搞得一团乱麻，分不大白。
The best form the habit of layered, so that can be easily classification and editing, and not to the levels hundreds of layer on the make a haslong been, points not clear.
作为一名良好的假想师该当有层次，以是请养成分类并为每个图层定名的习气，这决不是糟蹋你的时候!
As an excellent designers should be organized, so please get classification and for each layer of naming habits, this will never be wasting your time!
3 切割与导出
Cutting and export
非论是PS照旧FW，哪怕是AI做的假想界面，在切割的绳尺都是一样的，请遵从以下几个方面:
Whether PS or FW, even if it is AI do design interface in the principle of cutting are the same, please follow the following several aspects:
3.1起首要按大抵的框架切割，如国字型或T字型，属意其完整性
According to the frame of the first roughly cutting, such as country word or T word, pay attention to their integrity
3.2对付要输出的笔墨地区、大面积色块或独自的图片和flash动画要独自切割成非图片花样的切片以备拔出
Input text to regional, large area color piece or separate pictures and flash animation to separate cutting into the image format slice for insert
3.3对付增加内容需要很长的地区要属意其伸缩性切割，若有图案要保证能够反复布列
To add content need a long area should pay attention to its flexibility cutting, if there is a design to ensure that the arrangement can be repeated
3.4在切割时要稀奇当真和警惕，不要空留一行或列的一个象素的间隙，要缩小让切片都对齐，不留空隙
In cutting to special earnest and be careful, don't empty kept one row or column of a pixel gap, to enlarge the paraffin sections to align, leaving no space
3.5别的如按钮和空缺处等主动天生的切片，和建立需要改动图片表面的切片等
Other such as buttons and a blank space, automatically generated slice, and create a need to change the image of the look of the slice, etc
切割终了后，遴选文件另存为WEB页号令，导出为HTML文件待DW编纂。
After the completion of the cutting, choose file save for WEB page order, export to HTML documents to DW editor.
4 编纂与模板
Editing and template
4.1在DW中翻开导出的HTML文件动部下手编纂，包括大表格居中，设置靠山，点窜空缺可输出区单元格靠山为原本切割的图片等
In the open in DW derived HTML documents to edit, including big form center, set background, modify the blank input area cell background for cutting the original pictures
4.2将编纂终了的文件增加CSS款式，包括最根本的TD和ALINK等标签，然后存为模板DWT文件，并^+alt+v新建可编纂地区
The editor of the file will add CSS styles, including the most basic TD and ALINK, labels and save as template DWT files, and ^ + Alt + v new can edit area
4.3经由过程模板新建各个页面并添加入呼应的内容
Through the template each page and new added to the corresponding contents
5 动画与告白
Animation and advertising
5.1按原本切片所容留的巨细制做FL动画告白条，应用呼应的笔墨内容和告白语，在FL中新建文件
According to the size of the original slice shelter *** FL animation article advertising, use the corresponding text content and advertising, in FL new file
5.2复制粘贴告白词到场景中，排版并转换为元件578*104
Copy paste AD copy to the scene, layout and convert to element 578 * 104
5.3增加呼应的靠山和动画，调试节拍后宣布为SWF文件
Add the corresponding background and animation, debugging promulgated after the rhythm for SWF file
5.4拔出到DW中的模板页并调剂巨细后存盘，别的的页面会主动更新
Insert into the template pages and adjust DW after inventory size, other page is automatically updated
6 链接与上传
Links and upload
6.1从头设置模板页的导航链接，本步调也可在第四节完成
Reset template page navigation links, this step also can be finished in the fourth quarter
6.2在当地翻开首页查抄链接与笔墨内容直到无错，确保链接可一般会见
In local open the front page text links and check until no wrong, make sure the links to normal visit
6.3上传到请求的空间，在域名剖析乐成后在浏览器中浏览网上的效果并做呼应前期回护!
To apply for space, in the domain name system after the success in the browser on the online effect and do late corresponding maintenance!
本文宣布于北京网站扶植公司尚品中国http://www.sino-web.net/