導航:首頁 > 萬維百科 > 網頁設計如何調整字的間距

網頁設計如何調整字的間距

發布時間:2020-12-08 06:02:39

1、如何用DW8.0製作網頁寫文字時調節設置間距和行距?

1、行距在寫文字的<TD>里加上style="line-height:25px" (25是像素,根據需要自己設置)
如<TD style="line-height:25px">
間距把 line-height:25px 改為 letter-spacing:25px

2、分區最常用的就是TABLE 現在很多門戶網用DIV+CSS 不過簡單的網頁用TABLE就可以可,DIV+CSS的話 說起來一兩頁紙都說不完, TABLE就相對的簡單一些
TR是行 TD是列
比如

<table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

這個是兩行兩列,一個 <tr></tr> 是一行 裡麵包含<td</td> 就是列

3、網頁上傳圖片自動添加水印版權可以用PHP實現,這個是寫在前台頁面的代碼,和後台程序連接起來!

<form action="<?=$_SERVER['PHP_SELF']?>" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="486" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="498" height="28" background="image/top.gif"><div align="center" class="style2">上傳圖片</div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div align="right">
<table width="426" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="32" nowrap="nowrap">路徑:</td>
<td width="362"><input name="upfile" type="file" id="upfile" size="40" /></td>
</tr>

<tr>
<td height="27" colspan="2"><div align="center">
<input type="submit" name="Submit" value="提交" />
  
<input type="reset" name="Submit" value="重置" />
</div></td>
</tr>
</table>
</div>
<div align="center"></div></td>
</tr>
<tr>
<td> </td>
</tr><INPUT TYPE="hidden" name='action' value='doup'>
<tr>
<td height="28" background="image/top.gif"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</form>
<br>
<A href=http://www.webjx.com target=_blank>網頁教學網webjx.com</A>
<?
if($_POST['action']=='doup')
{
$uptypes=array('image/jpg','image/jpeg','image/pjpeg','image/gif');//上傳圖片文件類型列表
$wFile=$_FILES['upfile'];//取得文件路徑
$waterimg="water.gif";//水印圖片路徑
//print_r($wFile);
if(in_array($wFile['type'], $uptypes))
{//檢查文件類型,若上傳的文件為jpg或gif圖片則加水印
if(strstr($wFile['type'],"jp"))
{ //若上傳圖片類型為jpg,pjpeg,jpeg,則用imagecreatefromjpeg讀取目標文件
$im = imageCreatefromjpeg($wFile['tmp_name']);
$wfilew=imagesx($im);//取得圖片的寬
$wfileh=imagesy($im);//取得圖片的高
}
else
{//否則若上傳圖片類型為gif,則用imagecreatefromgif讀取目標文件
$im = imageCreatefromgif($wFile['tmp_name']);
$wfilew=imagesx($im);//取得圖片的寬
$wfileh=imagesy($im);//取得圖片的高
}
//設定混合模式
imagealphablending($im, true);
//讀取水印文件
$im2 = imagecreatefrompng($waterimg);//若水印圖片為jpg,則此去可改為$im2 = imagecreatefromjpeg($waterimg)
//$white = imagecolorallocate($im2, 255, 255, 255);
// imagecolortransparent($im2,$white); //設透明色,這兩句可不要
$waterw=imagesx($im2);//取得水印圖片的寬
$waterh=imagesy($im2);//取得水印圖片的高
//隨機放水印到圖片中
$randval = rand(0,9);//在0-9之間產生隨機數
if($randval==0||$randval==3||$randval==2||$randval==8||$randval==7){//此處還可完善放更多位置
$wimgx=5;$wimgy=5;//放左上角
}else{
$wimgx=$wfilew-5-$waterw;$wimgy=$wfileh-5-$waterh;//放右上角
}
//拷貝水印到目標文件
imagecopy($im, $im2, $wimgx, $wimgy, 0, 0, $waterw,$waterh);

//輸出圖片
if(strstr($wFile['type'],"jp")){ //同上
imagejpeg($im,$wFile['tmp_name']);
}else{
imagegif($im,$wFile['tmp_name']);
}
imagedestroy($im);
imagedestroy($im2);
copy($wFile['tmp_name'],$wFile['name']); //上傳
}
else echo "圖片不符合!!";
}
?>

2、網頁設計怎樣控制單元格間距?

這年頭,誰還用表格來布局。不過,你真的用了,就應該會學一些小的技巧

當然,控制行與行之間的高度,可以用現在主流的CSS的方法,也可以直接設置行的高度

但也有過去常用的方法,那就是在單元格里,放置一個透明的GIF圖片,用這個圖片來控制高度和寬度。

透明的GIF圖片,可以任意定義它的高度和寬度,放置在單元格中,單元格就會適應這個圖片的高度和寬度了

說的有些簡略,自己多體會。

3、製作網頁,一般字體設置為多大,行距為多少。

字體大小可以用不同的方式計算,如點或像素,由於基於像素的列印需要轉換為磅,因此建議使用磅。

1、網頁文本顯示最合適的字體大小約為12個磅。現在許多綜合性網站通常使用9磅字體大小,因為頁面中有許多內容需要排列,大字體可用於標題或其他需要強調的地方,小字體可用於頁腳和輔助信息。需要注意的是,小尺寸容易產生整體感和精緻感,但可讀性差。

2、行距的變化也會對文本的可讀性產生很大的影響。行距設置接近字體大小的權重更適合文本。行距的固定比例為10:12,即文字10磅,行距12磅。這主要是出於以下考慮:適當的行距會形成明顯的水平白帶引導觀眾的視線,過寬的行距會使一行文字失去良好的連續性。

(3)網頁設計如何調整字的間距擴展資料:

網頁製作流程

1、引策劃

網站的整體定位、功能規劃、應用分析、流程設計和內容架構組織。

2、前台

網站頁面的設計製作,包括版式規劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環節設計和頁面代碼編寫等。

3、後台

程序設計、數據操作、功能實現、管理界面和管理功能設計等,側重界面設計的,應在圖形設計和視覺創意上多下功夫,做頁面代碼和後台程序則要多熟悉web標准、標記語言、內嵌語言、腳本語言、資料庫等內容。

參考資料來源:網路-網頁製作

4、網頁設計中設置兩個字之間的距離的屬性是什麼

這兩個字是中文還是英文

英文用單詞間距word-spacing
漢字用字母間距letter-spacing

5、網頁設計中表格與表格之間的間距,怎麼整?

你將這兩張表格放在一張大表格中試試。這張大表格設置為兩行一列,在第一行中插入一行五列的表格做你上面的導航,在第二行插入你下面做的表格,不知可行,試試看。

6、dreamweaver網頁製作時怎麼給一段文字設置行距?

代碼:
1、<span style="font-size:13px; line-height:170%">要修飾的內容</span>
13px是修飾字的大小,170%就是行間距.
或者
2、把這代碼專插入<head> </head>:
<style type="text/css">
<!屬--
body { line-height: 12pt; font-size: 9pt}
td { font-size: 9pt; line-height: 12pt}
-->
</style>

7、製作網頁中如何讓<hr>上下的文字間隔變小

<hr style="margin:0px;height:1px">

8、網頁設計中如何調整行間距?

字體的行間距你可以用line-height這個屬性去設置

與網頁設計如何調整字的間距相關的知識