如何制作页面(如何制作页面链接)

如何制作页面,如何制作页面链接

内容导航：

如何制作一个完整的网页

PHP搜索页面制作怎么制作

制作页面

书卷页面制作

一、如何制作一个完整的网页

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。
建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的.
第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。
第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。
第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。
怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间
网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。
2、软件 推荐使用Dreamweaver8.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。
三、制作
开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。
其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。 一点个人的粗浅体会，不妥之处敬请指正。 三 网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool
3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .满意请采纳

二、PHP搜索页面制作怎么制作

教程】深喉咙PHP版本搜索模块制作[原创] 4m]V`= 0

不才研究深喉咙PHP3.0数日，小有感悟，拿出来与兄弟们分享。往兄弟们，路过扔个响，看热闹鼓个掌。 #?& 3.t7

发现官方网站，和发布的3.0版本都没有搜索。跟max联系后，得知发布的系统没有这个功能，在深喉咙团队的多方指点下，找到了解决办法。下面我会分几次将这个流程讲完。
Yt ,dYH`K

:JG

深喉咙PHP版本[搜索模块制作] 2yZr”KW

Pr4~-\

z6)^D’ZqC

o &S;”f

一、深喉咙模块结构分析 pG&2″/Y^.:

C q

深喉咙是一个MVC架构的PHP系统，在代码上前台与后台完全分离。它的模块式独立存在于一个文件夹的。（文件夹：modules ） C`” ^IkF{

拿list（文件夹：moduleslist）这个模块为例： u71.XUvv

O;/)by/

–tpls 目录 存放后台管理的模板（也就是视图 V） ,E6)^LP2=

— list模块的后台处理页面(控制器 C) ~@59 – 9″1

— list模块的类库(模型 M) 0^oUOL

— 前台的处理页面(控制器C) *Fc0{\

nx7>>tPz

前台的视图在 w cFi

skinsmodel_101 目录下 M5{P/p{!R

按照 part_list_的命名方式 存放。

rGX&%Zy }

我要扩展的是搜索模块，所以只在前台下功夫就好。 1&Y2 BcH

.m_ L U

第二步：建立相关文件

刚刚已经将系统结构分析了一下，那么接下来开始建立文件。 ,;r,D}KW

i0 N ;

1、在 modules\cmodel下建立文件 。 Ls4U G

h++)hQ’

代码如下： \bz}r&F(j

Fg/l.C0vn

php kg~9;P9 h`

$tpl = new DtSmarty(); IV[Bu)’|

$page->title=”文章搜索”; wKMMKs

$tpl->assign(‘menu_arr’,dt_getMenuArr()); EFO!fw-

$tpl->assign(‘page’,$page);

$tpl->assign(‘sidebar_1’,$sidebar->toString(‘sidebar_1’)); xEp :aP+E

$tpl->assign(‘sidebar_2’,$sidebar->toString(‘sidebar_2’)); 30zpq* _n^

$tpl->assign(‘sidebar_3’,$sidebar->toString(‘sidebar_3’)); % cTh4ZU

:SNQOS J`

$tpl->assign(‘content’,dt_getSearch($_GET[‘s’])); // 自定义的 dt_getSearch 函数
;V,N8m }@v

(X,j )?

$tpl->display($fileCommon);// 显示结果叶面 R/pd@}=

z}fcZSR

function dt_getSearch($s) “DYN}

{ b,f c m_U6

global $db,$pageId; $~nfef9GI

WWgr: OLD

$sql= ‘select * from ‘.TB_PREFIX.’news,’.TB_PREFIX.’_news_content where title
like \’%’.$s.’%\’ or content like \’%’.$s.’%\’ order by ‘.TB_PREFIX.’ desc’;
r8 iEm7

$searchs= $db->get_results($sql); E7%BWB}

$result_str=””; t2l ?0F-

if(!empty($searchs)) //判断数据库中是否有记录 fW%U`j p!

{ ‘RJXICP,a

foreach($searchs as $search) ?v(GI};E

{ NXH%X=49

$result_str.=’channelId.’&n;=’.$search->id.'”>’.$search->title.”; //
将结果以列表的形势显示出来。 :ha/=B}6/

} 49I

} NNY D)k

else {z uc4l

{ P=7}`X/a|

$result_str.=’对不起，没有找到您要找的信息。’; xR.U qD^p

} ,u6 U_}

return $result_str.””; 08a] }6m

} _M( [

?> :L@Wd

‘G8z6& z

:_{ sFks

第三步，页面调用： {ye/o5

你使用 /?m=search&s;=你要找的文字 就行了

三、制作页面

答：自定义新浪博客各处模板：1）改变BLOG标题大小的代码：＜STYLEtype=text/css＞.banner.titletd{font-
size:36px;}.banner.titletd{FILTER:glow(color=＃,direction=2);}.banner.titletd{color:＃ffff66;}.bannertable{background:＃transparent;filter:alpha(opacity=85);border:0pxsolid＃000;}＜/STYLE＞36px为标题文字的字体大小＃表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。banner.titletd{color:＃ffff66;}表示标题文字的主颜色bannertable{background:＃transparent;filter:alpha(opacity=85);border:0pxsolid＃000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。———-2）页面宽度的代码：＜STYLEtype=text/css＞.bodyTop{width:900px;}.bodyBg{width:900px;}.bodyBottom{width:900px;}.feeds.text{width:660px;}.label{width:20px;}.photo{width:200px;}.callboard{width:200px;}.links{width:200px;}.calendar{width:200px;}.sysBr180{width:200px;}＜/STYLE＞参数说明：.bodyTop指的是页面顶部的宽度，控制了banner（就是题图）的宽度。.bodyBg指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。.bodyBottom指的是页面底部的宽度，其值最好是与上面相同。.feeds.text指的是正文部分的宽度（也就是文章部分的宽度）。.label指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。.photo指的是形象照片面板的宽度（其值同上）。.callboard指的是公告栏的宽度（其值同上）。.links面板（也即最新留言、最新评论等面板）宽度（其值同上）。.calendar日历的宽度（其值同上）。.sysBr180这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。width后面的数字就是你要修改的宽度值，可根据自己的需要设置。面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。———-3）博客改变背景代码：滚动的大背景代码：＜style＞body{background:url(“页面大背景图片地址“)repeatscroll!important;}＜/style＞repeat重复，当图片的大小不够的时候会以平铺显示scroll卷轴，大背景会随着右边滚动条拉动的时候而滚动固定的大背景代码＜style＞body{background:url(“页面大背景图片地址“)repeatfixed!important;}＜style＞fixed固定，大背景不会因为你拉动滚动条而滚动背景透明代码：＜STYLEtype=text/css＞body{background:＃transparent)repeatscroll!important;}＜/STYLE＞使用说明：找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的(“页面大背景图片地址“)上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！———-4）自定义博客各部分背景代码：＜STYLEtype=text/css＞.logo{background:url(“题图上背景图片地址“)norepeatnoscroll!mportant;}＜/STYLE＞＜STYLEtype=text/css＞.banner{background:url(“题图下背景图片地址“)norepeatnoscroll!mportant;}＜/STYLE＞＜STYLEtype=text/css＞.menu{background:url(“题图下的菜单背景图片地址“)no-
repeatcenter;}＜/STYLE＞＜STYLEtype=text/css＞.feeds.up{background:url(“正文标题栏上翻时的图片地址“)no-
repeatcenter;}＜/STYLE＞＜STYLEtype=text/css＞.wn{background:url(“正文标题栏下翻时的图片地址“)no-
repeatcenter;}＜/STYLE＞＜STYLEtype=text/css＞.feeds.function{background:url(“正文摘要结尾处菜单的图片地址“)no-
repeatright;}＜/STYLE＞＜STYLEtype=text/css＞.links.up{background:url(“面板标题栏上翻时的图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.wn{background:url(“面板标题栏下翻时的图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.links.mid{background:url(“面板的背景图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.photo.mid{background:url(个人形象照片处的背景图片地址);}＜/STYLE＞＜STYLEtype=text/css＞.label.mid{background:url(“自定义面板的背景图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.calendar.mid{background:url(“日历面板背景图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.callboard.up{background:url(“公告栏标题栏上翻时的图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.wn{background:url(“公告栏标题栏下翻时的图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.callboard.mid{background:url(“公告栏背景图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.bodyBg{background:url(“正文背景图片地址“);}＜/STYLE＞＜STYLEtype=text/css＞.bodyBottom{background:url(“内背景页脚处图片地址，在翻页处下面一横窄条“);}＜/STYLE＞＜STYLEtype=text/css＞.gbook.up{background:url(“留言板标题栏上翻时的图片地址“)no-
repeat;}＜/STYLE＞＜STYLEtype=text/css＞.wn{background:url(“留言板标题栏下翻时的图片地址“)no-
repeat;}＜/STYLE＞＜STYLEtype=text/css＞.ge{background:url(“正文文章页数图片地址“)no-
repeatcenter;}＜/STYLE＞＜STYLEtype=text/css＞.re{background:url(“最新文章列表下的MORE的背景图片“)no-
repeatright;}＜/STYLE＞代码说明：页面大背景(body)指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。题图上背景(logo)是指所在的横长条的背景。题图下背景(banner)是指博客名字博客地址复制?收藏本页）所在的那部分的背景。logo和banner宽各为770，logo高40，banner高134，单位均为像素。题图下的菜单背景”是指“HOME…搜索┆帮助┆退出”等字所在的那个横长条的背景。正文标题栏上翻时的图片指的是文章发表了之后文章标题的图片。面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。面板的背景图片指的是左边比如我的文章列表什么的背景图片。正文背景是指整个文章文字所在的大背景！以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法

---

如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:＃transparent就能实现透明效果，例如横幅代码：＜STYLEtype=text/css＞.logo{background:url(“题图上背景图片地址“)norepeatnoscroll!mportant;}＜/STYLE＞以上代码中红色部分全部改成：background:＃transparent示范：＜STYLEtype=text/css＞.logo{background:＃transparent}＜/STYLE＞以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！具体操作步骤是：复制代码→控制面板→新增空白面板→钩选源代码(出现钩号，同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页→选取新增个人面板→保存

四、书卷页面制作

答：制作电子书的软件也很多，而且制作不同格式的电子书所选择的软件也不同。火速链接：谁是个中高手?九大电子书制作工具横评现在我们用网文快捕来做第一本电子书：软件名称：网文快捕(CyberArticle)软件版本：V4.01软件大小：5367K授权方式：破解版下载地址1：下载地址2：ftp://ftpanonymous:arongsoft@159…/CyberArticle@网文快捕是一款非常优秀的国产共享软件，用它可以很方便地保存和管理网页，同时还是一个非常实用的电子书制作工具。运行后，点击工具栏上的“文件“-“导入“-“从文件夹导入“(或按Ctrl+Alt+F)，选择制作电子书材料所在的文件夹，从这里可以看到，电子书支持很多类型的文档，txt,html,flash，甚至程序源代码文件等，但我们现在只是用最基本的txt文本做材料。点击下一步可以选择需要导入哪些文件，再点下一步导入完成。在左边的资源管理器窗口里可以看到文件列表的目录树，你可以调整一下它们的文件名和排列顺序，然后在右边的窗口里可以预览文本内容，也可以切换到“编辑“或“源码“选项对文本进行编辑。最后，点击“文件“-“制作电子书“-“制作电子书(.EXE格式)…“或“制作电子书(.CHM格式)…“，分别制作exe和chm格式的电子书，设置好一些选项后，点击“制作“，很快地，一本电子书就做好了，简单而快速。三.制作更精美的电子书：上面用网文快捕做电子书虽然很方便也很快(同时可以制作出exe和chm两种格式的电子书)，但是这样的电子书不是特别精美，而且功能也不强。这时我们可以用eBookEditPro、eBookworkshop、eBookPackExpress等专业电子书制作软件来制作更漂亮的电子书。推荐用国产的eBookworkshop(e书工场):软件名称：e书工场软件版本：V1.4软件大小：1785K授权方式：注册版下载地址：…＆pn=0＆.html注册码：Name:ASWordCode：719FBF71-353B4344－B70CB1A9用e书工场可以制作出界面非常漂亮，功能很强大的exe格式电子书来。下载安装后打开e书工场，首先将选择要制作电子书的文件目录，然后在“目录“里将需要的文件添加进来，注意一定要把文件添加到中间的列表框中来，可以直接点击“从文件夹创建“或将文件一个一个拖过去。然后可以调整它们的顺序，最上面的是电子书的首页(就是一打开电子书首先看到的那一页)。然后可以在其它选项卡中设置“闪屏“、“界面“、“图标“、“工具栏“等，e书工场提供了非常强大的定制功能，可以打造一个很有个性的界面和功能。最好点击“保存“，将工程保存好后，点击“编译“，就可以编译出exe格式的电子书了。注：e书工场有个很大的不足之处，就是导入的文本不能自动换行，导致做出的电子书阅读极不方便。所以最好不要直接导入文本，而是应该先转换成网页，再制作。这样不仅可以避免这个问题，还能做出更好看的电子书来。四.更上一层楼制作更好的电子书这部分要求你要稍微了解一点网页制作方面的知识。其实电子书就是将很多网页打包成一个可执行文件(txt文本也可看成是最简单的一种网页形式)，所以我们只要将材料先做成一些网页，然后再用e书工场等软件将其制作成电子书。我们可以用软景HTML制造机来帮我们快速制作网页：软件名称：软景HTML制造机软件版本：V3.0软件大小：1966KB授权方式：免费版下载地址：…own/它的功能就是能将文本批量转换成网页，这些网页是带索引文件、“上一页“、“下一页“链接的HTML文件群。下载并安装软件后运行主程序，先点击“添加“，导入要转换的文本。接着选择分篇的方法(就是选择如何分割文本的问题，该问题有些复杂，请参看软件自带的帮助文件，上面说明得比较清楚)然后选一个网页模板，最后点击“开始“就可以输出网页了。(如何将文本和图片一起输入为网页亦参看软件帮助文件)输入的许多网页中，有一个文件名为m的网页是目录索引页，做电子书时可以将该页面做为“首页“。另外，你可以用Frontpage、Dreamwaver等网页制作工具对这些网页进行加工和修改。完成后即可按上面介绍的步骤来制作电子书了。上面提到的几款软件因为是中文界面，加上操作也比较简单，就不再多介绍了。自己慢慢使用，很容易上手的。至此，我们已经学会如何制作自己的电子书了，如果还想继续学习电子书制作技术以及获取更多的电子书资源，可以登录各大电子书网站，如比较有名的几个：书吧E书时空我爱book