導航:首頁 > 萬維百科 > 網頁設計網路書城前台頁面代碼

網頁設計網路書城前台頁面代碼

 發布時間：2020-09-01 11:52:33

1、急求！！！網頁設計 HTML代碼大全

HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁（WebPage）文件主要是用超文本標記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開。元素又由標記(tag)的構成，大多數標記是成對出現的，分起始標記< >(start tag)和結尾標記</ >(end tag)，以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件，不同於一般的編程語言，故稱為腳本（Script）更准確一點。其實也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學會HTML，並能很快寫出有自己特色的Homepage來。
需要說明的是：各種瀏覽器對html元素及其屬性的解釋不完全一樣，如NC與IE是有區別的。
標 簽 內 容 備 注
基 本 標 簽 所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體（頁面的實際內容）
標 題 標 簽 　
<title>……</title> 在標題欄中顯示的題目（放在<head></head>內）
擴 展 屬 性 標 簽 　
<base>
基址標簽，為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許，描述不包含在標准HTML里的文檔信息。使用詳解

<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表（CSS）信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解

<body bgcolor=#……> 設置背景顏色，用名字或十六進制值
<body text=#……> 設置文本文字顏色，用名字或十六進制值
<body link=#……> 設置鏈接顏色，用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色，用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色，用名字或十六進制值
文 本 標 簽 　
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用，通常是斜體
<em>……</em> 加重（通常是斜體加黑體）
<strong>……</strong> 強調（通常是斜體加黑體）
<font size=value></font> 設置字體大小，從1到7
<font color=……></font> 設置字體的顏色，使用名字或十六進制值
鏈 接 　
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格 式 排 版 　
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前，並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前，並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽，也用於格式化表
圖 形 元 素 　
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像：左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小（高度）
<hr width=value> 設置水平線的寬度（百分比或絕對像素點）
<hr noshade> 創建一個沒有陰影的水平線
表 格 　
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭：一個通常使用黑體居中文字的格子

表 格 屬 性 　
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度－用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊（左中右）
<tr valign=……> 設置表格格子的垂直對齊（上中下）
<td colspan=value> 設置一個表格格子應跨占的列數（預設為1）
<td rowspan=value> 設置一個表格格子應跨占的行數（預設為1）
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗 框 　
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前，也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數，可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數，可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗 框 屬 性 　
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小，必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小，必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄，其值可以是"yes","no","auto"，預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表 單 對於功能性的表單，一般需要運行一個CGI小程序，HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單，size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域，列的數目設置寬度，行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框，文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框，文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域，size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit（提交）按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit（提交）按鈕
<input type="reset"> 創建一個reset（重置）按鈕
附 加 屬 性 　
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處，並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
　 　
顏色
#=rrggbb 16 進制 RGB 數值，或者是下列預定義色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後，一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁，了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後，自動轉到new.htm。您可用它製作一個封面，在若干時間後，自動帶讀者來到您的目錄頁。如果URL項沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間，在本地硬碟上保存一個臨時文件。在重新調用時，便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下：
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系，HREF說明目標文檔名。關於層疊樣式表，將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法：<BASE HREF="原始地址">當讀者下載您的文檔後，由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性，用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK：當前激活的連接的文字顏色。
LINK：連接的文字顏色。
TEXT：文字的顏色。
VLINK：參觀過的文字顏色。
注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND：背景圖案，該圖案在頁面內平鋪。背景圖案應保持單一色調，以保證頁面文字易於閱讀。
BGPROPERTIES：設置成FIXED，則背景圖案不滾動。（只對INTERNET EXPLORER有效）
BGCOLOR：背景色。
注意：如果你的背景圖案是深色調，因之文字顏色為淡顏色，那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」，那麼在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。（只對INTERNET EXPLORER有效）
LEFTMARGIN：左邊頁邊空白。
TOPMARGIN：頂端頁邊空白。

2、網頁設計或前端開發，前台開發的相關書籍

強烈推薦：精通CSS+DIV網頁樣式與布局（附贈光碟）
編寫高質量代碼：Web前端開發修煉之道
JavaScript高級程序設計（第2版）
京東都有賣

3、網頁設計，淘寶網的登入界面的源代碼怎麼寫？急急急...

什麼源代碼？是後台的還是html?後台的不會寫，前台的現在也沒有現成的。

4、前台後台網頁的代碼

前台做一個頁面，就是你說的，一個Form，包含了一個輸入台數的文本框，一個輸入單價的文本框，一個確認按鈕。Form的Action定義為你想要的後台文件，這里比如是 Test.asp 後台：Test.asp 簡單寫一下，希望您能看明白： <% Num=Request("台數") Price=Request("單價") Response.write "總價為：" & Num * Price %> 基本就這樣了。

5、html網頁設計：一個簡單的登錄界面代碼！

是這樣的效果嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

6、HTML5網頁前端設計中如下圖表單的代碼怎麼寫？

下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫比較簡單，div 太麻煩了；
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用戶注冊頁面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用戶名：</div></td>
<td><input style='width:250px' value='請輸入用戶名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 碼：</div></td>
<td><input style='width:250px' value='請輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>確 認：</div></td>
<td><input style='width:250px' value='請再次輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='請輸入真實姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>郵 箱：</div></td>
<td><input style='width:250px' value='請輸入電子郵箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注冊" /></div>
</div>
</body>
</html>

7、誰能幫我用HTML語言做一個簡單的網頁?代碼就行

<html>

<head>

<title>第一個html網頁</title>

<metacharset="utf-8">

</head>

<body>

</body>

</html>

<html>

<head>

<title>第一個html網頁</title>

<metacharset="utf-8">

</head>

<body>

<table>

<tr>

<td>第一行第一列專</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

</body>

</html>

(7)網頁設計網路書城前台頁面代碼擴展資料

HTML語言特點

1、HTML語法較屬弱。

在w3c制定的HTML5規范中，對於HTML5在語法結構上的規格限制是較鬆散的，如、或在瀏覽器中具有同樣的功能，是不區分大小寫的。另外，也沒有嚴格要求每個控制標記都要有相對應的結束控制標記。

2、HTML5編寫簡單。

即使用戶沒有任何編程經驗，也可以輕易使用HTML來設計網頁，HTML5的使用只需將文本加上一些標記(Tags)即可。

3、HTML標記數目有限。

在w3C所建議使用的HTML5規范中，所有控制標記都是固定的且數目是有限的。固定是指控制標記的名稱固定不變，且每個控制標記都已被定義過，其所提供的功能與相關屬性的設置都是固定的。

8、用HTML設計一個帶有框架的電子書頁面代碼

製作電子圖書其實就是在製作網頁，所以，如果你想製作出精美的電子圖書，那麼你也應該具有一定水平的網頁製作功底。如果你從未接觸過網頁製作，那麼製作一本電子圖書就有一定的困難了。因為，我們需要掌握很多網頁製作知識和技巧，而且還要至少熟練掌握一到兩種圖像處理軟體。我們這里假定讀者已經基本掌握了一些網頁製作知識，接下來我們首先按照本站的製作過程來講解一下製作前需要做的一些事情。
首先，你必須搞到一種或多種電子圖書編譯軟體。
製作電子圖書應該有相應的工具，這里給出一個最簡單組合：
1、一款文字處理軟體（如Microsoft Word、WPS Office）
2、一款網頁製作工具（如Dreamweaver、Frontpage）；
3、一款圖形圖象處理軟體（如Photoshop、Fireworks、PhotoImpact）；
4、一款圖標製作工具（如Macroangelo）；
5、一款電子圖書製作工具（如[EXE格式] ebook edit pro3.31 漢化版;eBook Workshop1.4；[CHM格式] QuickCHM2.6；[PDF格式]Acrobat）
以上為製作一本完整的電子圖書所需的必要軟體工具，以下工具為可選：
1、一款動畫製作工具（如GIF Animator、Fireworks、ImageReady、Flash[只針對於支持.swf格式的電子圖書編譯軟體]）；
2、一款網站前台腳本編輯工具（如EditPlus、NotePad、TextPad、XML Spy）

相信對於前面幾個軟體大家已經很熟悉了，這里不準備詳細講解以上這些軟體的使用方法，只在必要的時候講解一下使用的技巧問題。

好了，製作前的准備我們就先說到這里，最後總結為以下幾點：
1.基本網頁製作知識：包括定位、表格的使用、頁面邊距、框架、常見JScript腳本等；
2.圖像處理軟體的使用：最好選擇帶有切片功能的圖像製作軟體，如Fireworks或Photoshop等；
3.熟悉ebook edit pro3.31、eBook Workshop1.4或者QuickCHM2.6等電子圖書製作工具的使用方法；

三、製作過程概述

首先，你必須告訴我你已經選好了一本要製作的圖書，你得到的可能是HTML、DOC、TXT或者其他任何文檔格式的文件，我們首先要對這些文件做製作前的校驗以保證文檔的可讀性。根據製作的題材的不同，我們設計時的理念也不同，比如說，一本關於政治的書就最好不要使用太過艷麗的風格來做，而一本題材活潑的書使用太莊重和壓抑的風格又會給人不舒服的感覺。所以，按照題材的不同，我們也要有不同的設計理念。
選好了題目，我們就要對這些文件進行處理了，因為我們製作的東西多數都是通過網上得到的，所以這么多復雜和龐大的文件是有很多錯誤的，所以我們要對這些文件進行文字校對和格式校對。如果你不想動用像Word這樣大的字處理軟體的話，使用記事本也可以。處理中需要注意的地方主要有：
1. 是否有強制換行的情況：如果有的話，一定要修改，因為如果不改這些強制換行的地方，閱讀起來將相當難看。所以一定要保證文字能夠自動換行。
2. 關於如何在Dreamweaver中插入空格的問題：如果你使用的是拼音輸入法的話(智能ABC、微軟拼音、全拼)，那麼這個問題很好解決：使用快捷鍵「Shift+空格」將輸入方式改為全形即可。以微軟拼音來說，就是那個黃色的半圓牙變成圓形的就可以輸入空格了。
3. 錯別字的修改：說實話，作為一個製作者來說，校驗錯別字是一件枯燥而艱苦的工作，如果你不想做這一步，那麼你最好到比較權威的站點去找資料，因為這些站點里的文字資料錯別字往往很少，這也就減輕了我們的工作量。
接下來就改設計圖書的樣式了，簡單的說，我們的設計主要包括：
1. 圖書封面的設計;
2. 圖書目錄的設計;
3. 圖書內容模板的設計;
下面我們簡單的介紹一下這三方面設計時需要注意的問題:
首先來說說封面的設計,我們前面已經說過,我們需要按照圖書內容的風格來設計圖書的風格,一個好的圖書封面可以起到吸引讀者的作用,所以我們一般的製作方法是使用現成的圖片,然後在圖像處理軟體中加工一下;但是如果手頭沒有合適的圖片,我們就需要自己繪制一幅圖片以適應圖書的內容.如何自己繪制圖片不屬於我們討論的范圍,所以這里就不多說了.
其次，我們需要設計圖書的目錄。一般我製作電子圖書都是使用Fireworks設計一個圖片框架，然後在導出的時候進行切片，最後在Dreamweaver里進行處理。我們後面將會講解如何設計圖片框架和導出切片等問題。另外，由於每個人使用的顯示器的解析度的不同，所以我們必須考慮這一重要因素。在設計框架的時候最好按照800*600解析度來設計，因為目前大多數人還在使用這個解析度。在1024*768下面，只要保證框架居中對齊即可，不會影響瀏覽效果。這里給出參考大小如下：
800*600：最大化窗口大小為776*470；
1024*768：最大化窗口大小為1000*620；
當然，其中縱向長度對於我們來說並不是很重要，關鍵要注意寬度問題。如果寬度較大，一行容納的文字就會很多，這樣讀者閱讀起來就會很吃力。所以一定要注意這個問題。
圖書模板的設計，和設計圖書目錄類似，不過我們一般都可以使用設計目錄時使用的切片，只不過在格式的處理上面稍微需要改動一下。
設計好以上所說的一切以後，我們就可以開始製作了。我們按照上面設計的過程來依次製作圖書：首先是封面，最好插入封面圖片後在800*600和1024*768解析度下進行測試，看看瀏覽效果是否正常，最好使封面位於窗口的正中央，否則會給人不舒服的感覺。其次是目錄，在Dreamweaver里插入我們設計的切片後，進行簡單的處理，然後根據圖書章節的數量插入適當大小的表格，以定位各章的標題。最後就是圖書內容了：一般使用Dreamweaver設計的模板都放在Templates目錄下面，我們可以使用已設計好的模板一章一章的製作，製作的時候要注意各章節之間的鏈接，一定要正確，不要怕麻煩。
最後就是利用一款電子圖書製作工具編譯輸出了。

四、製作電子圖書流程

e書實際上是把一系列的網頁文件HTML打包成的一個可執行文件，所以製作e書的關鍵就是HTML頁面的製作，也即網頁的設計和製作。如果你已掌握了設計網頁方面的知識，那麼10分鍾內就會製作電子書了。

前面講過，製作電子圖書的軟體是非常多的，一些初入門的朋友想自己動手製作電子書，往往又不知道選用什麼軟體好。這里介紹幾種最簡單、實用的軟體。現在比較流行的有eBook Workshop1.4、 eBook Edit Pro 3.31、以及eBook Pack Express 、WebCompiler 2000等。具體的軟體使用方法不在本篇講述范圍，請參考其它的使用教程文章

現在，我仔細介紹一下製作一本電子圖書的全過程。對於電子圖書的製作實際上和傳統書的出版發行流程差不多，大致分為以下幾大步：

選題：編輯根據自己了解的市場信息選擇出書的主題，比如「大話西遊」很熱門，就可以針對這個選擇好的主題；如果您想將自己站點或感興趣的內容做成e書，那麼你的主題就已經有了。

資料的收集和校對：選題確定了，就要根據該選題收集相關的資料和圖片等。互聯網是一個資料的大寶藏，可以找到很多有用的信息，但是互聯網上的資料也很亂，需要進行大量校對和整理工作。在收集和校對過程中，要整理出書的大致結構（就是書的目錄）和書籍風格（整體設計的風格）。

設計：設計師按照編輯整理好的資料、結構和風格說明進行設計，使用PhotoShop和Fireworks等圖形處理工具以及一些Icon製作工具（例如Microangelo），設計出書的封面、內文版式以及Icon和Logo文件等。這一步相當於傳統的裝禎設計。

製作：Html製作員在設計師設計的基礎上進行切圖、添加文字內容和加入鏈接等製作工作。這一步的結果相當於一個完整的站點的目錄，其中包括圖片、Html、CSS、JavaScript等文件以及書中的Icon和Logo文件。使用的工具就是常規的網頁製作工具，推薦使用DreamWeaver，它有很好的網站管理功能。

打包：現在包括圖書內容的Html、圖片、CSS、JavaScript以及書中的Icon和Logo文件都有了，接著就是使用一款製作電子圖書的軟體打包編譯。

至此一本電子書完成，以後就是發布、宣傳、推廣了！

以上是製作e書的流程。對於大家，所有這些工作常常是一個人完成，從選題、編輯、設計、製作到打包，但是明白這個流程可以讓我們的電子書製作的更專業。

下面我們介紹做電子書中設計、製作和打包中應該注意的一些技術細節問題。

編輯資料時應注意的問題：

對於文字資料，最好使用WORD格式，因為WORD中有很多控制符，這樣能夠方便的轉換文本格式。

例如：換段（相當於HTML中的<p>）在WORD中用^p（CTRL+p）表示，一般換行（相當於HTML中的<br>）使用^l（CTRL+l）表示等，這樣當我們在後面製作HTML頁面需要文本自動換行時，就可以使用這些控制符去掉文本中的換行。而且還可以使用WORD中的「宏」批量處理文本。

設計時應注意的問題：

建議使用PSD（Photoshop）或PNG（Fireworks）格式的分層圖，這樣便於後續製作時的切割工作。分層圖中的無用圖層應刪除掉。設計時背景和文字應該盡量避免使用過亮的顏色，否則讀者閱讀時會非常吃力，背景最好使用一些淺色的底紋等。

為了避免e書中出現下方的水平滾動條，頁面寬度要按照以下標准：
在800X600解析度下，寬度不要大於776（網頁是778）；
在1024X768解析度下，寬度不要大於1000（網頁是1002）；

設計人員還需要製作電子書中的LOGO和ICON文件。
LOGO文件要求為GIF格式，大小為88X31；
ICON文件使用專門的Icon製作工具（我使用的是Microangelo98）製作，大小為32X32，要求是256色。

製作時應注意的問題：

在切割圖片時注意gif和jpg文件格式的區別，選擇合適的圖片格式，從而在保證清晰度的情況下，讓文件盡量的小；鏈接使用相對地址，同時書中的鏈接要認真檢查，鏈接到外部的站點也需要確認OK；字體的控制最好不要用點大小，因為這樣會使書中的字體大小無法變動。同時文本最好是自動換行。一系列的HTML網頁文件名最好不要使用中文，如我喜歡取名為0文件夾，文件按照01.htm、02.htm、03.htm……；

好，到現在您對整個E書的製作過程有了一個了解，至於你製作出e書的好壞與很多方面有關，包括內容編輯校對的情況、設計水平和製作水平等。

9、Web開發（網上書店的前台展示頁面）的問題

先問幾個問題：什麼代碼寫的？HTML？還是JAVA?還是asp，還是jsp，還是啥。

10、求一個html網頁設計的代碼

這個好簡單，去菜鳥網站認真學兩天，基本能做的出來了。

與網頁設計網路書城前台頁面代碼相關的知識