本文作者:qiaoqingyi

网页设计模板免费下载(网页设计模板免费下载安装)

qiaoqingyi 2023-02-02 567

今天给各位分享网页设计模板免费下载的知识,其中也会对网页设计模板免费下载安装进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

网页设计模版是什么?应该怎么设计?

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为.dwt。

2)模板的作用:有利于保持网页风格的一致;提高工作效率。

1.创建模板

1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开:Window菜单--Templates

2)创建基于文档的模板:File菜单-Save As Template

2.设置模板页面属性

1)用模板创建的文档继承模板的页面属性,页标题除外。

2)设置:Modify菜单-Page Properties

3.定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、New Editable Region

2)取消可编辑区标记

Modify菜单-Templates-Remove Editable Region

应用和更新

1.应用模板创建文档

1)应用模板创建文档

使用模板创建新文档:File菜单-New From Template

或:File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板:Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select

或:从模板面板中拖一个模板到文档中

或:从模板面板中选定一个模板,单击Apply

2)可编辑区和锁定区

在应用了模板的文档中,只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。

具体操作:Modify菜单-Templates-Detach From Template

2.修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3.更新站点中使用模板的所有文件

Modify菜单-Templates-Update Pages

网页设计模板免费下载(网页设计模板免费下载安装)

有人能教教我做网页吗?我很想学!!!

分类: 电脑/网络

问题描述:

就是想学!!!使劲学

有高手留下联系方式啊

谢谢

本人QQ:***********

解析:

一、制作网站前的准备

可以使用一种汉字输入方法,快慢不拘。

会用IE点击上网并浏览网页

知道一些最最基本的术语,例如说超级链接你知道点一下就能到别的网页去,这个相信你也会吧。

你会使用office 软件——没听说过?WORD知道吧?就是你打字的东东。你肯定打过什么文稿之类的东东吧,那就得用到WORD,要不WPS也行,反正一定得会使用这样的软件,不然你就没办法实现制作网页的那些功能。

OK,假设你上面这些东东你全都会的话,那就可以制作网页啦。

二、制作网页前必须了解的东东

为了使我们这个教材真正实现谁都学得会,谁都看得懂,我决定不在这个教材里说任何专业的东东,我们是想做网页而不是想当网络管理员,更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上,有些地方写得恐怕你看了也会说一声“弱智”,不过请相信,网上一定还有比你还弱智的朋友等着这些提示呢。呵呵,那么,开始制作啦!

首先,我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003(没听说过吗?那我给你解释一下,你去街角的卖盗版盘的老板那问问,有FRONTPAGE2000全版的没有?老扳就会热心的给你一套OFFCE2003,说这就是了,然后要你买下),这个软件同 WORD,EXCEL之类软件一样,是OFFICE系列的一员,安装OFFICE的时候将它也装上,你就能做网页啦,别担心你不会用,我会手把手教你做的。如果你不会装OFFICE,那就请你哪位哥哥帮你个小忙,请他为你装上,其实一点也不难装。

好,假设你安装好了FRONTPAGE2003(FRONTPAGE2000也可,不过使用起来没有FRONTPAGE2003顺手),我就是用的FRONTPAGE2003,所以教材上也以此为准。

喂,你先别得意,有了这个FRONTPAGE2003是可以做网页,不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢,你要学的东东多着呢,千万别得意哦。

三、正式开始啦

好,打开FRONTPAGE2003,第一次进入左边会有个烦人的什么视图窗,这东东用不着,关掉它!怎么关?记好了,方法如下:

点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下,呵呵!会了吧,为了简明起见,这个操作我将写为 菜单——查看——视图栏 记住了吗?这样你看着省心我打着省事,皆大欢喜 :-)

现在出现在我们面前的是一个空白的页面。

1、给这个网面起个名字,怎么起?请看方法:

菜单——文件——另存为……——(选择你想保存的文件名、网页标题、保存位置)

对了,你一定看到另存为的时候有个什么网页标题的更改按钮了吧,点一下你就可以改成你喜欢的网页标题了,例如说“欢迎来到我的主页”之类。记好,一定要选保存。建议你保存的文件名为 index ,因为这个名字的页面是网站必须有的第一页,网站必须有这一页。对了,另存为的对话框最上面还有个“保存位置”,你可以选好你想保存的网页路径,一般保存在“我的文档”里。你可以自己建个新文件夹用来存放你的主页。

现在我们的网页文件己经出来了,名字叫“index” 页面标题是“欢迎来到我的主页”,你可以试着用IE打开这个网页文件,在浏览器最上最左边的蓝色条上能看到这句话。你又会说了,空空的嘛,一个网页是出来了,上面上个字也没有!别急,咱这就往里加字!

你直接输入“欢迎来到我的主页!”这句话。就会看到在网页的左上边出现了这句话,和打字一样,对了,就和打字一样,这么简单!点一下左上角那个小小的磁盘保存这个文件吧,或者用 Ctrl + S保存。

然后用浏览器IE打开这个文件,你就会看到你刚打的字了!其实FRONTPAGE2003页面下有三个标签,分别是“普通”、“HTML”、“预览”,用“预览”一样能看到。不过我自己觉得不如另外用浏览器打开来得实在,呵呵,个人习惯,你尽可以用预览这个标签来看。

2、改变字体的大小和颜色

你可以用鼠标在你想改变颜色的字上拖动,使之成为反色字,就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具,——没有?那就用这个方法把它调出来!菜单——查看——工具栏——格式 ,出来了吧!

和WORD一样,格式的操作很简单,一看就会。请注意,字体请不要设置得太怪,一般采用默认字体或宋体。

选择字体的大小可以从1号至7号不等。1号最小,7号最大。字符颜色选择请看看那个标有“A”字的小按钮,点一下它旁边的向下箭头。会出现好多颜色,你选一下就成了。这时你会发现选中的字大小和颜色变了,其实这些操作和WORD是一样的,你应当一看就会。

其它诸如缩进、排列序号、段落间距之类都和OFFICE一样,我就不多说了,不会的话可以看看有关WORD的书或自己琢磨一下,挨个试一试,这些很容易就学会的。

3、表格

表格是网页中很重要的一节,在网页中为实现好看的效果,必须使用表格,表格不难画,只需点中那个工具栏上的小小铅笔的按钮就能画了。如果你的页面上没有表格工具,请使用 菜单——查看——工具栏——表格 来打开它。

表格无非就是这么横几道竖几道的框框,每一个格子叫单元格,这个很重要哦,你可以通过选中单元格按鼠标右键来选择相应的菜单。单元格有单元格的属性,表格有表格的属性,网页也有网页的属性,这一切都在右击鼠标键上。呵呵,学会这些做网页就不愁啦。

通过拉动表格的边线可以改变大小,也可以通过右击鼠标选表格大小里直接输入数值来指定大小,后者更精确一些。一般来说表格宽度不应超过790,因为网页的大小定位在800*600格式下,超过了就会在网页下面出现拉动条,有点不好看,所以我用表格一般让它宽度为790,当然这要根据你想实现的网页效果来做。

4、单元格

一般网页都是由几个表格组成的,表格里的单元格里分别放着相应的图片,文字和插件。所以单元格是网页是最小的单位,每个单元格都有它的属性,一般来说,我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式,可以选择水平和垂直属性。这些能很方便的给实现单元格内部的排版,再有就是单元格的颜色、行跨距什么的,一看就会,我想你能明白。设定这些属性的目的就在于改变各个单元格的样式,有了这些,单元格之间就能组成好看的页面了,多练练这方面的东东。

5、网页属性

网页的属性有许多,你可以点击右键选取择网页属性进入。和我们初学者有关的就是背景啦,选择背景标签你就会看到相应内容,分别是格式和颜色两个内容。里面有个背景图片按钮,你可以从中点浏览打一张你喜欢的图片做背景,比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性,通过这个属性你可以改变链接的样式,比方说文字默认颜色啦,背景默认颜色及其它一些选取项,你都可以试试,一看就会的。

6、插入图片

网页上没图片那就称不上是网页了,好看的网页当然要有图片陪衬,不过为了能找到图片,建议你在你的网页文件路径下设一个名为“image"的文件夹,把你这网页的图片放里面去,这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。

插入图片操作很简单,通过下面这个方式就能做到了。 菜单栏——插入——图片——来自文件——选择想插入的图片。

你最好将想插入的图片放到 image 文件夹里,然后再插入,这样网页上所有的图片都包含在 image文件夹里了。方便也很实用。插入后可以选择一些图片属性让它更符合你的页面,比方说图片大小啦,图片颜色优化什么的,这些都可以在图片上通过右击鼠标选图片属性来修改。

说了半天你应该明白个道理,想修改什么就可以选中它然后按右键选相应的菜单,这很方便嘛,你学会这个就己经学会做网页的一半了!

7、超级链接

网页上没超级链接那不成其为网页,你想让你的小站也拥有超级链接吗?哈哈,很EASY!这样来实现它!

选中你想使之成为超级链接的文本,比方说是“进入”两个字,选取中后仍是按鼠标右键,选弹出菜单上那个“超级链接……”就会出现一个对话框让你来设定超级链接。你不会呀?简单极了!就是在 URL 里输入网址就行了。呵呵,比方说你输入我的小站的地址:“tesofare.126”保存一下网页。然后选预览或用IE打开这个网页文件,你会发现点击“进入”两个字就会进入到我的小站了,当然,你把超级链接改成别的网址点击它自然是到那个网址了。

记着,可以设定超级链接点击后是在新窗口打开还是在原窗口打开,这你只要在目标框架里选一下就成了。一般是设为网页默认值,你可以改变它使之成为新建窗口。

四、设计你自己的主页

以上提到的一些功能的使用你会了没?用这些功能就能做出相当漂亮的主页了!不信?好,你看看馨香小憩的一些页面不就是由这几个东东组成的吗?现在你就可以自己来设计一个主页了,相信你会做得比我好看的。

哦,忘了提一些东东了。有些东西你必须注意

1、图片不可太大,因为网络不快,图片一般在10K以下还能承受,超过10K就会影响浏览速度了,一般页面里可以有个总量为30K的图片,这是极限了,再多网页会半天也打不开的。

2、注意配色。网页好看是在于一个整体,而配色是很关键的,访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉,如果配色不好,访问者就不会有什么好印象了。关于配色方面是见仁见智的事,你可以注意一些杂志、画报之类刊物上的配色,学学别人的经验。

3、总体布局。网页布局要和协,不要看起来显着头重脚轻或虎头蛇尾,学学报纸上的布局对你会大有帮助!

4、链接注意事项。一般你的网站不会只有一个页面,你如果想使页面可以用链接连起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index,次页文件是 text 那么只需在 URL里输入 "text"即可,记着 “”是网上才用的东东,你在本地编辑是用不着的,当主页上传到网上时,它自动会变成 "你的主页地址"加上"text"了,这不用你担心,你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入 "image\xx.gif"之类。

5、关于图片。可以在很多地方得到好看的图片,不过为了使你的主页更好看,还是有必要自己画一些图片的。比方说标志啦,美术字什么的,它会使你的主页更加妩媚动人。

入门可先用Frontpage2003,当了解了基础之后,再学习以dreamweaver为主的网页制作三剑客,包括图片处理和FLASH制作。如果想更专业一些,就要学习编程,但刚开始可学借用他人的程序作为模版,同时兼学程序设计原理,二者缺一不可。学网页关键在于有兴趣、有恒心、有方法,则用不了一年,你一定可以学会做网页,可能谈不上高手,但肯定不会被人叫做菜鸟。

其他的如网页素材、gif动画图片库、网页模板、、网页特效、midi背景音乐、网页制作软件、字体下载、免费搜索代码等可参照参考资料

静态网页设计

我把网上最主流的网页/网站制作工具都列出来了

其中第1、2是主要制作工具,后面的多是辅助工具

3、6是比较容易上手的

另外最简单的静态页面其实可以用word制作,保存成html就可以

你可以试试

1、FrontPage

FrontPage是一款优秀的网页制作与开发工具之一,它本身也是Office2000中的一个重要组件,采用了与Office2000其他组件一致的界面和操作方式,只要您使用过Office软件,就可以轻松掌握FrontPage的用法。

2、网页制作三剑客

Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相辅相承,是制作网页的首选工具,其中Dreamweaver主要用来制作网页文件,制作出来的网页兼容性好、制作效率也很高,Flash用来制作精美的网页动画,Fireworks用来处理网页中的图形。

3、Photoshop

Photoshop是Adobe公司的王牌产品,无论是在平面广告设计、室内装潢,还是处理个人数码照片方面,Photoshop都已经成为不可或缺的工具。在网页制作方面,它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。

4、Swishmax

Swish是一款非常方便的Flash文字特效制作工具,你只要点几下鼠标,就可以创造出形状、文字、按钮动画,你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的动画效果。

5、PhotoImpact

PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式,整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室文件的相容性,将构思到表达的过程完整组合,是专业网页影像设计者不可或缺的利器。

6、Sound Forge

Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。如果下载的是英文版,可以用金山快译永久汉化,但效果不是很尽人意。

7、硕思闪客精灵

硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成.fla文件,还能将flash动画中的图片、矢量图、声音、视频(*.flv)、文字、按钮、影片片段、帧等基本元素完全分解,以及对动作脚本(ActionScript)进行解析,清楚的显示其动作代码,让你对Flash动画的构造一目了然。建议你赶快去下载吧!}

8、Clipyard

你只要导入不同的Flash动画文件,将其放在不同的层上,经调试效果,导出后就成了一个单独的flash了,操作简单,特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。

9、FlashFXP

是一款优秀的FTP工具,特别适合Web站点管理员使用。支持文件夹(带子文件夹)的文件传送、删除;支持上传、下载及第三方文件续传;可以跳过指定的文件类型,只传送需要的文件;可以自定义不同文件类型的显示颜色;可以缓存远端文件夹列表,支持FTP代理;具有避免空闲功能,防止被站点踢出;可以显示或隐藏“隐藏”属性的文件、文件夹;支持每个站点使用被动模式等。

10、FlaX

FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画,在Flash里一个一个字的慢慢调整位置,颇费时间,如果使用FlaX很快就可以就搞定。 FlaX有四个窗口面板:预览窗口、影片属性面板、文字属性面板、特效属性面板。

11、Web Animator

Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所谓动画GIF是GIF格式图像文件的一种,组合几个图像象漫画一样连续运动。动画GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作:组合现有的图像,创建类似于漫画的动画;给一个图像添加动画效果,创建具有效果的动画;给指定的字符串添加动画效果,创建字符动画。

12.golive

Adobe收购mm之后推出的网页制作工具,将代替Dreamweaver成为主流.

满意请采纳。

网页设计模板免费下载的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网页设计模板免费下载安装、网页设计模板免费下载的信息别忘了在本站进行查找喔。

阅读
分享