Home > Web Front-end > CSS Tutorial > Compilation of HTML skills_CSS/HTML

Compilation of HTML skills_CSS/HTML

WBOY
Release: 2016-05-16 12:11:37
Original
1322 people have browsed it

1.怎樣定義網頁語言(字符集)?         
  在製作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設定語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是預設值。要設定的語言可以在HTML程式碼狀態下找到:



 把charset=gb2312改換成其它語言程式碼即可,例如英文harset=en.

2.怎麼防止別人把你的網頁放到框架裡?
  因為框架(frame)的緣故,有許多人把別人的網頁放置到自己的框架裡,使之成為自己的一頁。如果你要防止別人這樣做,可以加入下列JavaScript程式碼即可,它會自動監測,然後跳出別人的框架。




3.怎麼設定字體?
  在製作網頁過程中,大家都喜歡使用漂亮的字體。但是,如果訪客瀏覽器沒有安裝同樣的字體,看到你的網頁會是很普通的字體。如何防止這種情況出現呢?大家知道字體設定的標籤是Font,而它有個屬性是Face,該屬性是定義字體的,你可以這樣設定:,訪客的瀏覽器就會按照Face定義的字體順序設定已安裝的字型。目前動態主頁有種技術,可以把字體資訊用向量格式儲存,然後利用訪客本身機器含有的公共資訊庫把字體快速的組裝起來,這樣,就不用擔心訪客是否安裝有某種字體了。

4.如何在網頁中加入註釋?              
  在共同發展網頁中,加入註解是防止分工混淆或註解某段程式碼特殊的含義,加入註解的格式:



5.怎麼測試瀏覽器並自動裝入所需要的網頁?
  目前微軟和網景的瀏覽器並不能完全兼容所有網頁,有的在某種瀏覽器裡非常漂亮,而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下JavaScript程式碼並儲存單獨一個網頁:




6.怎麼讓連結沒有底線?

7.如何在網頁中加入E-mail連結並顯示預定的主題?



8.怎樣讓背景圖像不滾動


或用CSS樣式表定義:


9.怎麼讓背景影像不平鋪?
? CSS樣式表定義: 10.怎麼定義本網頁的關鍵字?
  在網頁中加入關鍵字,可以供某些搜尋站台機器人的使用,它們會利用該關鍵字為你的網站做索引,這樣,當別人用關鍵字搜尋網站時,如果你的網頁包含該關鍵字,那麼就可以被列出了,定義本網頁關鍵字,可以加入以下代碼:
  content 所包含的就是關鍵字,你可以自行設定。
  這裡有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如:


11.怎麼鏈接本網頁的對象?
有時連結發生在一個網頁裡,例如頁面上半部列出了目錄,下部分就列出了內容,而點擊目錄任何一個項目都可以跳到指定部分,可以在要被連結的內容部分設定如下方式: <br><br>   而要連結到以上設定的部分,可以如下編製:
t1


12.怎樣為不支援框架結構的瀏覽器指定內容?
  為了防止不支援框架結構的瀏覽器造訪你的網頁,可以在你的網頁中加入以下內容:



<script> <BR>if (self!=top) window.top.location.replace(self.location); <BR></script> <script> <BR>function TestBrowser(){ <BR>ie = ((navigator.appName == <BR>"Microsoft Internet Explorer") & & <BR>(parseInt(navigator.appVersion) >= 3 )) <BR>ns = ((navigator.appName == "Netscape") & & <BR>(parseInt(navigator.appVersion) >= 3 )) <BR>if (ns) { <BR>setTimeout(''location.href="nn4.htm"'',10); <BR>} else { <BR>setTimeout(''location.href="ie4.htm"'',10); <BR>} <BR>} <BR></script>本網頁是框架結構,請下載新的瀏覽器瀏覽<script> <BR>document.write <BR>("最后修改日期" + document.lastModified); <BR></script><script> <BR><!-- <BR>var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,status=yes,menubar=no,scrollbars=yes');if (popup != null) {if (popup.opener == null) {popup.opener = self; }popup.location.href = 'pop.htm';} <BR>//--> <BR></script> <script>function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;} <BR></script><script>alert("弹出内容")</script> <script><!-- <br><br>function addbookmark() <br><br>{window.external.AddFavorite("http://www.yufeng21.com","宇风多媒体");} <br><br>//--> <BR></script><script> <BR><!-- <BR>if(document.all != null){document.write("[<a href=javascriptddbookmark()>按一下,我将和您成为朋友。]");} <BR>// --></script>13.怎麼刪除表格邊框? <script><!--var pd="" var rpd="cnshell" pd=prompt("请您输入密码:","")if(pd!=rpd){ alert("您的密码不正确...")history.back()}else{alert("您的密码正确!")window.location.href="cnshell.htm"} <BR>// --> <BR></script>   刪除表格的邊框,你可以在表格的表格屬性中加一句border="0" 即可。 <script> <BR><!-- <BR>function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);} <BR>//--> <BR></script>   或將border設定為如下代碼: <script>document.write(navigator.appVersion)</script><script> <BR> if (top==self) <BR> self.location.href="index.htm"; <BR> </script> <script> <br><br> setTimeout('window.close();',2000); <BR> </script>

注:(其实两种性质是一样的)

14.怎样隐藏在状态栏里出现的LINK信息?
  大家知道,当你指向一个链接时,该链接的信息会出现在浏览器状态栏里,如果需要隐藏信息,可以如下设置:
test
  如果想要指向一个链接时,浏览器状态栏里出现特定的信息,把none 改成你需要的文字即可。

15.怎样在网页中加入多媒体文件?
 有些多媒体文件无需其他程序就可以播放,而有许多多媒体文件需要外部程序的帮助,当浏览器下载不支持的格式时会调用外部程序。如果浏览器没有安装这种外部程序,那么浏览器会自动去下载;如果你需要加入多媒体格式,可设置如下代码:


  对于不支持embed 标签的浏览器,可以改用标签。

16.怎样在网页中加入电子邮件表单提交?
  表单提交需要CGI程序的支持,但你也可以利用E-mail 提交,当你设计好表单后,把action 内容加入邮件地址即可,如下:


17.怎样隐藏热讯分析的图标?
  热讯分析是许多网友使用的服务,它能帮助你分析网站的流量,如果你想隐藏该服务图标,可以把服务代码中的width=88 height=31都改为1即可。

18.怎样在网页中加入最后修改日期?
  在body 中加入以下代码即可:
<script> <BR>document.write <BR>("最后修改日期" + document.lastModified); <BR></script>

19.创建一个吸引人站点的步骤是怎样的?
   要创建一个吸引人的站点,请考虑以下建议:

1)谁该是你的访客,是喜欢音乐的,还是喜欢玩游戏的;2)是什么内容能吸引这些人,更快更新的信息,还是提供更多的下载;3)如何让访客停留呢,当然不要用BUG,比如让访客的机器死机;4)是什么能让访客再来呢,比如说明天有好东西,记得来呀,不过别骗人;5)制定自己的目标,实现它;6)征求大家的意见,然后逐步改进.

20.如何创建一个调查表?
   越来越多的站点需要交互性来吸引访客,当论坛失去新意后,建立一个调查表,可以让访客选择你设置的问题,并让访客马上看到结果.

连接站点http://www.beseen.com/quiz/quizsignup.html,填写姓名及电子函件地址并选择你的站点类别,单击accept按钮,这样过一会就能收到站点的回复了,期中提供了html代码,接下来设置调查表内容,最后把代码加入到自己页面中即可.

1、如何让一段文本排版兼容IE4和NN4?
  有时侯,你设置的一段文本在IE4里浏览良好,但到NN4浏览器里,发现一段文本变成了一行文本,实在令人心烦,这时,你只需对照NN4浏览器里的文本,在需要分行的地方加入
元素即可,这不会影响在IE4里的浏览。

21.如何打开一个新的浏览器窗口并设置窗口的属性?
   如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:

<script> <BR><!-- <BR>var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,status=yes,menubar=no,scrollbars=yes');if (popup != null) {if (popup.opener == null) {popup.opener = self; }popup.location.href = 'pop.htm';} <BR>//--> <BR></script>

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:

popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');

width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.

以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.

22.怎样判断服务器使用的操作系统?
   在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.

23.怎样提高站点在搜索引擎中被搜索到的机会?
   当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如:
宇风多媒体-china,love,dhtml,yufeng21,yahoo.因为搜索引擎会首先察看站点的标题,并把标题作为你站点的关键字,当你把关键字也设置在了标题中后,搜索引擎也会加入这些关键字,这比其它所有的方法都好,唯一缺点,你站点标题变长了.

24.如何测试网站的下载速度?
   准备一个能读秒的表,比如跑步表,这样精度高些,当然也可以使用普通的表.

首先我们测试纯文本的下载时间,打开浏览器,关闭下载图片功能,然后连接上网,在地址栏输入站点地址,回车后,计时开始,当全部文本内容下载完后,停止计时.

如果你要测试整个站点下载速度,打开图片下载功能,如果你站点含有JavaScript,也要在浏览器选择为支持,同上,打入地址,回车,计时开始,当所有内容下载完后,停止计时.

经过以上两种测试,你就会对自己站点的连接下载速度,作到心中有数了.

25.如何让站点自动跳转到另一页?
   加入以下代码到HTML文件中即可:

  
content中的"5"为停留的秒数,http://www.yufeng21.com/index.htm 是将要跳转的页面。

26.怎样让广告随机出现?
   当你想展示许多广告,但页面空间不够时,你可以让广告随机出现,你只需要加入一段代码.网上有这样的代码,搜索……

27.如何知道我的站点连接出现的地方?
  可能你的站点被其它站点连接,如何知道呢,访问搜索引擎站点:
  http://www.altavista.digital.com/
  在搜索窗口中,输入:+link:yoursite.com-host:yoursite.com
  这样,包含你站点连接的页面被列出,当然,你也可能什么都没有找到。

28. 他のサイトで写真が使用されないようにするにはどうすればよいですか?
写真に変な名前を付けて、検索されないようにします。もちろん、Photoshop の透かし機能を使用して暗号化することもできます。あなたの名前 -cnshell などの著作権で保護されたテキストを画像に追加することもできます。テキスト フォントは画像上にあるため、ユーザーが画像を傍受しない限り、それは侵害となります。 > 29. 画像とテキストを正確に分離するためにテーブルを使用しない方法
ページ上の画像とテキストを分離したい場合は、グラフィックが透明な GIF グラフィックを作成することもできます。もちろん、透明な画像のサイズに注意する必要があります。
ページの先頭に移動するには? > 閲覧者がページの下部に到達したら、クリックしてページの上部に簡単にジャンプできるようにする必要があります。次のコードを追加します:

トップに戻る


31. Cookie を記述する簡単な方法はありますか? Cookie は訪問者の情報を記録します。

32. サイト ファイルの異なるページ間で同じサウンドを再生する方法
Web サイトのホームページにアクセスすると、Web サイトで設定されたバックグラウンド サウンド ファイルが聞こえます。音楽などのページ。サイト上の別のページにリンクすると、音楽が停止します。音を持続させる方法。実際には、上部と下部のフレーム構造を持つ Web ページを作成し、下部のフレームにサウンド ファイルを作成し、下部のフレームの幅を 1 ピクセルに設定するだけで済みます。上部のフレームにはページのコンテンツが含まれます。訪問者がサイトのトップページから離れても、下のフレームはフレームの内容が変化しないため、音声が途切れることはありません。また、2 つの点に注意する必要があります。まず、フレームの境界線を 0 に設定し、サウンド ファイルの再生インターフェイスを非表示にし、次に上下のフレームの背景を同じに設定します。
33. 訪問者に有料バナー広告をもっとクリックさせるにはどうすればよいですか?
個人サイトを持っているネットユーザーは、インターネット料金の補助金を得るために有料広告を申請します。ただし、残念ながら、訪問者に定期的にこのサイトをサポートしていただくようお願いしている場合でも、バナー広告をクリックしてください。残念ながら、クリックした人はほとんどいませんでした。訪問者にバナー広告をもっとクリックしてもらいたい場合は、2 つの方法があります:

1 つ目: 印象を強化する

バナー広告を常に訪問者の目の前に表示します。好奇心旺盛にクリックしなければなりませんでした。上部と下部のフレームを持つページを作成し、どちらかのフレームにバナー広告を配置できます。こうすることで、訪問者がサイトから離れない限り、バナー広告は訪問者の前に表示され続けます。また、広告の下に「このサイトの開発のために広告をクリックしてください」と書かないように注意してください。この広告は、クリックするのではなく、何らかの情報をもたらすものであることを訪問者に知らせる必要があります。 。

2 番目のタイプ: 有料クリック

非常に魅力的な情報があり、課金せずに何らかのメリットを得たい場合 (この発言を許可してください)、訪問者にクリックを必須にすることができます。バナー広告をクリックして情報を入手してください。

34. NN4 ブラウザーと IE4 ブラウザーで同じ効果を持つフォントを参照するにはどうすればよいですか?
ページを作成したとき、IE4 ブラウザーで参照する場合はすべて正常です。ただし、NN4 で閲覧すると、細いフォントが太いフォントに変更されます。これは、ページに太字のテキストのセクションが含まれており、その太字のテキストの周囲のテキストのセクションをコピーすると、コピーされたテキストも太字になることがわかります。もちろん、この時点でテキストを太字に変更することもできます。必要なフォント サイズに設定すると、上で述べた状況が発生します。テキストに属性が付加されないようにテキストをページ上の空白スペースにコピーし、テキストを適切な場所にドラッグして必要なテキスト フォントを設定する必要があります。この状況は、FrontPage98 を使用して Web ページを作成するときによく発生します。

35. フォーム送信後に新しいウィンドウを開いて送信結果を表示するにはどうすればよいですか?
サイトにメーリング リスト サービスがある場合、訪問者が購読ボタンを押すたびに、新しいウィンドウが開きます。メーリング リストでは購読の確認が必要であり、このサービスは主にサードパーティによって提供されるため、購読確認ページはサービス プロバイダーのページに接続されます。これにより、訪問者がサイトを離れることがあります。次のコードを設定すると、訪問者が購読ボタンをクリックした後に新しいウィンドウが開き、購読の確認が表示されます。




コードを追加します: target="a"

36. ページのソース コードがコピーされないようにするにはどうすればよいですか?ページには独自に設計した JavaScript アプレットが含まれています。他の人がそれをコピーして使用できないようにするにはどうすればよいですか?実際、他の人による引用を完全に防ぐことはできませんが、適切な方法を使用して自分の権利と利益を保護することはできます。

まず、著作権に関する説明をソース コードに追加します -
第二.工具加密
你也可以利用工具软件加密源代码。我以前用过 Web Protector 2.0,觉得还不错。

37.如何清除页面中的框架结构?
   在链接属性中加入target="_top" 如下设置:
宇风多媒体
   当你单击了这个链接,页面所有框架被清除并以该链接内容替代。

38.如何防止站点页面被任意链接?
   有许多好站点的页面被其它站点任意链接,如果你不希望别人直接链接到站点内部去,你可以经常更换页面文件名。比如每十天改一次,这样可以有效防止别人的任意链接。缺点是让直接访问着无所适从。

39.如何创建一个下拉菜单?
   我们在主页中常会用到下拉菜单,一般来说,它需要CGI程序支持。你也可以利用JavaScript编写一个。


<script>function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;} <BR></script>





40.如何避免页面电子函件地址被搜索到?
  经常会收到不请自来的垃圾信,如果你拥有一个站点并发布了你的E-Mail 链接,那么其他人会利用特殊工具搜索到这个地址并加入到他们的数据库中。要想避免E-Mail 地址被搜索到,可以在页面上不按标准格式书写E-Mail 链接,比如:cnshell at 163.com,它等同与cnshell@163.com。

41.如何给站点加入计数器并进行设置?
   要给站点加入计数器需要第三方提供服务,目前这种服务非常多,而一般申请免费主页空间时会提供计数器服务。计数器格式如下:

Compilation of HTML skills_CSS/HTML

  期中dd表示计数器的数字字体形状,一般可以选择A,B,C,D,E,F六种;df表示计数器的记录文件名字,一般为申请者的用户名字;ft表示字体的立体效果,可以为任意数字;计数器还包含md(定义计数器最大位数),display(计数器功能)等属性。

42.创建一个好站点应具备什么知识?
   ⑴HTML的使用技能;⑵WEB图形的使用;⑶JavaScript编程;⑷站点的布局计设计;⑸管理站点的能力;⑹写作能力,为站点内容服务;⑺对WEB服务器的了解。

43.如何使图片与浏览器窗口无缝接合?
   大家有时候发现想把一幅图片与浏览器窗口边框无缝接合很难,总会有点距离。这是因为你没有设置页面边距,在你的页面中加入以下代码:

topmargin="0" leftmargin="0"

topmargin为与浏览器窗口顶部距离,此时为O,图片与浏览器窗口无缝接合。

leftmargin="0"为与浏览器窗口左边距离,此时为0。

44.如何建立一个站点的搜索引擎系统?
   如果你的站点有许多内容,你希望访问者能很快找到他想要的信息。那么你需要建立一个搜索引擎。连接到网站网络特区http://netzone.swatou.com/personal/,单击"申请站点引擎"并填写申请表,再按照要求建立站点页面数据库即可。

45.如何让文本与图像和平相处?
   如果你有一段长的文本,并把文本缩排在页面中间部分,你希望在文本周围放置几幅图片,这该如何进行呢。假设你在使用FrontPage98编辑页面,首先设置好文本,然后在需要放置图片的地方,建立一个单行表格,并利用鼠标把它拖到最小,选择表格属性,把Float设置为right(表示放置在文本右边),单击OK。这时,表格处于文本右边,最后把图片放置在表格中即可,记得把表格边框取消。

46. How to change the link color?
To change the link color, please set .link in as the unlinked color, vlink as the linked color, and alink as the over-linked color.

47. How to make visitors ignore the buffering page?
Please add in the section

48. How to create a slideshow effect for the page?
If you want Display a series of images to visitors, and the page automatically refreshes the images at regular intervals. Suppose you want to display three pictures, and create three pages 1.htm, 2.htm, and 3.htm for these three pictures. Add to the section of each page, where 1.htm points to 2.htm and 2.htm points to 3.htm.

49. How to upload the page correctly?
What is the default homepage name of the server? Currently it is mostly index.htm or default.htm.
Do you need to create the directory public_html? Some servers need to create this directory and upload all pages to this directory, and some only need to upload it directly to the root directory (/).
Does the server support Chinese file names (netizens who like to use Chinese file names should pay attention).
Whether the server is sensitive to the English case of files, the author recommends that it is best to use lowercase English.
Check whether the username and password are correct.

50. How to add text prompts to text links?
We can generally add text prompts to pictures, that is, alt=Yufeng. How to add text prompts to text links? Just add text prompts to Add title tag to it. Yufeng Multimedia Interactive

51. How to change the text of the form submit button?
Just change the value attribute in the code below to the text you need.



52. How to accurately position images in IE4 and NN4 browsers?]
Precisely placing images requires the help of CSS (cascading style sheets), as follows:

cnshell
{

positionbsolute;top:100px;left:120px;visibility :visible;
}

Compilation of HTML skills_CSS/HTML

<script> <BR>if (self!=top) window.top.location.replace(self.location); <BR></script><script> <BR>function TestBrowser(){ <BR>ie = ((navigator.appName == <BR>"Microsoft Internet Explorer") & & <BR>(parseInt(navigator.appVersion) >= 3 )) <BR>ns = ((navigator.appName == "Netscape") & & <BR>(parseInt(navigator.appVersion) >= 3 )) <BR>if (ns) { <BR>setTimeout(''location.href="nn4.htm"'',10); <BR>} else { <BR>setTimeout(''location.href="ie4.htm"'',10); <BR>} <BR>} <BR></script><script> <BR>document.write <BR>("最后修改日期" + document.lastModified); <BR></script> <script> <BR><!-- <BR>var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,status=yes,menubar=no,scrollbars=yes');if (popup != null) {if (popup.opener == null) {popup.opener = self; }popup.location.href = 'pop.htm';} <BR>//--> <BR></script><script>function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;} <BR></script><script>alert("弹出内容")</script>

调节top,left的值来精确定位图片。

53.如何加快页面图片下载速度?
   有种情况,首页图片过少,而其它页面图片过多,为了提高效率,当访问者浏览首页时,后台进行其它页面的图片下载。方法是在首页加入:Compilation of HTML skills_CSS/HTML,其中width,height要设置为0,cnshell.jpg为提前下载的图片名。

54.如何自动弹出对话框?
   在部分加入

<script>alert("弹出内容")</script>

55.什么是目标窗口,它该如何设置?
   目标窗口是页面链接所指内容显示的窗口,也就是当你单击了页面某一个链接后,该链接所指的内容在那个窗口显示。大多数情况下,我们无需关心它,因为一般都是在同一窗口显示。

target是链接标签的属性,它的作用就是指定目标窗口,target有以下几个值:

_self-将链接指向的内容装载到当前页的窗口或框架中

_top-完全取代当前页面的所有框架

_blank-为链接指向的内容打开一个新的窗口

_parent-把链接指向的内容装入当前页父窗口中

以上设置多用在框架结构的页面中。

56.如何为所有链接指定同一目标窗口?
   在框架网页结构中,我们需要指定链接所指向的内容显示在那个窗口中。如果你的链接大部分都指定到同一个窗口中,就可以在部分中加入:,你无需为每个链接再指定窗口了。

57.如何让所有页面共享同一个层叠样式表(CSS)?
   在每一个页面的部分中加入以下代码:



其中cnshell.css为共享的层叠样式表文件,该文件可以利用文本编辑工具编写,它应包含如下的相似代码:



58.如何为链接定制新窗口?
   我们可以打开一个新的窗口来显示链接的内容,但如何定制这个新窗口呢。

  只需要在标签
中加入onClick事件:

问答

"#"表示单击链接"问答"后,当前窗口保持不变,cnshell.htm为单击链接"问答"后所打开新窗口装载的内容,而scrollbars=yes,resizable=yes,width=500,height=40为设置新窗口的大小等属性。

59.如何在没有安装更多浏览器的情况下测试页面?
   目前存在的不兼容性,使得同样一个页面在不同浏览器中的显示是不一样的,如何尽可能使大家都满意呢,在没有安装更多种类的浏览器情况下,你需要关闭图片,JavaScript支持,CSS支持等等功能,因为大多数低版本浏览器都不支持它们,这样查看能让你知道页面在那里有多“难看”。

60.制作动态页面的步骤是怎样的?
   第一步:设计页面及寻找页面需要的材料;第二步:完成普通页面的制作,此时无须涉及动态主页内容;第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;第四步:为页面增加交互性内容,如cgi,javascirpt,activeX控件等,这是把页面动态的关键;第五步:测试动态页面以适应更多浏览器;第六步:发布动态页面并在上面标明该页是动态页面(dhtml)。

61.如何让访问者单击加入站点书签?
总希望访问者能能把你的站点,加入到他们的书签里,这里有个好办法:

在部分加入:

<script><!-- <br><br>function addbookmark() <br><br>{window.external.AddFavorite("http://www.yufeng21.com","宇风多媒体");} <br><br>//--> <BR></script>

然后在部分加入:

<script> <BR><!-- <BR>if(document.all != null){document.write("[<a href=javascriptddbookmark()>按一下,我将和您成为朋友。</script> ]");}
// -->

62.是否可以利用大写体来书写HTML标签元素?           
   对于大多数HTML标签元素,你可以利用大写体或小写体及两者的混合体来书写标签元素。比如:

和同等有效。

但如果是特殊字符的标签元素,你只能使用小写体。比如版权的字符的标签元素是:?,如果写成?;,那么页面将完全显示?;。

63.如何在页面利用单击来关闭浏览窗口?
   在部分加入以下代码:

关闭窗口

64.如何为页面设置访问口令?
有时候你需要为某一页设置密码,以让合适的人进来。在<head></head>部分加入:

<script><!--var pd="" var rpd="cnshell" pd=prompt("请您输入密码:","")if(pd!=rpd){ alert("您的密码不正确...")history.back()}else{alert("您的密码正确!")window.location.href="cnshell.htm"} <BR>// --> <BR></script>

在以上代码中,"cnshell"就是正确的密码。"cnshell.htm"是当输入正确密码后链接的页面。这种设置口令的方法并不安全,因为只要访问者查看页面源代码就能知道设置的密码了。

65.如何为访问者设置正确的软件下载链接?
   与其它链接一样,都使用标签。但对于软件下载链接,你需要这样设置:

Download cnshell.zip (188kb)

66.如何删除图片链接的蓝色边框?
如果我们设置了图片为一个链接,会发现图片四周出现了蓝色边框。要删除边框,需要在图片标签里加上border="0"。如:Compilation of HTML skills_CSS/HTML

67.如何为链接提供一个按钮?






68.如何为页面增加一个计数器?
   这个问题对于初上网的人实在是个头痛的事情,因为他们发现在利用FrontPage98增加计数器后,发现根本都不起作用。计数器需要服务器CGI的支持,不能由本地的电脑自行设置。所以,如果你的站点需要计数器,请到以下这个最有名的计数器提供商申请吧:http://www.linkexchange.com/

69.如何知道站点的流量来至那里?
   如果你拥有站点服务器的管理权,那么这是个很简单的问题,查查服务器日志就可以了。但目前你没有那权力,不过可以由第三方提供流量数据。易数是个不错的选择,链接到站点http://best.netease.com/申请,然后把代码加入到页面即可。当你想知道流量时,单击易数图标,在统计页面中,单击分析即可。

70.如何让浏览器正确显示word文件格式?
   为了正确处理word等格式,你需要在HTML文件中设置好该文件类型,比如:



还有其它经常设置的文件类型:

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format

71.如何知道自己的图片被其它网站使用?
   如果你为自己站点的图片起了一个独特的名字,也就是不容易重名,比如tt124.jpg.那么链接到站点:http://www.altavista.com/,在搜索栏里输入tt124.jpg.然后开始查找,如果有站点采用了tt124.jpg图片,该站点就会被列出。AltaVista搜索引擎是一个以机器人搜寻为主的站点,它的机器人会不停地把整个网络的页面作上索引,所以,你可以在那里找到和你相关的任何东西,把你的名字的拼音输输入看看,找到什么啦。

72.如何缩进文本段落?
   在部分加入:

P { text-indent: 1% }

P标签为HTML文本段落的标签,1%为缩进的范围。

73.如何正确使用分隔线?
   如果你使用FrongPage98,这里我再假设你需要分隔页面左右两部分内容,先利用表格工具拖出三个横行表格,把内容分别放置到左右两个单元,然后把中间的单元的宽度设置为1个Pixels,并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为Pixels即可。

74.如何单击链接打开一个定制的新窗口?
   先在部分加入代码:

<script> <BR><!-- <BR>function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);} <BR>//--> <BR></script>

然后在链接标签中加入如下代码即可:

宇风多媒体

75.为什么有的站点下载很慢?
   因为网页用了过多的图片,为了追求COOL的效果用了大量的Java Applet,过多使用,这些都是不可取的。对于图片必须要用的压缩再用,对于Java Applet绝对不用,它会让机器配置低的访问者的硬盘狂读不止。对于需要的动态页面,可利用CSS和JavaScript实现。

76.如何让字体显示的更舒服?
   这需要利用到CSS(层叠样式表),目前约定俗成的字体是:{ font-family:宋体(GB); font-size: 9pt; line-height: 16px },把这段代码加入到之间。如:




计算机世界报
网页制作常见问题解答




font-family:宋體(GB)是設定的字體;font-size: 9pt是字體的大小;line-height: 16px是文字行的上下間隔。

77.如何讓網頁相容IE和NN兩種瀏覽器?
   完全的相容是不可能的。目前IE瀏覽器佔有量大大超過NN瀏覽器,所以你只需要相容IE瀏覽器。當然你也可以製作兩套網頁,利用JavaScript來偵測不同瀏覽器以裝入對應網頁。

78.如何正確使用字體?
   設定文字字體是網頁製作中很重要的的環節,但因為並不是每位訪客都有你設定的字體,所以盡量使用作業系統預設的字體宋體,黑體,楷體。對於其它類型字體可以用圖形方式實現。

79.如何製作繁體版本網頁?
   如果你使用E-Port的網頁工坊工具製作頁面,那就可以利用工具選單下的GB轉BIG5來把簡體網頁變成繁體網頁。如果你用其它工具也可以利用網頁工坊的GB轉BIG5來製作繁體網頁,利用網頁工坊開啟頁面,點選工具選單下的GB轉BIG5轉換網頁並儲存。要注意的是,你需要把原中的charset=gb2312改為charset=big5,這樣,訪客的瀏覽器就會自動辨識了。 (E-Port的網頁工坊下載地址:http://e-port.soim.net/)

80.利用水平線(HR)製作垂直線?
插入HR很簡單:
。如何讓它垂直呢,更簡單:


81.與其它站點交換連接需要什麼?
   當然,你首先要有一個個人站點,然後準備好兩個站點LOGO。一般來說,400x40和88x31兩種LOGO是必需的,其它也可以準備一個100x31的LOGO。 400x40的LOGO用於像網盟這樣的廣告交換站點,88x31和100x31用於個人站點之間的交換。

82.如何讓下拉式選單中的連結來開啟一個新的視窗?
   先將下拉式選單設定好,如:



然后把即可。

83.如何正确对齐文本?              Top
有时,我们需要对一段文本的左右,上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐,CSS(层叠样式表)提供这样的功能:

在中加入



.tt为类名,以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左,右,上,下的距离。当它们的边距都相等时比如都是60px,可以简写为:.tt { margin: 60px }.

当在文本中引用了该CSS,你会发现文本对的非常整齐。

84.如何正确使用图片格式?
   目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时,就选择JPG,它的压缩比高,而GIF适合颜色数少的图片。

85.如何在网页上显示访问者系统信息?
把以下代码加入到:
<script>document.write(navigator.appVersion)</script>

86.如何正确放置JavaScript?  
JavaScript为动态主页的实现工具,一般来说JavaScript放置于或者之间。对于放置在之间的JavaScript,你需要把它放置在适当位置。如果你用FrontPage98工具,先把光标移到想放置JavaScript的地方,然后选择Insert/Advanced/script,在打开的文本框中输入JavaScript,这样就放置好了。预览页面,JavaScript出现在你放置的地方。你也可以把JavaScript放置到表格中,这样可以精确定位。

87.个人站点需要那些交互功能?
交互是网络的魅力所在,作为个人站点也需要这些交互性的工具,以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具:

留言板-让访问者给你的站点提提意见;
论坛-讨论某一个特定主题的地方,它和留言板的区别是留言板可以包含任何内容;
调查表单-利用个人站点,你可以对某一问题进行调查,然后看看各意见的支持率;
订阅表单-通过邮件给订阅者提供站点的更新信息;
聊天室-一个即时的对话场所,特别可以对一个特定主题组办一个网络讨论;
搜索引擎-当站点内容过多时,搜索引擎可以让访问者快速找到想看的内容;
88.如何缩进文本段落?
  在部分加入:
p { text-indent: 1% }
 p 标签为HTML文本段落的标签,1%为缩进的范围

89.如何点击一个链接同时在两个frame 内变化?
  对于一个由topFrame、leftFrame、mainFrame 构成的页面,如果想在leftFrame 中点击链接,同时在其他两个frame 内变化,代码如下:

90.前进、后退和刷新
  
后退
  前进
  刷新

91.打印按钮


 

92.查看源码按钮


93.如何去掉页面滚动条?
  在body 中加入样式表控制,代码如下:


94.如何在Dreamweaver 插入空格?
  在FrontPage 中,插入空格只需要在选定的文本前按下键盘空格键就可以了,但在Dreamweaver 中不行。空格的标签是  可以开启HTML Source 视窗直接加入标签,也可以在指定的文本前,按下Ctrl+Shift+Space。

95.如何在DW中设置Flash 动画的背景透明?
  在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;
  或者直接修改网页的代码,在标志SWF文件属性的代码中添加:
   

96.如何正确使用分隔线?
  这里我再假设你需要分隔页面左右两部分内容,先利用表格工具拖出三个横行表格,把内容分别放置到左右两个单元,然后把中间的单元的宽度设置为1个pixels(像素),并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为pixels 即可。

97. 如何让浏览器正确显示word 文件格式?
  为了正确处理word 等格式,你需要在HTML文件中设置好该文件类型,比如:

  还有其它经常设置的文件类型:
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

98.如何实现一个页面两种颜色链接变化?
  在CSS中设置不同的CLASS类,如下例所示:
a.r:link{text-decoration:none;color:#000066}
a.r:visited{text-decoration:none;color:#333333}
a.r:hover{color:#0000ff;text-decoration:underline}
a.r1:link{text-decoration:none;color:#000066; font-weight:bold}
a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}
a.r1:hover{color:#FF0000; font-weight:bold}
a.r2:link{text-decoration:none;color:#ffffff}
a.r2:visited{text-decoration:none;color:#ffffff}
a.r2:hover{color:#000000;}

99.DW中如何准确地定位层?
  就目前来说,还没有好的方法实现非常精确地定位使得层在编辑中和浏览中的位置不变,即便是使用“标尺”和“网格”辅助定位,仍然会有差别,而且在IE和NC中显示的层的位置会有偏差,大约偏差3个象素。最好的方法是对照浏览器的显示来调整层的位置。

100.怎样把别人网页上的背景音乐保存下来?
    A:浏览该网页后,在你的 Windows\Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件,拷贝出来即可使用。如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,用“蚂蚁”等 FTP 软件进行下载。

101.避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?
    A:在帧中的网页的之间加入以下脚本代码:
      <script> <BR> if (top==self) <BR> self.location.href="index.htm"; <BR> </script>
      这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。

102.IE5.0 的部分快捷键:
    A:打开查找功能:Ctrl+F
    关闭浏览器窗口:Ctrl+W
    打开地址栏下拉列表框:F4
    刷 新:F5
    将当前Web页保存到收藏夹列表:Ctrl+D
    打开当前 IE 窗口的一个拷贝:Ctrl+N
    停止下载当前网页:Esc
    光标迅速移动到网页的开头:Home
    光标迅速移动到网页的尾部:End
    打开新的地址键入窗口:Ctrl+O
    打开收藏夹:Ctrl+I
    打开历史记录文件夹:Ctrl+H
    打开浏览器设定的默认主页:Alt+HOME 

103.如何使网页在不同分辩率下都全屏铺开?

    用表格(不要使用层),做好内容后,将最外表格设置宽为100%,再适当调整。

104.如何定时关闭网页?

    在head区加入

    <script> <br><br> setTimeout('window.close();',2000); <BR> </script>

    表示两秒后自动关闭窗口。

105. How to close the window without prompting?


Close directly without any prompt

Content

There is a prompt box showing whether to confirm closing

Close window
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template