欢迎来到个人简历网!永久域名:gerenjianli.cn (个人简历全拼+cn)
当前位置:首页 > 范文大全 > 心得体会>网站制作心得:关于网页设计的几点内容

网站制作心得:关于网页设计的几点内容

2022-09-16 08:43:48 收藏本文 下载本文

“漱灰”通过精心收集,向本站投稿了9篇网站制作心得:关于网页设计的几点内容,下面就是小编给大家整理后的网站制作心得:关于网页设计的几点内容,希望您能喜欢!

网站制作心得:关于网页设计的几点内容

篇1:网站制作心得:关于网页设计的几点内容

网页设计是网站建设中极为重要的一项工作,一个赏心悦目的网站可以在第一时间赢得用户的好感,今天我们就网页设计工作为大家做个简单的介绍。

VI相信很多人都不会陌生,VI是英文VisualIndentiry System的缩写,意思就是视觉识别系统,网站上的图片、文字、动画、色彩搭配构成的版面布局都是VI的一部分。在网页设计中的VI是非常重要的,我们总结了4点注意事项:

1、整个网站的色调要混为一体,千万不要出现不伦不类的现象;

2、不要有太多、太大的图片,图片要清晰可见,以免引起用户的反感;

3、页面上的文字大小要有统一格式,不能太小太细,现在比较流行的是微软雅黑和宋体,黑体、粗体适合做标题;

4、动静要得体,动画最好不要占据较大版幅,即影响访问速度又容易引起用户的反感.

网页设计的内容主要包括:LOGO(网站标志)、网页按钮、网页文字、内容标题、内容文字、隔断线条、图片、Flash、色彩搭配、网页布局,以上内容加在一起构成了一个完整网页VI,

篇2:网站首页设计诠释网页首页制作

网站首页设计,需开宗明义突出主题.开宗明义,无论是对于一篇文章、一场会议或一部

  文档标题  

其他meta  标  记

样式表定义

客户端Javascript  函数定义及初始化操作

…  …

补充:

为了保证网站能够与下一代的web  语言xml  标准兼容,所有的HTML  标签的属性都要用单引号或者双引号括起,即我们应该写    而不  是  .

2.  允许全文检索的页面,为了使Internet  上的搜索引擎能够有效检索,在频道的首页的html的之间应该加入Keywords  和Description  元标记,例如  :

3.  CSS  文件的格式样例代码  :

p  {  text-indent:  2em;  }

body  {  font-family:  “宋体”;  font-size:  9pt;  color:  #000000;  margin-top:  0px;  margin-right:  0px;  margin-bottom:  0px;  margin-left:  0px}

table  {  font-family:  “宋体”;  font-size:  9pt;  line-height:  20px;  color:  #000000}

a:link  {  font-size:  9pt;  color:  #FFFFFF;  text-decoration:  none}

a:visited  {  font-size:  9pt;  color:  #99FFFF;  text-decoration:  none}

a:hover  {  font-size:  9pt;  color:  #FF9900;  text-decoration:  none}

a:active  {  font-size:  9pt;  color:  #FF9900;  text-decoration:  none}

a.1:link  {  font-size:  9pt;  color:  #3366cc;  text-decoration:  none}

a.1:visited  {  font-size:  9pt;  color:  #3366cc;  text-decoration:  none}

a.1:hover  {  font-size:  9pt;  color:  #FF9900;  text-decoration:  none}

a.1:active  {  font-size:  9pt;  color:  #FF9922;  text-decoration:  none}

.blue  {  font-family:  “宋体”;  font-size:  10.5pt;  line-height:  20px;  color:  #0099FF;  letter-spacing:  5em}

-->

这里尤其要注意的是a:link  a:visited  a:hover  a:actived  的排列顺序一定要严格照上面的样例代码,否则或多或少会出问题。另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!

为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px  和14.7px  这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px  的字号比较合适。

在写  

  互相嵌套时,严格按照的规范,对于单独的一个
来说,
对齐,
  缩进两个半角空格,&l

t;td>  中如果还有嵌套的表格,

也缩进两个半角空格,如果  结束标记应该与  

而应该是这样的:

这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:

属于同一个级别  的  

中没有任何嵌套的表格,  处于同一行,不要换行,

如我们注意在源代码中不应有这样的代码:

  
  一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,高度大于等于12px  的单元格应该  在    之间写一  个      如果高度小于12px,  则应该  在    之间插入一个1*1  大小的透明的gif  图片,这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱,在DW3中可以通过command->apply  souce  formatting进行重新整理!

5.  Width  和height  的写法也有统一的规范,一般情况下只有一列的表格,width  写在

  和    和  
  的标签内,只有一行的表格,height  写在  
  的标签内,多行多列的表格,width  和height  写在第一行或者第一列的  标记,以便能够使这个大表格分块显示。

3.  排版中我们经常会遇到需要进行首行缩进的处理,不要使用      或者全角空格来达到效果,规范的做法是在样式表中定义  p  {  text-indent:  2em;  }  然后给每一段加上

标记,注意,一般情况下,请不要省略

结束标记  。

4.  原则上,我们禁止用    来人为干预图片显示的尺寸,而且建议    标签中不要带上width  和height  两个属性,这是因为制作过程中,图片往往需要反复的修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能;但是这样的一个副作用是当网页还未加载图片时,不会留出图片的站位大小,可能会造成网页在加载过程中抖动(如果图片是插在一个固定大小的表格里的,不会有这个现象),尤其是当图片的尺寸较大时,这种现象会很明显,所以当预料到这种会明显导致网页抖动的情况会发生时,请大家务必在最后给  附上  width  和  height  属性。

5.  为了最大程度的发挥浏览器自动排版的功能,

在一段完整的文字中请尽量不要使用

来人工干预分段。

6.  不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。

7.  所有的字号都应该用样式表来实现,禁止在页面中出现    标记。

8.  请不要在网页中连续出现多于一个  的      也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用  text-indent,  padding,  margin,  hspace,  vspace  以及透明的gif  图片来实现。

9.  中英文混排时,我们尽可能的将英文和数字定义为verdana  和arial  两种字体。

10.  行距建议用百分比来定义,常用的两个行距的值是line-height:120%/150%.

11.  网站中的路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样:  而应该这样:

12、嵌入图形文本的使用较大的字体,建议不要在图形中包括文本。

13、“网页大小”定义为网页的所有文件大小的总和,包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在34K以下为合适。

/文  件  命  名  原  则

1.  每一个目录中应该包含一个缺省的html  文件,文件名统一用index.htm

2.文件名称统一用小写的英文字母、数字和下划线的组合。

3.  命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作  。

4.  下面以“新闻”(包含“国内新闻”和“国际新闻”)这个栏目来说明html  文件的命名原则  :

☆  在根目录下开设news目  录

☆  第一条缺省新闻取名index.htm

☆  所有属于“国内新闻”的新闻依次取名为:china_1.htm,  china_2.htm,  …

☆  所有属于“国际新闻”的新闻依次取名为:internation_1.htm,  internation  _2.htm,  …

☆  如果文件的数量是两位数,请将前九个文件命名为:china_01.htm,  china_02.htm  以保证所有的文件能够在文件夹中正确排序。

5.  图片的命名原则遵循以下几条规范  :

☆  名称分为头尾两两部分,用下划线隔开。

☆  头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等  。

☆  一般来说:

放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner

标志性的图片我们取名为:logo

在页面上位置不固定并且带有链接的小图片我们取名为button

在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu

装饰用的照片我们取名:pic

不带链接表示标题的图片我们取名:title

依照此原则类推。

☆  尾部分用来表示图片的具体含义。

☆  下面是几个样例,大家应该能够一眼看明白图片的意义:

banner_sohu.gif  banner_sina.gif  menu_aboutus.gif  menu_job.gif  title_news.gif

logo_police.gif  logo_national.gif  pic_people.jpg  pic_hill.jpg.

相关性:毕业论文,免费毕业论文,大学毕业论文,毕业论文模板

篇9:网页制作设计个人简历

目前所在: 天河区 年 龄: 22

户口所在: 阳江 国 籍: 中国

婚姻状况: 未婚 民 族: 汉族

诚信徽章: 未申请  身 高: 165 cm

人才测评: 未测评  体 重: 52 kg

人才类型: 应届毕业生

应聘职位: 网页设计/制作/美工/UI,平面设计师

工作年限: 1 职 称:

求职类型: 实习可到职日期: 一个星期

月薪要求: 面议 希望工作地区: 广州,深圳,阳江

工作经历

毕业院校: 广东机电职业技术学院

最高学历: 大专 获得学位:  毕业日期: 2013-07

专 业 一: 软件技术 专 业 二:

起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号

语言能力

外语: 英语 一般 粤语水平: 优秀

其它外语能力:

国语水平: 优秀

工作能力及其他专长

实践经验:

2011年12月,组织3人团队进行《asp新闻发布系统动态网页》开发项目,项目分工为前台功能、后台管理、数据库3部分。本人负责前台功能开发工程,主要工作内容:1.前台布局;2.前台登录连接后台管理。所开发《asp新闻发布系统动态网页》于2012年1月测试成功并运行无误,该项目完满结束。

2012年1月,单独进行《asp书店网页》开发项目,项目分工为前台功能、后台管理2部分。从前台功能到连接后台管理均由个人单独完成并于2012年3月测试成功并运行无误,该项目完满结束。

2012年5月,单独进行android《坦克》游戏开发项目,项目分工为前台布局、后台实现功能2部分。主要工作内容:1.前台各个页面布局;2.前台连接后台实现功能。所开发《坦克》软件于2012年6月测试成功并运行无误,该项目完满结束。本文由wWw.YjSjL.oRg大学生个人简历网提供

2012年6月,组织3人团队“631机电人”进行android《高考考生咨询平台》软件开发项目,项目分工为前台布局、后台实现功能,后台连接asp数据库管理3部分。本人负责前台与后台功能开发工程。主要工作内容:1.前台布局;2.后台实现前台所布局的各种功能。所开发《高考考生咨询平台》软件于2012年7月初测试成功并运行无误,该项目完满结束。

熟练使用photoshop等平面设计软件

熟练使用编程和网页设计各种相关软件

考取计算机office办公操作三级证书

拥有计算机软件及网络故障的`处理能力

拥有严谨的工作态度及良好的沟通能力

个人自传

自我评价:

协作型,较强的协调能力,优秀的团队合作精神

学习型,拥有较强的学习、创新能力和适应能力

实干型,认真负责、勇于挑战,吃苦耐劳、抗压能力强

职业目标:

从事平面设计相关工作,在岗位上沉淀、积累技巧并学以致用,继续拓展深入学习专业知识,不断提高专业技能。关心家事国事,丰富阅历,不断提升自身价值和内涵。

个人兴趣:军旗,唱歌,乒乓球,IT数码等

【网站制作心得:关于网页设计的几点内容】相关文章:

1.网站设计与网页制作的基本知识单选题

2.网页设计制作规范

3.《网站优化》学习笔记网页设计

4.网页制作合同

5.网页制作策划书

6.网页制作个人简历

7.网页设计的实验报告心得

8.网页制作教学论文

9.网页制作实习日记

10.网页制作笔试题

下载word文档
《网站制作心得:关于网页设计的几点内容.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度: 评级1星 评级2星 评级3星 评级4星 评级5星
点击下载文档

文档为doc格式

  • 返回顶部
  •   标签内。总之遵循一条原则:不出现多于一个的控制同一个单元格大小的height  和width,  保证任何一个width  和height  都是有效的,也就是你改动代码中任何一个width  和height  的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。

    /一  般  原  则

    1.  在排布表格之前,请大家一定要好好思考一个最佳的方案,表格的嵌套尽量控制在三层以内,并且应该尽量避免      两个标记,经验表明,这两个标记会带来许多麻烦。

    2.  一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用