Entries Tagged '網站製作' ↓

輕鬆打造彈出窗口

三月 10th, 2005 — 網站製作, 網頁製作百寶箱

無迴響

舉一反三！淺談在網頁上顯示日期的兩種方法

三月 9th, 2005 — 網站製作, 網頁製作百寶箱

在上網的時候，經常會在一些網頁上看到當前的日期，如：「今天是×年×月×日星期×」等字樣。為了顯示系統當前的日期，一般採用腳本語言VBScript或JavaScript，兩種語言有其各自的特點，特別在網頁教學中，通過這兩種語言的運用和對比，能達到較好的教學效果，更能達到舉一反三的作用，現分別介紹它們的設計過程。　　一、採用VBScript腳本語言　　用VBScript腳本語言來顯示系統當前的日期，通常使用其內部提供的日期和時間函數：

　　Date——返回系統日期

　　Weekday(x)——返回日期x是星期幾

　　Year(x)——返回日期x的年份

　　Month(x)——返回日期x的月份

　　Day(x)——返回日期x的日期

　　設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼：

　　二、採用JavaScript腳本語言

　　用JavaScript腳本語言來顯示系統當前的日期，通常使用其內部提供的Date對象，該對象可以用來處理有關日期和時間的操作。利用Date對像中以下幾個方法來顯示日期：

　　getDate()——獲得當前的日期

　　getDay()——獲得當前的星期

　　getMonth()——獲得當前的月份

　　getYear()——獲得當前的年份

　　設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼：

　　以上兩種方法都能顯示系統當前的日期，它們各具特色，各有所長。很顯然，VBScript和JavaScript腳本語言在格式上有明顯的差別，初學者很容易將它們混淆，造成程序在格式上的嚴重錯誤。

　　筆者認為，在網頁設計中，腳本語言的運用是一大難點，所以，在教學中，讓學生分別用以上兩種方法去製作，讓他們自己去區分兩種語言的異同點，親自去體會、理解腳本語言的妙用。這樣對學生靈活運用腳本語言將有很大的幫助，從而提高他們語言分析的能力，也提高他們學習網頁的興趣，進而取得更好的教學效果。

　　在上網的時候，經常會在一些網頁上看到當前的日期，如：「今天是×年×月×日星期×」等字樣。為了顯示系統當前的日期，一般採用腳本語言VBScript或JavaScript，兩種語言有其各自的特點，特別在網頁教學中，通過這兩種語言的運用和對比，能達到較好的教學效果，更能達到舉一反三的作用，現分別介紹它們的設計過程。

　　一、採用VBScript腳本語言

　　用VBScript腳本語言來顯示系統當前的日期，通常使用其內部提供的日期和時間函數：

　　Date——返回系統日期

　　Weekday(x)——返回日期x是星期幾

　　Year(x)——返回日期x的年份

　　Month(x)——返回日期x的月份

　　Day(x)——返回日期x的日期

　　設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼：

　　二、採用JavaScript腳本語言

　　用JavaScript腳本語言來顯示系統當前的日期，通常使用其內部提供的Date對象，該對象可以用來處理有關日期和時間的操作。利用Date對像中以下幾個方法來顯示日期：

　　getDate()——獲得當前的日期

　　getDay()——獲得當前的星期

　　getMonth()——獲得當前的月份

　　getYear()——獲得當前的年份

　　設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼：

　　以上兩種方法都能顯示系統當前的日期，它們各具特色，各有所長。很顯然，VBScript和JavaScript腳本語言在格式上有明顯的差別，初學者很容易將它們混淆，造成程序在格式上的嚴重錯誤。

　　筆者認為，在網頁設計中，腳本語言的運用是一大難點，所以，在教學中，讓學生分別用以上兩種方法去製作，讓他們自己去區分兩種語言的異同點，親自去體會、理解腳本語言的妙用。這樣對學生靈活運用腳本語言將有很大的幫助，從而提高他們語言分析的能力，也提高他們學習網頁的興趣，進而取得更好的教學效果。
(責任編輯:admin)

無迴響

小技巧：輕鬆隨意設置網頁水平線的顏色

三月 9th, 2005 — 網站製作, 網頁製作百寶箱

水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为＜ｈｒ＞。

　　在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置，没有对水平线颜色的设置，怎么办?　　其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入“color=颜色”。这里的“颜色”可以是任何颜色，一般格式为：＜ｈｒ ｃｏｌｏｒ＝＃ＦＦ００００＞，显示如下：
　　用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。　　小技巧：诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
(責任編輯:admin)

無迴響

玩轉網頁滾動條

三月 9th, 2005 — 網站製作, 網頁製作百寶箱

網頁滾動條本身就是瀏覽器的一部分，使用它可以方便瀏覽較大的網頁，但是千篇一律的它經常會給整體頁面效果拖了不少後腿，我們能不能改變它灰灰的樣子呢？能！俗話說：「只有你想不到的，沒有做不到的。」
給滾動條換色
　幾乎所有網頁的滾動條都是默認的灰色，如果把它的顏色換換，來點另類的，相信一定會使網頁更加靚麗。我們只要在網頁代碼<head> </head>之間插入下面的代碼，即可隨心所欲地更改顏色了。

<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
</style>

　　後面的16位顏色值你可以隨意更改，括號內是解釋說明，在輸入時請不要插入。　　隱藏滾動條　　在任何情況下，如果網頁超出顯示範圍，就會出現滾動條。但有時我們並不想讓它顯示，如何隱藏它呢？只需在<body> </body>之間插入代碼：<body style=”overflow-x:hidden;overflow-y:hidden”>即可。其中x表示水平滾動條，將其改為y的話就可以隱藏垂直滾動條。

　　滾屏顯示

　　當網頁中有長篇文章時，瀏覽起來就比較吃勁了，想想一邊忙著拖動滾動條，一邊忙著瀏覽，確實挺累人的。為了客人能夠輕鬆的瀏覽，我們可以使用script代碼實現網頁的自動滾屏，當雙擊網頁的時候，網頁將會自動向下滾動，再次單擊時滾動停止。將下面的代碼插入到<body> </body>之間。

<script language”javascript”>
var currentpos,timer;
function initialize()
{
timer=setInterval(“scrollwindow()”,10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
(責任編輯:admin)

無迴響

Next Entries →