2022-12-13 01:00来源:m.sf1369.com作者:宇宇
一、网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率。
所有的命名最好都小写
属性的值一定要用双引号("")括起来,且一定要有值如class="divcss",id="divcss"
每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
给每一个表格和表单加上一个唯一的、结构标记id
给图片加上alt标签
尽量使用英文命名原则
尽量不缩写,除非一看就明白的单词
二、相对网页外层重要部分CSS样式命名:
外套 wrap ----------------用于最外层
头部 header --------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left ------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
DIV+CSS命名小结:
无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循。
主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。
通常我们最常用主要命名有:
wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)
、content (内容区)、footer(页脚、底部)、logo(标志、可以配合h1标签使用)、banner(广告条,一般在顶部)、copyRight(版权)。
看要求和维护的面积范围了。
1、一般任务就是检查网站内部存在的死链接,增加新的可以带来网站活性的外链或者友情链接。制作301重定向,404页面。在功能性单一,要求单一的网站在维护上只能做这么多。
2、如果像大型网站或者营销型网站就需要会一些网页设计、网页banner图设计了,因为可能要在产品内页做线上营销活动,难免的要做些动态的网页和一些与产品,企业文化相配的颜色和动画flash,属于中等难度的要求。
3、高级要求则像一些大型的门户网站或者导航网站,维护上要会的东西要更多:比如服务器的维护修复,代码的简化,网站防火墙的日常检验,反黑技巧、网站站内站外的优化和推广,功能的添加。网站的规模和所在企业的关系息息相关,岗位和规模的要求不一样,所需的需求就不一样。
Banner组成要素的4个方面:文案、产品/模特、背景、点缀物
banner构图分类主要包括以下几个结构:
1.居中构图
2.左右构图
3.对角构图
4.上下构图
5.集中构图
6.对称构图
在设计banner的时候,常见的构图方式主要是包括对称式构图,左右式构图以及居中式构图。
有要求。如果是色觉障碍(色弱、色盲)者,对于线路、图形、图像处理的颜色辨别不太清晰,容易发生重大的失误。所以,色觉障碍(色弱、色盲)者是不宜选择人工智能专业的。
人工智能会识别黑白色。
因为,通过图像识别的技术,人工智能机器人对颜色的辨识更为精确,我们可以通过人工智能见到其它地方,空间,太空,宇宙中的各种色彩,而不是以前的黑白图像。我们将能见到更为逼真,更为动人的场景,随意是可以识别黑白色的。
喷绘设计是设计中相对比较简单的,没有那么多条条框框的规范,而且设计的文件对电脑的硬件要求远远低于印刷设计文件。
文件质量范围在20—72dpi的都是可以的。
从事喷绘设计,会用平面相关的软件就可以的,通常是用Illustrator、CorelDRAW、 photoshop来设计排版的,最主要的软件就是我们常说的PS,在图片处理和场景合成上效果更好。 因为喷绘用的是RGB色,在PS软件上的显示色彩和成品色彩相差不大,CorelDRAW显示的是CMYK色,预览的文件和实物颜色相差会非常大。用哪一个软件做设计还是要看设计者的习惯的,有的人就是用Excel也能设计漂亮的矢量风景画的。
需要着重学习版式设计、色彩构成,熟知色彩心理学,了解一些字体相关方面的知识。这一块更详细的内容可以看下我写的另一篇问答:如何快速和科学的设计banner? 就不在这里缀述了。
https://m.zjurl.cn/answer/6742640209403314446/?app=news_article&app_id=13&share_ansid=6742640209403314446
想要做好喷绘设计,从业者也需要不断的学习来提升自己的设计能力,不能固步自封,要多看同行的作品,经常去一些设计类的网站上了解并学习现在主流的设计风格和设计思路,融合自己的设计思路,提升自己的设计能力,才能跟上现在多变的市场步伐。
Banner是由文案(包括logo)、商品模特(包括产品图)、背景、点缀元素四个元素组成的,Banner设计四要素:对比、对齐、重复、亲密性。
属于平面设计,banner广告牌,横幅的意思。
网页设计标准尺寸:
1、800*600下, 网页宽度保持在778以内,就不会出现水平滚动条,度则视版面和内容决定。
2、1024*768下, 网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右。
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。
页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏。
每个标准项面为A4幅面大小,即8。5X11英寸。
尺寸banner为468*60px,半尺寸banner为234*60px, 小banner为88*31px。
另外120*90,120*60也是小图标的标准尺寸。
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。