首页 热点资讯 义务教育 高等教育 出国留学 考研考公

学网站美工需要看什么书

发布网友 发布时间:2022-04-24 01:15

我来回答

6个回答

懂视网 时间:2022-05-13 09:42

一、盒子模型(box model)


一个盒子又4部分组成:content(内容)、padding(填充)、border(边框)和margin(外边界)


盒子模型有两种:

(1)标准W3C盒子模型

(2)IE盒子模型(content包含padding和border)

为了统一标准,让网页能兼容各个浏览器,必须使用标准W3C盒子模型

如何才算使用?答:在网页的顶部加上DOCTYPE声明



二、盒子模型结构详解


1、CSS边框(border)属性


border有3个属性:border-width(宽度)、border-style(样式)、border-color(颜色)

(1)width:

(1) 单位数值(1px)或关键词(thin、medium、thick)

(2) 如果不设置,默认是medium,一般浏览器解析为2px

(3) 建议用单位数值来绝对定义

(2)style:

none、solid、hidden、dotted、dashed、double、groove、ridge、inset、outset等


3种写法:

(1)border:width style color(4边相同)

例如:border:1px solid #000000

(2)border-left:width style color(4边不同)

例如:border-left:1px solid #000000


(3)border-left-width:【(2)的另一种写法】

border-left-style:

border-left-color:

例如:

border-left-width:1px;

border-left-style:solid;

border-left-color:#000000;


注:

在页面应用中,设置的border也会占据页面空间。所以,当精确计算版面时,

即使在border为1px的情况下,也一定要把border对宽度和高度的影响因素考虑进去。


2、CSS填充(padding)属性


属性:padding(padding-top、padding-right、padding-bottom、padding-left)

属性值:单位数值或百分比


2种写法:

(1)padding:top right bottom left(上右下左??按顺时针方向)

例如:padding:10px 20px 30px 40px;

(2)padding-top:

padding-right:

padding-bottom:

padding-left:

例如:

padding-top:10px;

padding-right:20px;

padding-bottom:30px;

padding-left:40px;



3、CSS外边界(margin)属性


属性:margin(margin-top、margin-right、margin-bottom、margin-left)

属性值:单位数值或百分比


2种写法:

(1)margin:top right bottom left(上右下左??按顺时针方向)

例如:margin:10px 20px 30px 40px;

(2)margin-top:

margin-right:

margin-bottom:

margin-left:

例如:

margin-top:10px;

margin-right:20px;

margin-bottom:30px;

margin-left:40px;


注:

margin是一个非常有用的CSS属性,在实际应用中,还可以将它的值设为负数,以达到页面版面的要求。

热心网友 时间:2022-05-13 06:50

网页美工,需要的技能有:扎实的设计功底、简单的动画效果、精通html语言、css样式
网页美工使用的软件:
Flash (做动画)
Dreamweaver(网页重构)
Photoshop (做效果图和切图)
Fireworks (做图跟切图,日企使用较多)

推荐书籍:
《设计师的HTML手册》
《CSS权威指南》
《Ps从基础到高阶》
《写给大家看的设计书》
《精通CSS代码设计》

《前端开发笔记》
《Dreamweaver CC网页创意设计案例课堂》
《Flash CS6动画制作实战从入门到精通》

网页美工:
网页美工是精通美学,photoshop(PS),FLASH,dreamwaver(DW)等一网站制作软件的网络人员,必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁,还要适宜后台调用。

职能:图形设计,即传统意义上的“美工”。不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。
用户测试/研究,这里所谓的“测试”,其目标是测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量网页设计的合理性。
【技能解析】网页美工负责整个网站的前台设计,界面设计、规划整个网页的布局。可以使用ps进行界面效果图的设计,AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。

热心网友 时间:2022-05-13 08:08

首先开始时先学HTML语言,这是计算机所有编程语言的基础,然后学校DIV+CSS布局,还要学JAVASCRIPT脚本语言,jquery技术,图片处理photoshop等工具,fireworks工具,动画方面要学习flash 这些都是网页美工最基本得东西。

热心网友 时间:2022-05-13 09:43

我也觉得楼上说的蓝色理想不错,divcss是以后的发展趋势,技术上很重要,网页三剑客得会,还有就是色彩搭配,还有排版,也就是设计要好,本人基本上属于自学,说实话要是入门很难阿,也许是我笨吧,不过要多看别人的作品,多实践多思考,你会受益匪浅的。还有就是要有自己的思想。希望对你有所帮助。

热心网友 时间:2022-05-13 11:34

到FLASH网站看看吧.那里经常有一些高人写的美工教程..

推荐:
www.flashempire.com

www.flash8.net
我网站上也有些网站美工教程
www.wenmc.com

热心网友 时间:2022-05-13 13:42

多去论坛看看,建议去蓝色理想论坛:http://bbs.blueidea.com还有就是多练习,多交流。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com