网页设计制作时要注意的问题  

如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于选择不可见元素。下面介绍网页设计制作时要注意的问题，希望可以为您带来帮助。  

1. 如何巧妙隐藏标签?  

如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于选择不可见元素。但如果不想显示时，也可以隐藏标签，方法是按【Ctrl+U】键打开【*参数】对话框，在【分类】中选中【不可见元素】，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就不会再出现了。  

2. 字体【格式】与【大小】有什么区别?  

在【文本】属性面板中，【格式】与【大小】都可以设置字体大小，但二者有一定的区别，选择【格式】，字体改变大小的同时变为粗体;如果只想改变文字大小，而不想让字体变为粗体，可以用【大小】属性。此外，【大小】只对选中文本起作用，而【格式】对整段文字起作用。  

3.为何我无法在文字中输入多个空格字符?  

在做网页的时候，有时需要输入空格，但在有些时候却无法输入，导致无法正确输入空格的原因可能是输入法的错误，只有正确使用输入法才能够解决这个问题。解决的方法有以下几种。  

●切换到代码视图，在需要添加空格的位置，输入代码 ，就会出来空格，输入几次代码就会出来几个空格。  

●如果使用智能ABC输入法，按Shift+空格键，这时输入法的属性栏上的半月形就变成了圆形，然后再按空格键，空格就出来了。  

●切换到【文本】插入栏，在【字符】下拉列表选择【不换行空格】选项，就可直接输入空格。  

4. 为什么在Dreamweaver中按Enter键换行时，与上一行的距离却很大?  

在Dreamweaver中按Enter键换行时，与上一行的距离却很远这是因为按下Enter键时默认的是一个段落，而不是一般的单纯的换行所造成的。因此若要换行，则先按下Shift键不放，然后再按下Enter键，这样两行间的距离就不会差一大段了。  

5. 怎样设置字体系列?  

什么叫字体系列呢?是指对文字设置几个字体，当遇到*个不能显示的字体时会自动用系列中的第二个字体或后面的字体显示。Dreamweaver内置了6个系列的英文字体，一般英文字体用“Verdana，Arial，Helvetica，sans-serif”这个系列比较好看。如果不用这些字体系列，就需要自己编辑字体系列，可以通过下拉列表最下面的【编辑字体列表】来创建的字体系列，也可以直接在下拉列表中输入字体名，字体之间用逗号隔开，中文网页默认字体是宋体，一般空着，不要选择任何字体。  

6. 如何使用3种类型的CSS样式?  

CSS样式表在网页制作中一般有3种方式的用法，那么具体在使用时该采用哪种用法呢?当有多个网页要用到CSS，采用外联CSS文件的方式，这样网页的代码大大减少，修改起来非常方便;只在单个网页中使用的CSS，采用文档头部方式;只在一个网页一两个地方才用到的CSS，采用行内插入方式。  

7. 为什么改变不了表格的高度呢?  

在使用Dreamweaver制作网页时往往需要改变表格的高度，然而有时拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。出现这种情况的原因在于已经为表格提供了一个固定的高度，当要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直接表现就是无论怎样拖动表格的边框，表格的高度都不会变化。在这种情况下，只需要清除表格的高度，然后拖动表格的边框即可。  

那么应该如何去除表格的高度设置呢?首先需要选定表格。选定了表格以后，在【表格】属性面板中单击【清除行高】图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。当然，清除表格高度的方法不止上述一种方法，也可以选中表格，在表格的属性框中直接删除表格的高度值。同样，该方法也适用于改变表格宽度的情况，不过，当选定了表格以后，删除的不是行的高度，而是列的宽度。这样，就可以轻松进行调整表格的高度与宽度了。  

由此可以看出，清除行高与列宽的主要作用是创建规则的表格。可以用清除行高与列宽命令，将表格缩到最小，然后再通过属性面板上的【高】选项，重新设置表格的高度，这时一个规则、均匀的表格就出现了。  

网页制作中需要注意的问题  

一、网页设计稿中特殊字体的处理  

网页浏览者在看网页时使用自己电脑上的字库来显示字体的，如果在制作网页时用了特殊的字体，必须保证浏览网页的用户的电脑上也有这样的字库才能看到相同的效果，如果用户的电脑上没有所定义的字体，那么它会自动用系统默认字体来显示，一般中文的默认字体都是宋体。  

特殊字体只能做成图片。  

CSS中常用的字体包括：宋体、黑体、微软雅黑、Arial、verdana、serif。  

二、切图时应该保存成那种图片格式  

1)JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。对于写实的摄影图片或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到*的压缩效果。根据经验，在页面中使用的商品图片、采用人像或者实物素材制作的广告banner等图像更适合采用JPG的图片格式保存。  

2)对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。图像上颜色较少，并且主要以纯色或者平滑的渐变色进行填充。或者具备较大亮度差异以及强烈对比的简单图像适合使用PNG格式进行存储。  

3)PNG8支持1为布尔透明通道，所谓布尔透明值得是要么完全透明要么完全不透明。而PNG24则支持8为的Alpha通道透明，也就是说可以存储从完全透明到完全不透明一共256个层级的透明度。  

4)对于小图标或小动画，可以保存成gif格式。  

三、制作中需要注意的问题——z-index属性  

1、z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面  

2、该属性设置一个定位元素沿z轴的位置，z轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。  

四、兼容问题的技巧  

1)写DTD声明  

2)为网页样式引入CSS重置代码，重置各浏览器默认属性值。  

3)同时为一个元素写float和margin-left或margin-right时，同时设置display：inline，为解决IE6双边距问题。  

4)给元素设置高度后，同时设置overflow：hedden，避免在IE6中高度继续扩展的问题  

5)对于文本，在使用margin-left、padding-left、margin-top、padding-top之前有限考虑是否可用text-indent和line-height代替，因为计算尺寸的代价相对来说要大些。  

网站制作时需要注意哪些问题  

源码的选择：现在市面上有非常多的成熟的代码，我们大可不必非要自己组建团队去大张旗鼓的写代码。  

网站安装：配置服务器环境，大家可以搜索的学习学习，这里需要注意下，需要对网站的目录权限进行严格的控制，具体的安装过程，可以参照各个源码的说明去进行;老渔哥-企业网站建设服务。  

网站结构的设计：这点比较重要，一个网站做出来，一定要有合理的结构布局，一方面提高用户体验，一方面方便搜索引擎蜘蛛爬行。  

关键字选择：这个关乎网站以后再能不能准确的展现给用户，能不能再搜搜引擎中取得好的排名，竞争激烈的关键词，会浪费你大量的时间。  

内容的建设：我们从近期百度的几次大的调整可以看出，也从官方的说明看出，提供高质量，尽可能是原创性的文章，不要搞采集和机器生成那类鬼都看不懂的文章，把内容展现给用户，而不是搜索引擎。  

url要标准化：url静态化，动态化的虽然可以抓取，但效果可能没有那么好;。  

网站地图制作：网址地图是网站必备的东西，方便用户也方便搜索引擎的蜘蛛抓取。  

robots.txt制作：对于那些不需要被抓取的可以用robots.txt文件限制，具体大家可以搜索robots.txt文件的写法。  

404页面的制作：对于已经删除的文章应该返回404状态，并添加404页面反馈给搜索引擎已经删除。  

网站制作色彩方面的问题  

一、文字能见度低  

首先，网站制作要避免文字能见度过低的问题;文字能见度过低，简单一点的说是网页上色彩与色彩之间对比强度过低，超出了人的视觉识别的范围。网页上的背景色彩与文字结合在一起，文字与背景色的搭配就成为了一个难题。要知道人们浏览一个页面，很多时候是为了看内容的，很多网站制作的新手为了使整个页面“和谐”，忽略了文字的可识别性。容易让人看起来费劲，这里我们就要讲究一个定理：高明度色彩的背景，我们采用低明度色彩的文字会更好的识别;而低明度的背景，采用的是高明度色彩的文字则更好识别，注意*不要采用明度相近的背景色与文字，这样我们难以分辨文字的内容。  

二、页面缺乏主色调  

其次，网页缺乏主色调，网页缺乏主色调这个应该说是很长时间都存在的问题，早些时候在互联网没那么发达的时候，网站的页面相对来说比较简单，而今天网站技术快速发展，凌乱的网页已经让用户感到不喜欢了。我们要让我们的网页看起来主题分明，简单明晰。如果说标题用一个颜色，图片用一个颜色，背景用一个颜色，Logo用一个颜色，每一个东西都用一个颜色，那网页看起来就会色彩繁多却复杂混乱，不堪入目。所以说，我们应当将内容想好，背景用什么颜色，所有的颜色，或者说是标题用什么颜色，以主色调为主，其他颜色辅助。当然，也要注意上面所说的文字可见度，以及整个网页的美感。 所以，建议我们的网站制作*能够让文字明晰，避免网页色彩搭配冲击力过强使视觉疲惫。  

三、网站制作要注意框架结构设计方面的问题  

1、在设计框架结构和裙房时，高低跨之间不要采用主楼设牛腿、低层ht面或楼梯梁搁在牛腿上的做法，也不要用牛腿托梁的方式作为防震缝。因为在地震时各单元之间，尤其是高低层之间的震动情况不同，连接处很容易压碎、拉断。因此，凡要设缝，就要分得彻底，凡不设缝，就要连接牢固，绝不能似分非分，似连非连，否则很容易在地震中破坏。  

2、由于建筑的需要，有时需要框架梁外挑，且梁下设置钢筋混凝土柱。在柱的内力和配筋计算中.有些设计人员对其受力概念不清.误认为此柱为构造柱.并且其配筋为构造配筋，悬臂梁也未按计算配筋，这样有可能异致水平荷载作用下承载力不足，为事故的发生埋下隐患。实际上，在结构的整体计算中.此柱为偏心受压构件，柱与梁端交接处类似于框架梁、柱节点，应考虑悬臂梁梁端的协调变形。所以对于此柱应作为竖向构件参与结构的整体分析，并且柱与梁端交接处应按框架梁、柱的节点处理。  

3、填充墙拉筋和预埋件等不应与框架梁、柱的纵向钢筋焊接，宜采用在柱内预留预埋件，待砌筑填充墙时再将拉结筋与之焊接的施工方法。