您的位置：首页 > 编程技术 > html  >  网页页面控制常见问题及解决办法

网页页面控制常见问题及解决办法

 更新时间：2016年9月20日 19:04  点击：1752

1、在固定宽度的表格中，若输入的英文字符总长度超过了表格宽度，则表格就会撑大，中文则不会。

2、表格的分行下载

在需要分行下载处加上 <tbody > ,这样可以加快表格下载速度。

比如：
<table >
<tbody >
<tr >
<td >flsdjfsdjfkdsjf</td >
</tr >
<tr >
<td >skdjfsdjfksd</td >
</tr >
</tbody >

<tbody >
<tr >
<td >flsdjfsdjfkdsjf</td >
</tr >
<tr >
<td>skdjfsdjfksd</td >
</tr >
</tbody >
</table >

3、 在网页中做出一根竖的线有几种办法？那种最好哪？

第一种：<table cellpadding=0 cellspacing=1 bgcolor='表格边框的颜色'>
 <tr bgcolor='表格的背景颜色'>
 以上代码中的每个属性都不能忘，否则无效。

第二种：CSS样式控制
 <table style="border-collapse:collapse;border-color:表格边框颜色">

第三种：用背景图片，不推荐使用。

4、为什么页面四周有空白？

 在你的<body>里面加入leftmargin="0" topmargin="0"，为了适应网景浏览器，最好再加上
 marginheight="0" marginwidth="0"

5、 如何去除浏览器的“滚动条”？

    <body scroll=no>

  去掉水平滚动条： <body style="overflow-x: hidden">

  去掉竖直滚动条：<body style="overflow-y: hidden">

6、 如何实现“设为首页”、“添加到收藏夹”？
 设置为首页：
<a href="http:///htmldata/2005-06-24/1119563721.html#" onClick="this.style.behavior='url(#default#homepage)';this.setHome
Page('http://');">设为首页</a>

加入收藏：
<a href="javascript:window.external.AddFavorite('http://', '
专业的网页教学站点')">加入收藏</a>


7、 在Dreamweaver中怎么连续加入空格？
  1、插入中文的全角空格（在智能ABC方式下，按Shift+Space键切换）
2、使用 标记，1个 标记代表一个空格；
3、使用Obejct面板中的Insert Non-Breaking Space。这个相当于插入一个 标记。
4.shift + ctrl + 空格

8、 如何制作细线表格？
 表格细线边框的做法

方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。举例如下：
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666
">
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。举例如下：
<table width="550" border="1" cellspacing="1" cellpadd

　　现在很多的网页设置了禁用鼠标右键，使很多的人没有办法继续操作，现在教你几招，让你轻松破解。

　　1、在网页上任意处将右键按下，等跳出对话框时不要放开右键，将鼠标移至对话框，用鼠标左键点“确定”，在将鼠标移动到想要的连接处，放开右键！OK

　　2、同“1”，只是将鼠标移至对话框，用回车去“确认”！

　　3、用组合键“CTRL+F10”！

　　4、在页面中点击右键，当出现警告窗口时，左手按键盘上的CTRL+F4键关闭提示窗口！ ————以上的方法适用于仅禁用而没有隐藏右键菜单的网页————

　　5、先用鼠标左键进入该页，记录下该页地址，用下载工具“添加新任务”强行下载！(该方法适用于可以打开的连接)

　　6、同“4”，但是可以查看网页源代码，找到该连接后用下载工具“添加新任务”强行下载！(该方法适合比较简单的网页)

　　7、可以将该网页“另存”到硬盘上，修改后直接下载！(此法适用于有主页基础的人)

　　8、在IE设置禁用所有的脚本文件，大胆下载后在改回原来的设置！(此方法适用于对IE设置较了解的老鸟)

　　9、直接将想要的图片用左键拖着，然后按下WIN+D键，这样一来就可以拖到桌面上保存！(此方法适用于单手操作较灵活的同志)

　　10、查看源代码如果发现用了这样的代码：

　　<script>

　　function stop(){

　　alert('XXXX,XXXX!');

　　return false; }

　　document.oncontextmenu=stop;

　　</script>

　　你可以在地址栏键入：javascript:alert(document.oncontextmenu='')回车，确定对话匡后，直接使用右键！




   网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。下面，我们就有关网页布局谈论一下。

　　网页布局类型

　　网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。

　　1、“国”字型：

　　也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

　　2、拐角型：

　　这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

　　3、标题正文型：

　　这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

　　4、左右框架型：

　　这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

　　5、上下框架型：

　　与上面类似，区别仅仅在于是一种上下分为两页的框架。

　　6、综合框架型：

　　上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

　　7、封面型：

　　这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

　　8、Flash型：

　　其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

　　9、变化型：

　　即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

　　关于第一屏

　　所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800*600的屏幕显示模式(这也是最常用的)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px*435px，一般来讲，我们以这个大小为标准就行了，毕竟，在无法适合所有人的情况下，我们只能为大多数考虑了。

　　说了那么多，无非是一个标准的问题，其实接下来不用我说大家也能想到，第一屏当然要放最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。

　　有关导航栏的位置

　　导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，积于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。

　　太长时间没写文章了，主要是工作太忙。今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助，同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们。

　　我们在做网页的时候自己画的图也不错，自己做的布局也很精致，做的图标也很漂亮，第一眼看起来也觉得很漂亮，但是看看就觉得不舒服。也不清楚为什么，这里我告诉你，也许就是你的排版出现问题了。由于排版的不合理，所产生的视觉效果会对读者的眼睛产生一定的疲劳影响，基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“段距太少或太多”、“每行字数太多或太少”等这几个常见因素。下面的内容可以从图示中看出效果来，同时我会给大家一个相对比较好的参数供大家参考。当然设计本来就不要太过拘泥，我所提供的都是一般性的提议，不同网站不同对待，不要过于拘泥我所给大家的一些参数。

　　大家看到上图，前三个是行距的问题：

　　第一个太挤了，都粘在一起了，这样眼睛在看这个文本的时候会需要花点时间去分辨，这样的排版会让读者看得很累。很不舒服。大家看一下自己手头上所做文本的是不是太挤了，如果是那就改一下吧！

　　第二个是比较适中的，由于每行分得很清楚，这样看起来有很强的识别性。

　　第三个是比较宽的，松了一点，这样看起来也很清楚，但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节，一般排版不会越过两个字体高度（2em）

　　下面两个就是字数的问题了，第四个每行文字太长，这样看起来头要摇来摇去，这样读者更容易显得很累。因为要不断的转动头，或是让眼球不断的左右摆动。最舒服的方式就是读者一眼看上去就能把一行看完，不然从行末到下一行行首也会形成断裂感。而下面的又太扁了，这样看起来也不是很舒服。由于在不断的换行阅读，眼球也会觉得不舒服。而推荐的最好的字数是： 不大于45个字母，不大于30个汉字。

　　上面的图是关于段距的，第一个是比较合适的，这样的把段落分开了，让读者觉得文章并不是很多很难读，而如果不把段落当一回事，任其自然那么就会如下面一样，两段成为一段，这里是两段还好，如果是几十段，那么这个文章就很少有人能读下去了！

　　在经典论坛中，发表文章不好设定行距与段距，所以有的朋友在看一些好文章都看不下去，这就是因为文章没有很好的排版。当然有的朋友用的是1024*768的分辨率，看起来就有点吃力，因为一行很多。而800*600的用户就会觉得好得多了！所以我很多文章都在打完之后分行，不然真的没办法让大家看清楚这里讲了什么东西。当然这样的做法也难为了网站的编辑，他每次都要把这些分行去掉才行！呵呵，在此深表歉意！

　　补充：

　　关于“单词间距”“字母间距”“垂直对齐”“水平对齐”“文字缩进”“空格”“显示”在这里面设置，如下图：




　　Google实验室总是会有许许多多的新奇想法。2006年2月23日，它又给我们带来了惊喜。这一次给我们带来的是一个名叫GPC（Google Page Creator）的东西，利用这个在线网页编辑工具，我们也可以过一回网页制作的瘾了。在免费网页空间铺天盖地的今天，Google又会用怎样的手法来诠释网页制作这一理念呢?就让我们揭开GPC的神秘面纱，一探究竟。

　　GPC需要使用Gmail帐号登陆，好在现在Gmail已经是遍地开花了。在浏览器中输入“http://pages.google.com”便可进入GPC。首次登陆会看到一个欢迎界面，这里介绍了GPC的诸多优点。Google在这里表示这个服务“Create your own web pages, quickly and easily.”(快速、简单地创造属于你自己的网页。)在网页下部钩选“I have read and agree to these Terms and Conditions”，再单击“I'm ready to create my pages”就可以进入Google Page Creator的世界了。

　　进入之后我们可以看到一个类似于Gmail的页面，此乃网页编辑页面也!我把整个页面分成了5个区域，让我们来看一看各个区域都能实现哪些功能:

　　①在这里可以轻松地发布和管理你的网页。网页编辑完成后可以点击“Publish”发布网页或者点击“Back to Page Manager”进入网站管理。

　　②这里是撤销/重做按钮。

　　③这里可以改变网页的外观和框架。GPC提供了多种网页模板和4种网页框架可供选择。

　　④在这里可以插入图片、创建超链接、改变文字格式等多种操作。

　　⑤单击这里可以设定文字的样式，还可以直接编辑HTML源代码。

　　当我们了解了网页编辑器的操作界面后，就让我们动手制作一个首页吧!

　　首先单击④区的两个链接，把网页更改成自己喜欢的样式和框架。

　　接着就可以在编辑区输入文字了。这个编辑区是所见即所得的，就跟我们用FrontPage等软件一样，可以完美地显示网页的样子。在④区可以设置文字的大小、颜色等选项，在⑤区可以将选定文字设置成一级、二级和三级标题。

　　全部是文字的网页肯定不好看，那么就添加几张图片吧!在编辑区将光标定位在要插入图片的地方，点击④区的“Image”按钮，在弹出的对话框中可以选择上传自己的图片还是引用网络中的图片。目前Google为每个用户提供了100MB的网页空间，对于一般的个人网站可以说是绰绰有余。选择图片后点击“Add Image”即可添加图片。在编辑区选择添加的图片，会出现一个工具栏。在这里可以调整图片的大小，制作成缩略图，以适合网页的排版，还可以方便地删除图片。

<
[!--infotagslink--]

相关文章

  • PHP session_start()很慢问题分析与解决办法

    本文章来给各位同学介绍一下关于PHP session_start()很慢问题分析与解决办法，希望碰到此问题的同学可进入参考。 最近在做东西的时候发现一个问题 有一个接口挂...2016-11-25

  • php中json_decode()和json_encode()用法与中文不显示解决办法

    本文章介绍了关于php中json_decode()和json_encode()用法与中文不显示解决办法，有需要的朋友可以参考一下下。 php中json_decode()和json_encode() 1.json_decode(...2016-11-25

  • phpexcel导出数据身份证后四位0000解决办法

    在php中我们如果要导入excel数据我们通常会使用phpexcel插件了，但是有朋友会发与使用phpexcel导出数据出现身份证后四位是0000情况了，下面我们就来看解决办法。 最...2016-11-25

  • 401错误码代表什么 401错误解决办法

    401是HTTP状态码的一种，属于“请示错误”，表示请求可能出错，已妨碍了服务器对请求的处理。具体的401错误是指：未授权，请求要求进行身份验证。登录后，服务器可能会返回对页面...2017-01-22

  • apache网站提示503错误解决办法

    Apache status 503 的原因大致有如下几种情况 ： 1、 CPU 负载过高，服务器响应不过来，返回503 2、 系统连接数超限，超过MaxVhostClients的上限，返回503 3、 单IP连接数超限，超过M...2016-01-28

  • Perl CPAN::Modulelist的解决办法

    今天用CPAN安装Term::ReadLine，报了个这样的错误 Going to read /root/.cpan/sources/modules/03modlist.data.gz Can't locate object method "data" via package "C...2016-11-25

  • phpStudy访问速度慢和启动失败的解决办法

    下面给大家介绍phpstudy访问速度慢的解决办法。1、修改mysql数据库链接地址为ip地址127.0.0.1。2、使用最新版本，这个坑了我好久时间。下面一段内容是关于phpstudy启动失败的解决办法。php5.3、5.4和apache都是用vc9编...2015-11-24

  • Mysql常见问题集锦

    1，utf8_bin跟utf8_general_ci的区别 ci是 case insensitive, 即 "大小写不敏感", a 和 A 会在字符判断中会被当做一样的; bin 是二进制, a 和 A 会别区别对待. 例如你运行: SELECT * FROM table WHERE txt = 'a'...2013-10-04

  • PHP Curl出现403错误的解决办法

    自己用的小PHP应用，使用curl抓网页下来处理，为了穿墙方便，使用Privoxy作为代理，便于选择哪些网站使用proxy、哪些不用。但今天却遇到了奇怪的问题，访问google baidu这些网站居然都返回403错误，而访问其他的一些网站没事，如果...2014-05-31

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • PHP判断上传文件类型的解决办法

    分享给大家php判断上传文件类型的方法，大家一起学习学习。/** * 读取文件前几个字节 判断文件类型 * @return String */ function checkTitle($filename){ $file=fopen($filename, "rb"); $bin=fread($file, 2); /...2015-10-21

  • android.os.BinderProxy cannot be cast to com解决办法

    本文章来给大家介绍关于android.os.BinderProxy cannot be cast to com解决办法，希望此文章对各位有帮助呀。 Android在绑定服务的时候出现java.lang.ClassCastExc...2016-09-20

  • MYSQL数据库使用UTF-8中文编码乱码的解决办法

    1.用phpmyadmin创建数据库和数据表 创建数据库的时候，请将“整理”设置为：“utf8_general_ci” 或执行语句： 复制代码 代码如下:CREATE DATABASE `dbname` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; 创...2015-10-21

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法

    最近遇到一个问题，就是在使用php的mail函数发送utf-8编码的中文邮件时标题出现乱码现象，而邮件正文却是正确的。最初以为是页面编码的问题，发现页面编码utf-8没有问题啊，找了半天原因，最后找到了问题所在。 1.使用 PEAR 的...2015-10-21

  • PHP页面转UTF-8中文编码乱码的解决办法

    对于乱码这个问题php开发者几乎都会有碰到过，我们下面主要是介绍了php文件乱码和页面乱码。PHP页面转UTF-8编码问题 1.在代码开始出加入一行： header("Content-Type: text/html;charset=utf-8"); 2.PHP文件编码问题...2015-10-21

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • Android开发之PhoneGap打包及错误解决办法

    下面来给各位简单的介绍一下关于Android开发之PhoneGap打包及错误解决办法，希望碰到此类问题的同学可进入参考一下哦。 在我安装、配置好PhoneGap项目的所有依赖...2016-09-20

  • Ubuntu15下mysql5.6.25不支持中文的解决办法

    apt-get install 安装的，不是源码包安装的mysql1 修改mysql的配置文件/etc/mysql/conf.d/mysql.cnf在[mysql]的下方加入如下语句:(注：这个文件下没有配置，只有【mysql】)no-auto-rehash default-character-set=utf8/etc/...2015-10-21

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20