简单网站模板(简单网站模板下载)
今天给各位分享简单网站模板的知识,其中也会对简单网站模板下载进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、如何制作简单网页呢?
- 2、求 一个简单的个人网页模板(html)
- 3、怎么用网站模板建立自己的网站
- 4、如何设计网站模板
- 5、简单网页制作
- 6、如何制作网页模板
如何制作简单网页呢?
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
★要想学做网页,首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
Dreamwaver 可以到这里下 30天试用版,不过要先登记一个免费帐号,
★在网上有这方面的教程
教程
(中国建站专家)
主页和个人空间
(中华网)
建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage
求 一个简单的个人网页模板(html)
楼主说的太含糊了!
建议可以去TempleteMonsterChina(怪兽模板)中国区官方网站看一看,里面各种行业的网站模板,包括普通的静态展示网站模板,动态FLASH网站模板,joomla,mambo,WordPress,drupal等CMS系统及博客系统的网站模板,以及ZenCart,oscommerce等购物系统的网站模板!
您可以在搜索引擎中按照要求搜索即可,希望可以帮到你!
怎么用网站模板建立自己的网站
用网站模板做网站是最简单的一种方式了,而且目前网上模板资源也比较多,找起来方便,找一个合适的模板,下载后用编辑软件打开页面进行编辑,修改自己想要的内容,编辑器有很多,比如Dreamweaver,WebStorm等,当然,你要是技术好,记事本也能行!
然后说点其他的,模板做网站的缺点和优点:
优点:效率快,省事省时间,不用费太多心思做设计及构架等。
缺点:灵动性弱,想改个布局或者构架比较繁琐,或者添加一些自己想要的效果也不方便,更重要的是,模板做出来的东西,没有设计在里面,不新颖!
ps:模板也分很多种,有静态的,动态的,静态的修改就比较简单了,动态的修改比较繁琐,再有数据库之类的,就更不好弄了!
如何设计网站模板
第一步:确定网站定位
先要想明白你打算用这个网站做什么,是做个人博客网站,用来记录生活,还是想做一个简历网站,用来找工作?或者是做一个自媒体网站,用来积累粉丝?不同类型的网站要用到不同的模板,所以在建站前一定要想清楚,这样你建站时才能有清晰的主题方向。
第二步:找一个靠谱的建站工具
现在市面上的自助建站系统很多,新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型,比如「上线了」,后台都是可视化操作,而且模板设计感强,简洁欧美范儿,做出来的个人网站也好看。
第三步:搭建网站页面
进入「上线了」官网,注册账号后选择【创建网站】,再选择一个“个人”或“作品集”模板。
简单网页制作
一、FrontPage 2003简介
FrontPage 2003是由Microsoft公司推出的Office 2003组件之一。FrontPage 2003的启动与退出、文件的打开与保存与Office系列中其他软件相同。FrontPage 2003启动后,主窗口如图6-61所示,菜单部分外貌与Office中的其他软件相似。
与以往的版本相比,FrontPage 2003有以下几个新功能:
(1)自定义浏览器分辨率预览检查;
(2)描摹图像;
(3)层功能;
(4)插入交互式按钮;
(5)行为的应用;
(6)使用网页重定向;
图6-61 FrontPage 2003启动界面
图6-62“新建”任务窗格
(7)检查网页错误;
(8)优化HTML代码;
(9)规划页面布局。
二、制作简单网页
我们在前面已经学会了用Word进行排版,其实你已经会制作一个简单网页了,只需将原来排好的Word文档,另存时选择保存类型为“Web页(*.htm;*.html)”就可保存为一个网页文件。
下面我们用FrontPage 2003制作一个简单网页。步骤如下:
1.启动FrontPage 2003
选择“开始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令,打开如图6-61所示的界面。
图6-63 新的空白的网页
图6-64“网页模板”对话框
2.建立新网页
选择“文件”/“新建…”菜单命令,打开“新建”任务窗格,如图6-62所示。单击“空白网页”,也可以通过工具栏上的“新建”按钮建立一个新的空白的网页。如图6-63所示。
如果要根据 Microsoft FrontPage 的模板创建网页,单击“其他网页模板”,打开如图6-64所示的“网页模板”对话框,再单击所需模板类型的选项卡,然后单击某个模板。
3.输入如下内容
图6-65
4.编辑操作
网页中的文本编辑操作与Word的编辑操作类似。
本例中,将“我的第一个网页”应用“标题一”样式,并设为隶书,水平居中;将“你好!欢迎光临”应用“标题二”样式,将其余内容应用“普通”样式,并将行距设为“1.5倍行距”,设置完成后效果如图6-65所示。
5.保存网页文件
选择“文件”/“保存”命令,弹出“另存为”对话框,指定保存位置和文件名,然后单击“保存”按钮即可完成操作。
三、制作多媒体个人主页
我们以制作一个简易的个人网站为例,进一步学习使用FrontPage 2003。
1.规划
网站规划包括规划网站的风格、网站的结构和网站的配色等,是对网站的整体定位。本例设置了6个栏目,包括首页、自荐信、个人简历、荣誉证书、才艺展示、联系方式,链接的文件名分别为index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。当然也可以结合自己情况进行修改。页面布局如图6-66所示。
2.建立网站
在FrontPage 2003中,所谓网站,就是一些网页和程序的集合,各个网页之间通过超链接联系在一起,所有的网页和文件保存在一个文件夹中,通过网站把这些文件和网页统一起来。本地网站是指本地硬盘上用来存放整个网站的所有文档的文件夹。远程网站是指网络服务器上的网站,供用户浏览。
建立一个新网站,事实上就是建立一个单独的文件夹,然后在这个文件夹中建立各个网页文件,并且把它们链接在一起。
网页制作可以在新建网站中完成,也可以像前面那样单独新建一个网页。建议用新建网站的方法来制作网页。
下面我们首先创建新的FrontPage网站:
(1)在“文件”菜单上,单击“新建”,出现如图 6-66 所示的“新建”任务窗格。
图6-66
(2)在“新建”任务窗格中,单击“由一个网页组成的网站”。
(3)在“网站模板”对话框中,在“常规”选项卡下,单击需要的网站模板,本例选择“只有一个网页的网站”,并在指定新网的位置栏中,键入或选择新网的路径及名称,这里我们将默认的mysite改为myhome,如图6-67所示,然后单击“确定”按钮,出现创建新网站对话框,完成站点创建,完成后如图6-68所示。左边一列是文件夹列表,可以通过右键快捷菜单新建文件夹,对文件或文件夹进行复制、删除、重命名等操作。
图6-67“网站模板”对话框
图6-68
3.准备素材
将本例所需的图片动画素材复制到网站内的images文件夹下。
4.制作主页页眉
在“网页”视图中的文档窗口底部,单击“设计”
。
在文件夹列表中双击index.htm,打开该网页并进入编辑状态,开始首页制作。
(1)设置网页大小 在“视图”菜单上,指向“网页大小”,单击
设置网页大小。
(2)设置网页背景在“网页”视图中的文档窗口底部,单击“设计”
,右击网页编辑区,在弹出菜单中单击“网页属性”项,弹出“网页属性”对话框,在标题框内输入“欢迎访问小慧的个人电子简历”;单击“格式”选中格式选项卡,选中背景栏下的“背景图片”,并单击“浏览”按钮选择背景图片。如图6-69所示。单击“确定”按钮完成网页背景设置。也可在“格式”菜单上单击“背景”来设置。
(3)插入一个一行两列的表格 方法与在Word中插入表格相同。
在显示设计视图模式下,通过常用工具栏的“插入表格”按钮,或在“插入”菜单上,指向“插入”,在级联菜单中单击“表格”;右击插入的表格,在弹出菜单中单击“表格属性”,并将单元格衬距、单元格间距和粗细栏均设为0,如图6-70所示,单击“确定”按钮。
图6-69 网页属性
图6-70 表格属性
(4)在第一个单元格内插入图片 将插入点放在第一个单元格,在“插入”菜单上,指向“图片”,再单击“来自文件”。找到要添加的文件(网站下images文件夹下的logo.gif),如图6-71所示,然后单击“插入”。
更简单的方法是从文件夹列表拖动图片文件到编辑区指定的位置即可。
(5)在第二个单元格内插入Flash动画 单击第二个单元格,在“插入”菜单上,指向“图片”,再单击“Flash影片”。弹出与图6-71相似的“选择文件”对话框,找到要添加的文件(网站下images文件夹下的banner_007.swf),然后单击“插入”。
(6)在第一个表格下插入一个1行1列的表格 同样将单元格衬距、单元格间距和粗细栏均设为0,设置好背景颜色,本例是选的其他颜色,如图6-72所示,在“值”文本框中输入Hex={C1,E8,C9}。
(7)制作滚动字幕 在第二个表格的单元格内单击,在“插入”菜单上,单击“Web组件”,弹出插入Web组件对话框,默认选中的是字幕,因此单击“完成”按钮,弹出字幕属性对话框,在“文本”框内输入:衷心感谢您垂阅我的简历,单击“确定”按钮。如图6-73所示。
图6-71 插入图片对话框
图6-72“其他颜色”对话框
5.制作正文和页脚
(1)在第二个表格下插入一个1行2列的表格,同样将单元格衬距、单元格间距设为0,但粗细设为1,暗边框设为白色,亮边框则设为其他颜色,在如图6-72所示的“值”文本框中输入Hex={99,CC,FF}。
(2)设置单元格背色。右击此表格的第一个单元格,在弹出菜单中单击“单元格属性”,弹出如图6-74所示的对话框,背景设为其他颜色,在如图6-72所示的“值”文本框中输入Hex={F1,F5,FC}。同样方法将第二个单元格设为白色。
图6-73 字幕属性对话框
图6-74 单元格属性
(3)调整单元格宽度,使之与第一个表格相同。
(4)在第一个单元格内插入一个8行1列的表格,并将单元格衬距、单元格间距和粗细栏均设为0。在单元格属性中将单元格对齐属性设为水平居中,垂直居中,行高调整为40。
在刚插入的表格第二行内插入图片homepage.gif,并在其后输入“首 页”;在第三行内插入图片sub_dot.gif,并在其后输入“自 荐信”,后面四行插入的图片均为sub_dot.gif,输入的文字依次为“个人简历”、“荣誉证书”、“才艺展示”、“联系方式”。
(5)在表格三的第二个单元格内插入一个3行3列的表格,并将单元格衬距、单元格间距和粗细栏均设为0。将中间一列调宽一些。
在该表格第一行第二列中输入“自荐信”,在第二行第二列输入自荐信的内容。设为1.5倍行距。
(6)在表格三后面插入一个2行1列的表格,并将单元格衬距、单元格间距和粗细栏均设为0;并且第一个单元格背景色设为与表格二背景色相同,在第二个单元格内输入“联系电话:023-683568XX E-mail:xiaohui@163.com”并设为居中。
6.链接网站文件
选中要建立超链接的文字或图像,单击常用工具栏中的“插入超链接”按钮或在“插入”菜单上单击“超链接”,或者是右击选中区域并单击“超链接”,均可打开“插入超链接”对话框。如图6-75所示。
图6-75“插入超链接”对话框
(1)选中“首页”,单击常用工具栏中的
按钮,在打开的如图6-75所示的“插入超链接”对话框中,在“地址”框内输入index.htm,并单击“确定”按钮。
(2)用同样的方法将“自荐信”链接到zijian.htm、“个人简历”链接到jianli.htm、“荣誉证书”链接到zhengshu.htm、“才艺展示”链接到zhanshi.htm、“联系方式”链接到lianxi.htm。
7.保存文件,按F12键预览网页
四、制作本网站内其他页面
首先在文件夹列表中将 index.htm 复制 5个,分别重命名为 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需将每个文件中自荐信部分修改为相应内容即可,页眉、超链接栏和页脚均不变。
五、网站发布
当我们完成上述内容后,需将制作的网页发布到Internet上的Web服务器中,才能供网上的访问者浏览。首先要到Internet服务提供商(ISP)那里申请购买存放网页的空间和域名,以前有很多网站(如网易等)都提供免费的个人主页存放空间,现在相对较少了,中国学生网仍在提供50M免费空间服务,大家可到去申请一个免费空间。
发布网站可以使用专门的FTP工具。但为了给用户提供方便,FrontPage 2003内置了网页发布功能,利用它,只需进行简单的设置,就可以轻松地完成网站发布任务。FrontPage 2003中的远程网站视图可以帮助我们将整个网站或单独的文件和文件夹发布到任何位置:扩展的 Web 服务器、支持文件传输协议(FTP)或基于 Web 的分布式创作和版本控制(WebDAV)的Web服务器或文件系统中的某个位置。
下面我们利用FrontPage 2003及文件传输协议(FTP)发布网站,步骤如下:
1.打开FrontPage网站
在“文件”菜单中单击“打开网站”或单击工具栏上的“打开”按钮边上的下拉标志,从下拉菜单中选“打开网站”,在弹出的“打开网站”对话框中找到需要打开的网站并单击“打开”按钮。
2.转至“远程网站”视图
若要转至该视图,请单击“网站”选项卡,然后单击窗口底部的“远程网站”按钮。或在“视图”菜单上,单击“远程网站”。如图6-76所示。
3.设置“远程网站属性”
在文档窗口顶部,单击“远程网站属性”。在弹出的对话框中,在“远程网站”选项卡上,在“远程 Web服务器类型”下,单击“FTP”。在“远程网站位置”框中,键入自己所选定的远程网站的地址及 FTP 协议(本例中输入“”),如图6-77所示。单击“确定”按钮,在打开的“要求提供用户名和密码”对话框中输入ISP提供的用户名和密码,单击“确定”按钮。如图6-78所示。
图6-76
图6-77
4.发布网站
通过单击窗口右下角的“发布网站”按钮即可发布所有文件。也可发布单个文件,在本地网站选择一个文件,然后单击“本地到远程”按钮
。如图6-79所示。
图6-78
图6-79
如何制作网页模板
首先你要明白网页制作的流程:
1、网页设计师(主要是用PS)先将网页设计出来。
2、进行网页制作,就是切片,div+css布局,将图片变成网页。
3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等
4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。
后台目前流行PHP语言。这些都是基础
5、需要学习的有,html,div+css , js (jquery) , php等。
教程网站,百度“W3C”,即可
如果你只是制作模板,那么就学习html,div+css , js (jquery)即可
简单网站模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于简单网站模板下载、简单网站模板的信息别忘了在本站进行查找喔。