怎么用frontpage制作网页模板

怎么用frontpage制作网页模板,第1张

你看到别人在网上安家时,是不是也羡慕得很,不过不要以为在网上安个家,就非要掌握那些繁琐的代码,事实第一招,套出来的为了方便网友网上安家,有不少网站免费提供各种风格的模板,这个你可以在搜索引擎中,输入关键词“网页模板”进行搜索。事实上,在FrontPage中也为大家提供了一些简单的模板,不过风格就单调了点,所以还是到网上下载吧。然后,你就可以用FrontPage打开indexhtm进行编辑了,你所要做的只是在相应的位置输入你的内容就可以了。第二招,引出来的你可能注意到了,在别人的网站上有各种各样的特效,而你尽管用了模板,看上去还是并不生动。那就在搜索引擎中输入关键词“网页特效”进行搜索吧,很快你就能找到你所需要的,当然了,如果你喜欢,也可以找一些特效软件来用一下,比如“有声有色”、“网页特效梦工厂”等等。而引用特效的方法也非常简单,就是把代码复制到合适的位置就行了。第三招,借出来的有了特效,我们的小家看上去有点样子了,不过我们可能没有那么多时间更新啊。不要紧,有些网站就为你想到了这些,有好多现成的代码可以借用,比如中华网的免费新闻代码,你只要将他们提供的新闻代码嵌入你自己的页面中,就可以随时与中华网保持同步更新,第一时间获得最新的新闻!当然了,我们这里只是拿新闻代码说事儿,事实上,还有好多其他各类的代码呢,自己到网上找找吧!第四招,改出来的现在模板有了,特效有了,内容也可以做到随时更新了,一个像模像样的网页就做得差不多了。不过可能有的网友还是有意见,说了:我是新手,你上面说的那些我愣是没看懂。我晕……不过没关系,事实上我们还可以这样。当你在网上看到一个不错的网页的时候,用“文件→另存为”把这个网页全部保存下来。然后用一个网页编辑软件打开它,比如FrontPage,接下来,你就可以动手修改了,加加减减之间,一个新鲜的网页出炉了,不过值得注意的是,这里只是给你练习用的,可不要侵犯人家的版权哟!第五招,框出来的我们知道,Flash以它自己的优点在网上大行其道,做一个自己的Flash网站一定是不少网友的梦想。可另有一个不容否认的事实是,最小的Flash也在几百K以上,用不了几个,你那可怜的免费空间就撑爆了。不过下面这招可以帮你,那就是框架网页了。同样以FrontPage为例,依次点击文件→新建-网页来新建一个带目录的框架网页;接下来,在目录框架中输入一些Flash的超链接,同时在该部分网页点击右键,打开“网页属性”,把“默认的目标框架”指向“main”主框架,这样,只要在目录框架中点击,就会在右边的主框架中打开相应的Flash,完全做到“嵌入不留痕”!你也有了自己的Flash网站了,而且不占用多少空间。看完上面五招,相信你也已经有了一个自己的网上小家了吧?当然,说白了,上面五招也只能算是网页制作的速成小招术,如果要做出更漂亮的网页,还得有扎实的基本功,比如各种网页制作软件的熟练应用、熟悉各种网页代码以及优秀的创意等等。<网页是万维网的基本文档。网页可以是网站的一部分,也可以独立存在。Microsoft FrontPage 的许多特性是在使用网站时才会用到。FrontPage 中还有些特性可以帮助您设计和创建自己的网页。为了帮助您创建外观专业、设计完善的网页,FrontPage 提供了多种网页模板 (模板:一组预先设计好的文本和图形格式的集合,可以基于这些内容创建新的网页和网站。使用模板创建网页或网站之后,可以自定义该网页或网站。),使您能快速地创建具有各种布局和功能的网页。例如,您可以使用 FrontPage 的模板创建用户注册网页、留言薄、反馈表单以及带有搜索表单的网页等。可以使用主题来创建设计一致的网页。主题包含了采用一种配色方案的统一设计元素,包括字体、图形、背景、导航栏、水平线及其他网页元素。如果想自己设计并布置网页,可以从一个空白的网页开始,然后进行以下一项或多项 *** 作:使用框架、表格、布局或绝对定位来精确定位网页上的文本和图形。添加文本、图形、网页横幅、表格、表单、超链接等网页元素。添加 Flash 内容、视频、声音或 GIF 动画等动态元素。添加可以变化的内容或功能,如字幕 (字幕组件:网页上显示水平滚动文本消息的区域。)、计数器 (计数器组件:FrontPage 中的组件,跟踪万维网网站的访问者的数目。)、时间戳、网页过渡、交互式按钮以及使用动态

真不知那些站长,是如何制作网页模板的。隔三岔五将网站来个大更新,不知道他们是怎么忙过来的。 告诉你这个秘密吧,其实是这样的,他们很多都是在“批发”网页,并且你的服务器中也有这样的“批发站”!这个东西就是——模板。常见的网页制作工具FrontPage和DreamWeaver中都有这项功能。如用DreamWeaver 30 制作网站的时候,使用模板就能减少大量的重复工作。 如何制作网页模板第一步、建立模板 1、创建模板的页面 最简单的方法是就将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板的文件夹——Templates来保存这个模板。 当然,其实也可以新建一个模板:Window→Templates,会出现Templates面板,单击右下角的New Template这个按钮,输入文件名之后,就建立好了一个空模板;再单击Open Template按钮打开这个模板,保存后自动存放在网站模板文件夹Templates当中。 新建、打开的模板页面和普通的网页基本没什么不同,同样还可以加入表格、层、、动画、脚本和设置页面属性等。 2、要设定可编辑区域 设定模板可编辑区域,一般来说是有两种方法的。 新建一个可编辑的区域:选择命令按钮:Modify→Template→New Editable Region。在空白区域中单击后执行该命令就可以将该区域变为可编辑的区域。 标记某一个区域为可编辑的区域:选择命令按钮:Modify→Template→Mark Selectin as Editable Region。如果某个区域已经有一些文字了,并且希望以后在新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令就可以了。 取消可编辑的状态:选择命令:Modify→Template→Unmark Editable Region。执行命令后会d出一个对话框,其中有当前已有的可编辑的区域列表,选中要取消的区域名称,点击确认即可。 如何制作网页模板第二步、使用模板 1、根据模板来新建页面 d出该对话框,从模板列表中选取一个模板,出现的新页面中除了可编辑的区外均有背景,这个是不能进行修改的部分。空白处的Main编辑区就可一直接进行插入表格、文字或者等 *** 作,Exp编辑区要保留有原来的文字,修改或重新编辑也都可以。 2、对一个已有内容的页面应用模板 选择模板之后还会d出一个对话框,让您选择现有的孤的立内容保存到那个可编辑的区域。要是不想保留就直接选择“(none)”。 3、以全面更新站点更新模板 基于某一个模板建立了一些页面之后,对模板进行修改保存的时候,就自动d出了一个对话框,列出所有的使用了该模板的页面,询问是不是要更新。 还有另外一种方法是执行Modify→Template→Update Pages命令。也是非常方便的!

首先,网站模板是建立在后台管理的基础上,你的这个网站是动态网站,也就是所谓的aspnet。只有一个网站的网页是不够的。如果你只是想用它的版面,不需要后台支持的话,就用Dreamweaver来修改它。但我估计你的这个网站在DW里不好修改,因为它都是连接后台的。如果你要想用网上的模板制作你们企业的网页,首先你要在网上下一个后台管理系统,连接数据库,在这个基础上会有配套的网页模板,这样你才能修改成自己的。

还有问题可以再留言我。

网页中的元素有很多,像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中,这样方便以后的再编辑。 不过图层一多,就显得很凌乱,可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮,从d出菜单中选择“新建组”,在随后出现的对话框中为新建组取一个名称(如:“网页顶部”),确定即可。这时图层面板中多出一个文件夹图标,即图层组。把相关联的图层都拖放到同一组中,比如网页顶部的所有元素,标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组,在组的下面还可以建立子组。 点击图层组前面的小三角,就可以像文件夹一样展开或折叠它,这样图层面板就显示干净利落得多,要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一 *** 作,如整体复制、删除、隐藏、合并等。 小提示: ★如果你想借鉴某个网页的设计,不妨把它截成放在最下面的图层中,再拉出多个参考线划出网页的大致版式,再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后,下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层,其实没有必要,合不合并图层对最终生成的网页没有多大影响,反而会妨碍以后的编辑修改。 第1步:我们最终需要的,只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K),把需要的每个图形独立切分出来。每切分出一个图形,在它的左上角会显示出切片编号(见图2)。 第2步:在工具箱右击切片工具,从d出菜单中选择“切片选择工具”,用它可以选取、移动切片,并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

1找到需要的素材,
2把经常不变的(比如导航,公司logo,左边的导航,友情链接,底部的版权等等信息先做好)然后留出一块或者多块区域,插入可编辑区域,用于编辑每个不同的页面,因为每个页面内容都不一样。
3然后保存为模板
4在新建页面时可以选择模板,创建页面,一个站点可以制作几个模板来用。
5保存模板时会自动存于根目录下生成个文件夹,所以最好先建个根目录

简单制作网页的方法:


工具、原料:

电脑

Dreamweaver CS5

方法步骤:

下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。

下载好之后安装,安装后之后打开,会看到如下界面。

会看到新建里有肯多选择。html,css。这里选择html,点击之后会看到如下界面。和别的软件布局没有太大区别。

如果想输入文本。就直接可以在里面输入。如果想插入。可以选择插入-常用-图像。找到目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了

按F12预览就会得到以下效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13333517.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-16
下一篇 2023-07-16

发表评论

登录后才能评论

评论列表(0条)

保存