📄 -
字号:
<BR> 二、编辑网页
<BR> 1.插入图片
<BR> 普通模板建立的网页有3栏，我们可以对它进行修改。先删除一栏，操作方法和word中删除表格行或列是一样的。这时，我们的网页只剩下2栏，在左边这一栏装上一幅画吧。
<BR> 方法是：将光标移到要插入图象的地方，然后单击“插入”，选择“图片”，找到“来自文件”后单击。
<BR> 在弹出的窗口中选择要插入的图片，单击“插入”
<BR> 2.编辑文字
<BR> 在右边那一栏里，根据提示输入自己喜欢的文字，当然你可以采取复制、粘贴的方法来完成。呵呵！看看怎么样啊！还满意吧！那就保存一下，否则你可就白忙活了。
<BR> 3.保存、修改网页
<BR> 保存的方法很简单，单击工具栏的“保存”按钮，在弹出的窗口中选择要保存的文件夹，给自己的网页文件起个名字，然后单击“保存”就OK了！
<BR> 修改网页也是非常简单的，用word打开，根据自己的需要修改就行了。
<BR> 怎么样？只要你会word的操作，就能做出网页来！
<BR> 最后告诉你，要想发布你的网页，就去网易申请个人空间，根据网易给你的要求进行操作，上传就可以让别人看到了！！</P>
<P><FONT color=red><B>Q:</B></FONT><FONT color=#0f60b0><B> <A
name=a7></A><STRONG>网页设计中常用的一些技巧。 </STRONG></B></FONT><BR><FONT
color=red><B>A:</B></FONT> <SPAN lang=EN-US
style="FONT-SIZE: 11pt; FONT-FAMILY: 宋体">★</SPAN>原文转载自eniac版yy2125的《网页设计中常用的一些技巧》★
<BR>网页设计中常用的一些技巧 <BR>让滚动条变色
<BR><BR>这个很简单啦,只要在<head>和</head>间插入：
<BR><BR><style> <BR>BODY{ <BR>scrollbar-base-color:#FFFFFF;
<BR>scrollbar-face-color:#FFFFFF; <BR>scrollbar-track-color:#FFFFFF;
<BR>scrollbar-arrow-color:#aecde7;
<BR>scrollbar-3dlight-color:#FFFFFF;
<BR>scrollbar-highlight-color:#FFFFFF;
<BR>scrollbar-shadow-color:#FFFFFF;
<BR>scrollbar-darkshadow-color:#FFFFFF;} <BR></style>
<BR><BR>背景图象重复与否：[/B] <BR><BR>background-repeat:
<BR>repeat | repeat-x | repeat-y | no-repeat
<BR><BR>注： <BR>以上设置标签的意义 <BR>repeat 图象水平垂直方向都重复。
<BR>repeat-x 图象水平方向重复。 <BR>repeat-y 图象垂直方向重复。
<BR>no-repeat 图象不重复。 <BR><BR>说：
<BR>定义图象重复方向是对于一些独特的图象定位而言。 <BR><BR>例:
<BR>background-repeat: repeat(设定背景图为重复,如果重复一般不必设置,这个是浏览器默认的。)
<BR><BR>背景图的地址最好写全，就是 http://~~因为据说，NETSCAPE4.0以下好象支持的不是很好。
<BR><BR><BR>背景图象是否随滚动条移动： <BR><BR>background-attachment:
<BR>scroll | fixed <BR>scroll属于浏览器默认的，也就是随滚动条移动，fixed为不动。
<BR><BR><BR>[B]给背景图定位： <BR><BR>---就是设置它显示在哪里.最上面top,还是左边left
<BR><BR><BR>background-position:
<BR>| [percentage | length]{1,2}
<BR>|[top | center | bottom]
<BR>| [left | center | right]
<BR><BR><BR>background-position:[percentage | length]是用X(横坐标)y(纵坐标)定义,如background-position: 20px 40px;
<BR><BR><BR>background-position:[top | center | bottom] 和[left | center | right] 是一样的意思了,三个任意两个搭配可以产生不同的效果.
<BR>可以是background-position:top center;center bottom;top bottom;left,right.....
<BR><BR><BR>bottom:下,top:上,left:左,right:右,center:中.
<BR><BR><BR>下为像素与英文的对照：
<BR>top left = left top = 0% 0%
<BR>top = top center = center top = 50% 0%
<BR>right top = top right = 100% 0%
<BR>left = left center = center left = 0% 50%
<BR>center = center center = 50% 50%
<BR>right = right center = center right = 100% 50%
<BR>bottom left = left bottom = 0% 100%
<BR>bottom = bottom center = center bottom = 50% 100%
<BR>bottom right = right bottom = 100% 100%
<BR><BR><BR>全部的设定：
<BR><BR>{ background: background-color || background-image || background-repeat || background-attachment || background-position }
<BR><BR><BR>例:
<BR>body{ background: #ffffff; background-image: url( http://user.7host.com/bluemm/img/1bg.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom }
<BR><BR> <BR><BR>关于背景图就说到这里啦，适当的应用可以让页子变得美美的，同时也可以加快下载速度哦：）
<BR><BR><BR>1．在主页中加入背景音乐
<BR><BR>---- 首先要准备一首MIDI音乐，将其命名为test.mid。在HTML中使用背景音乐的标记是<
EMBED SRC="test.mid">，这个标记可以根据泥的需求，放置在< BODY>和<
/BODY>之间的任何地方。这个标记放置的位置会出现一个类似媒体播放器的图案，利用它可以控制音乐播放或暂停。例如下面一条语句：
<BR><BR>---- < EMBED SRC="test.mid" WIDTH=120
HEIGHT=60>
<BR><BR>---- 就会出现一个控制面版让泥播放音乐，我们可以选择控制面版的大小。
<BR><BR>---- 如果泥希望一进入页面就播放背景音乐，而且不显示播放控制面板，并且可以重复播放，那么可以通过以下语句实现：
<BR><BR>---- < EMBED SRC="test.mid" HIDDEN="TRUE"
AUTOSTART="TRUE" LOOP="TRUE">
<BR><BR>---- 泥还可以通过以下语句插入背景音乐： <BR><BR>---- <
bgsound SRC="URL">
<BR><BR>---- 如果需要循环播放，可以通过以下语句实现： <BR><BR>---- <
bgsound SRC="URL" loop="-1">
<BR><BR>---- 按设定次数播放可以通过以下语句实现： <BR><BR>---- <
bgsound SRC="URL" LOOP="次数"> <BR><BR>2．<
EMBED>的属性 <BR><BR><BR>---- < EMBED>可以放在<
BODY>和<
/BODY>之间的任何地方，在这个标记放置的位置会出现一个控制面板的图案，您可以视自己的需求把它放在适当的位置，也可以使用HIDDEN="TRUE"将面板隐藏起来，配合AUTOSTART="TRUE"作为背景音乐使用。
<BR><BR>（注意喔，<bgsound>的语句是加在<head>与</head>之间的,而<EMBED>则是加在<
BODY>和< /BODY>之间的任何地方) <BR><BR><BR>
<BR>阴 影 文 字： <BR><BR>
<BR> 是不是好想去美化自己的站站，呵呵，其实很简单啦，只要以下代码： <BR><BR><table
style="FILTER: glow(color=#6699FF,direction=2)"> <BR><SPAN
style="FONT-SIZE: 10pt; COLOR: white; FONT-FAMILY: 宋体">你要的文字</SPAN><SPAN
lang=EN-US style="FONT-SIZE: 11pt; FONT-FAMILY: 宋体">
<BR></table>
<BR><BR></SPAN>其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。
<BR><BR>呵呵，发挥自己的想象力让字体变得更漂漂吧^_^
<BR><BR><BR>浮 雕 文 字 ：
<BR><BR>大家看到这些文字和普通的文字有什么区別吗？ <BR>是不是有一种刻在网页上的感觉？
<BR>这种效果做在叶面上也是挺漂亮的。 <BR>其实很简单，這是利用了CSS做出的。
<BR><BR>首先，在<head>~</head>之間加入： <BR><BR><style
type="text/css"> <BR><!-- <BR>.font{ <BR>FILTER:
dropshadow(color=#FF9999, offx=1, offy=1, positive=1); FONT-FAMILY:
"Verdana"; FONT-SIZE: 10pt; width:100%; COLOR: #66CCFF;}
<BR>//--> <BR></style>
<BR><BR><BR>然后，在<body>~</body>之間加入： <BR><BR><a
class="font" href=#>是不是有点浮雕的效果呢？ <BR><!--连接中使用 -->
<BR><BR><p class="font">是漂亮的顔色呢~！p^^q</p>
<BR><!--普通状态下使用-->
<BR><BR><BR> #发挥一下你的想象，利用背景色的搭配，一定可以做出不错的效果的。 <BR><BR><BR>半透明表格
<BR><BR>SAMPLE: <BR><BR>嘿，不让你看清我！
<BR><BR><BR>实现这个效果很简单啦，请将以下代码拷贝至 <TABLE> 里面
<BR><BR>style="FILTER: alpha(opacity=50)" <BR><BR><BR>例如：
<BR><table style="FILTER: alpha(opacity=50)" width="200"
border="0" cellspacing="0" cellpadding="2"
bgcolor="#CCFFFF"></table> <BR><BR>设置文本域的字体
<BR><BR><BR>请将以下代码拷贝至页面合适位置： <BR><BR><TEXTAREA
STYLE="font:12px;font-family:Verdana;color:#666666"> <BR>输入内容
<BR>
<BR><BR>注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定
<BR><BR><BR>设置文本域的背景色 <BR><BR><BR>请将以下代码拷贝至页面合适位置：
<BR><BR><TEXTAREA STYLE="background-color:#ffffff"> <BR>输入内容
<BR>
<BR><BR>注:background-color可自行设定，如设为 transparent ，则背景透明
<BR><BR><BR>设置文本域的边框 <BR><BR><BR>实线： <BR><TEXTAREA
STYLE="border:1px solid #51bfe0"> <BR>输入内容 <BR>
<BR><BR><BR>虚线： <BR><TEXTAREA STYLE="border:1px dashed
#51bfe0"> <BR>输入内容 <BR> <BR><BR><BR>点线： <BR><TEXTAREA
STYLE="border:2px dotted #51bfe0"> <BR>输入内容 <BR>
<BR><BR><BR>设置文本域的背景图 <BR><BR><BR>请将以下代码拷贝至页面合适位置：
<BR><BR><TEXTAREA STYLE="background-attachment: fixed;
background-image: url(背景图所处位置)"> <BR>输入内容 <BR>
<BR><BR>注: fixed可以固定背景图，如不需要可不用。 <BR><BR><BR>给鼠标定义个性图片
<BR><BR>活活，很多人问我主页的那个跟在鼠标后的小图是怎样实现的？嘿，其实简单的不得了，偶不喜欢太复杂的东西，活活，先看演示啦：
<BR><BR>SAMPLE:鼠标放上来，是不是很可爱^_^
<BR><BR>hoho,是不是很想把它用来装扮你的叶子？EASY啦，只要：
<BR><BR>在<head>与</head>之间插入： <BR><BR><style
type=text/css> <BR>a:hover {cursor:url('**.ani')}
<BR>BODY {cursor:url('**.ani')} <BR></style>
<BR><BR>其中**是你的图标的名称，后缀名还可以是.cur和.ico的图标。</P>
<P><FONT color=red><B>Q::</B></FONT><FONT color=#0f60b0><B> <A
name=a8></A>Dreamweaver实用七小招。</B></FONT><BR><FONT
color=red><B>A:</B></FONT> 一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用
“Edit→paste as text” 命令，不要直接用 Ctrl+V 。
<BR><BR><BR>二、当有浏览者使用 Netscape
浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击
“Command→Add/Remove Netscape resize fix” 来加以解决，它可以使在
Netscape 中浏览页面时，改变窗口大小的时候页面不会花掉。 <BR><BR><BR>三、仅仅拷贝文字。当我们从
Dreamweaver 中拷贝文字到另一个应用程序的时候， HTML 代码和文字一起被拷贝过去了。一般我们都用快捷键 Ctrl ＋ C
来拷贝， 如果在拷贝的时候多按一个 “C” 键则只拷贝选中的文字。 <BR><BR><BR>四、在 Dreamweaver
中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将 “ 中文输入法 ” 转换成全角状态，然后同时按下键盘上的
Shift+Ctrl+space 就可以插入一个空格 ( 可以连续输入 ) 。 <BR><BR><BR>五、 library 组件和
template 模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。
<BR><BR><BR>六、不要在同一个页面同时使用表格和层来布置，在 Netscape 中会导致混乱，从属关系除外。
<BR><BR><BR>七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用
“Go To URL”JavaScript
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -