導航:首頁 > 萬維百科 > 文字網頁設計

文字網頁設計

發布時間:2020-08-20 14:17:06

1、網頁設計文字滾動(水平)代碼

網頁設計文字滾動(水平)代碼是:

<marquee direction=up scrollamount=1 scrolldelay=100

height=60>

<!-- head_scrolltext -->

<tr>

<td>

共和國

</table> <!-- end head_scrolltext -->

</marquee>

(1)文字網頁設計擴展資料:

一、除此之外,marquee參數有以下: 

BGColor:滾動文本框的背景顏色。 

Direction:滾動方向設置,可選擇Left、Right、up和down。 

scrolldelay:每輪滾動之間的延遲時間,越大越慢。 

scrollamount:一次滾動總的時間量,數字越小滾動越慢。 

Behaviour:滾動的方式設置,三種取值:Scroll(循環滾動) lide(單次滾動)、Alternate(來回滾動)。 

Align:文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。 

Width:滾動文本框的寬度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。 

Height:滾動文本框的高度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。 

loop:滾動次數。默認為infinite 

hspace、vspace:前後、上下的空行。

二、滾動字幕在FrontPage的組件里有,但是FrontPage這個軟體只能支持單行文字,一出現多行文字它就無能為力了,而且它只能支持一行滾動。(如果出現只能滾動一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write裡面。)

2、文字的質感在網頁設計中有什麼作用

文字的質感在網頁設計中的作用主要是在視覺上對主題進行更深入的表達和闡述。
字體是網頁設計中最重要的細節。好的字體排版,可以讓人耐心的看完那些文字,然後得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時,字體的選擇、大小等,還應該配合企業的VI識別系統,還需要配合你作品需要表達的思想感情來確定(例如古典風格,應該選擇哥特式字體等)。

3、html求製作一個簡單網頁代碼,只需要一些文字加張圖片

完整的代碼如下:
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容,直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主,如果不明白可以HI聯系我。。。。

4、網頁設計如何在背景圖片上編輯文字

第一種、將背景圖寫在css中
<style>
.class{background: url("圖片路徑") no-repeat;}
</style>
接著就直接在html中寫文字內容。
第二種、寫在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字內容</p></div>
</div>

css樣式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接著就是包裹的兩個div,圖片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以將文字鎖定在你圖片的上方

5、如何用純文本製作簡單網頁?

....簡單的純文本網頁的... 做起來就很方便了. 一:如果你有Dreamweaver這款軟體的話,只需要打開它,新建一個文件,然後在設計視圖里寫上你的文字就可以了.(下面的屬性欄可以改變文字的大小顏色什麼的,還可以定義鏈接..如果你要有站點的話) 二:如果沒有的話,就用電腦自帶的記事本一樣也可以編寫,只是在你要加上這段話: <html> <head> <title>標題</title> </head> <body> 12345678901234567890 </body> </html> 以上,在<title></title>中間插入整個網頁的標題,在<body></body>中寫入你的文本內容即可.如果要設置文字的屬性 那就需要稍多知道一點相關的代碼了...隨便打開一個網頁在空白的地方單擊右鍵,查看源文件就能看到.照著多寫幾次就好了.(這些在Dreamweaver的代碼視圖里能看到相應的代碼) 保存的時候記得保存成htm 或者html格式 這樣一個簡單的網頁就做好拉~! 不過如果出學的話,還是推薦使用Dreamweaver軟體,做起來很方便很快速的,而且很容易上手的,看看就會了.

6、如何做一個只有圖片和文字的網頁啊?

用dreamweaver軟體,直接添加圖片和文字,軟體將自動添加代碼。

7、網頁設計中,最小的字型大小應該是多少

網頁設計中的字體一般設置成12px,如果網頁的東西相對比較少,也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果,如果是文本一般為14以上並且帶加粗。

字體沒有特別規定但是有常規的用法:

常規文字 12px;標題,頁頭 14px、16px;大標題,橫幅等 18px。

(7)文字網頁設計擴展資料:

網頁設計,是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

8、網頁設計時如何將圖片和文字位於同一水平?

網頁設計時將圖片和文字位於同一水平方法:

一、不要給文字標簽加屬性。給img{vertical-align: middle;}一個屬性即可。

二、img標簽向左浮動,給文字加一個標簽(例如span),然後設置文字標簽為塊狀,並設置上(內/外)邊距。span{ display:inline-block; margin-top:4px; margin-top:4px;} 內邊距,外邊據均可,最好是內邊距。

三、給文字加個標簽(例如span),同時控制這兩個標簽浮動。並給文字加行高,其值為圖片高度值。

9、網頁設計中最常用的字體有哪些

字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用arial字體。常用的字型大小大小有以下幾種:12px、14px、16px,但是不是絕對的,可以根據需求進行調整,但是字型大小規格不宜太多,會給人一種混亂的感覺,要注意層次的區別,或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體,比如方正系列,會涉及到版權,謹慎使用。

10、網頁設計文字動態編寫

函數名稱寫錯了,點擊時調用change(),函數名寫成了chang()
在樣式表裡每一句都要用分號(;)隔開,在wordstyle1,wordstyle2,wordstyle3的所有樣式後面都加分號
改正後是這樣的:
<html>
<head>
<style type="text/css">
.wordstyle1{
font-family:fantasy
font-size:20pt
font-weight:500
font-variant:normal
font-style:italic
color:blue
background-color:yellow
}
.wordstyle2{
font-family:verdana;
font-size:26pt;
font-weight:700;
font-variant:small-caps;
font-style:normal;
color:white;
background-color:blue;
}
.wordstyle3{
font-family:cursive;
font-size:32pt;
font-weight:900;
font-variant:small-caps;
font-style:bold;
color:yellow;
background-color:green;
}
</style>
<script language="JScript">
var n,i=0
function change () {
i=i+1
n=i%3
if(n==1) id1.className="wordstyle1"
else if (n==2) id1.className="wordstyle2"
else id1.className="wordstyle3"
}
</script>
</head>
<body>
<p id="id1"class="wordstyle3">
Here are three word style<br>
Please click the buttom to see the change.
</p>
<input type="button" value="change" onclick="change ( )">
</body>
</html>

與文字網頁設計相關的知識