个人网页html模板
40-80元模板王有很多模板下载。。
设计个人主页
一. 网页设计软件的选择
设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点,FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 Word 的人,很开就可以学会使用 FrontPage ,它的最大优点之一就是易学易用。另外 FrontPage 制作的网页在 IE 浏览器中的效果也特别好。但是,如果你希望网页在 Netscape 或其他浏览器上有良好表现,那么使用 FrontPage 就有些麻烦。不是说不可以,只是很容易出错。在这方面 DreamWave 就好很多,毕竟是第三方的软件。DreamWave是由 MacroMedia 公司出品的网页制作软件,最新版本是3.0,功能也同样很强大。不过学习起来要难一些,而且 IE 浏览器的一些高级功能就无法实现了。各有所长,只有自己权衡了。另外不要将两个编辑软件交替使用,否则会出现混乱。
二. 网络服务商的选择
现在提供免费主页空间的网站非常多,当然也有收费的。选择什么好呢?千万不要认为什么“无限主页空间”就是最好。这里的讲究非常多的。首先要明确服务商提供的是什么操作系统的服务器,如果你使用 FrontPage 编写主页,最好选择 Windows NT 服务器,这样效果最好。另外还有 Linux 和 Unix 的服务器也很多见,用这些服务器的话要注意一个问题,就是文件名的大小写一定要清楚。一般的 Windows 用户会觉得这不是问题,因为微软的习惯,文件名大小写是不区分的。但是 Linux 和 Unix 不是这样,比如你有一个 top.jpg 的图片上传,然后在 HTML 超连接写成了 top.JPG,扩展名写成大写了。在本地看这个 HTML 文件很正常,图片显示正确。但等你上传到服务器上,你会发现根本无法显示文件。解决这个问题的最简单办法是所有的文件名和扩展名都用小写英文字母,而且不要用长文件名。当然,如果是 Windows NT 服务器,就不用担心这个问题。
如果只是做简单的主页,那只需要得到相应的主页空间就可以了。但如果做高级一些到主页,就牵涉到一些网络程序的执行,这就需要 CGI 权限甚至数据库权限。一般的网络服务器上是不会免费提供这些功能的,而且收费往往不低。对于一般的个人主页完全没必要苛求这些,不然维护费用会很大,除非确实想做出一个很好的站点。免费主页空间的另外一个问题是服务商随时有权关闭服务,因为不承担任何承诺,这样你的成果可能会白费,所以要找一些比较可靠的主页空间,最好是已经提供较长时间服务,且有一定知名度的。
另外,不同的服务商使用的网络服务器和线路也不尽相同,访问的更新速度差异也非常大。要选择线路速度快一些的主页空间,不然会大大影响来访者的兴趣。最好使用本地的网络服务器,因为跨区域的网络线路往往比较拥挤。
还有,网络服务商提供怎样的主页维护方式也很重要。如果提供 FrontPage 扩展的 HTTP 维护,那就最方便了。可以做到全自动维护。如果是传统的 FTP 方式,也不错。FrontPage2000 同样可以用 FTP 自动上传,而且也可以用许多 FTP 管理软件。但还有一种是基于 WEB 的主页维护,这种主页空间只能到服务商的网站上按它特定方式编辑维护主页。这样很不方便,最好不要使用。
三. 主页内容的选择
评价一个主页的优劣,主要不是看外观而是看内容。选择适当的内容很重要,最好是自己比较感兴趣的内容,否则会没有长期维护的热情。另外不要做太多的主题,没有重点的四面出击往往一样也不吸引人。很多著名的个人主页都是靠一个优秀的栏目而大受欢迎的,飞翔鸟硬件就是个很好的例子。维护主页贵在坚持,一定要不断上传新的内容来充实更新网站。不过同样要注意不要随便抄袭别人的内容,如果对方的内容是可以转载的自然没问题,但如果是版权所有的,可能会遇到纠纷,甚至会强制关闭你的个人主页。知识产权还是需要尊重的,因此在转在其他网站的内容时,最好征求对方的同意。
还有,主页内容千万不要有违法的成分,特别是不要有色情内容。
四. 主页制作的技巧
主页制作是一门综ui合性技术,也是一门艺术,它包括策划、美工、设计等等。这里只是说一些应该注意的问题。很多商业网站都有“广告条”,点击广告可以为网站赚钱,甚至像 Yahoo 这样的网络公司也主要靠这些广告的收入维持。但是一般的个人主页,建设初期最好不要放广告条,特别是不能放很多。在访问量不是很大的时候,广告是赚不到钱的。反而会让访问者觉得主页很乱,全是无聊的广告,给人的印象就很差了。
还有些个人主页因为访问量很低没面子,就修改网页计数器,增加访问量。这其实是自欺欺人,以后别人也不会相信你的主页流量了。一个好的主页,总会有越来越多的访问者,如果没质量的主页,做手脚又有何用?
还有,如果是免费主页空间,一般速度都不太快,空间也不大。最好不要提供过多的软件下载,这样会严重影响访问速度。到头来会得不偿失的。一般较好的软件下载站点都提供独立的 FTP 线路下载软件,这样才能保证网站的访问速度不受影响。同样的,主页上也不要使用分辨率太大的图片,一般一张图片尽量控制在 20KB 一下。个人主页中也不要过多使用 Java class 的小程序和过于复杂的 Java 脚本,这些只起到点缀的作用就行了,用得太多了,浏览网页的速度也会变得非常迟钝。
制作主页时还要特别小心语言版本的问题,特别是中文。选用的内码或字体错误的话,访问时就会出现乱码或字体扭曲等问题。
五. 域名和无形资产
每个个人主页都有自己的域名,就像人总有个名字。起名字也有很多讲究。很多人会模仿著名网站的名字,在别人的拼写上改一改字母之类的。其实这样并不好,没有了自己的个性,反而不容易给人留下深刻的印象。还是自己取个好名字吧。另外常看到有人写着“永久域名 xxx.yeah.net”之类的。其实这些都是二级域名,一些网络公司免费提供的而已。这些都称不上永久域名,因为公司随时可以停止服务的。最好是能拥有自己的国际顶级域名,这才是永远属于你自己的。其实这也并不是一笔非常昂贵的费用,但确是主页长期发展的根本保障。当然,如果觉得没必要,使用免费二级域名也不错。
请采纳。主要内容介绍:
一、构成网页的基本要素
二、制作及美化的基本工具
三、网页制作的基本步骤
四、界面设计及交互研究探讨
五、实例制作演示
一.构成网页的基本要素
1.文字(标题、字号、字型…)
2 图形(网页上经常使用的图片格式:jpg、jpeg、gif、swf…)
3.交互功能(菜单按钮、链接、表单、数据交换…)
超文本标识语言(html)
html(hypertext markup language)是一种专门用于web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。
在html中,所有的标记符都用尖括号括起来。
例如,表示html标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
如:…</html> .
html文档的基本结构
一个典型的html文本的基本结构形式如下:
</head>
</html>
二.制作及美化的基本工具
1.超文本标识语言(html)
编辑工具:editplus、dreamweaver、记事本、frontpage、
2.页面设计及美化工具
使用工具:所有可制作平面的软件
推荐使用photoshop、fireworks、flash
三、网页制作的基本步骤
1、整体规划
需要完成的规划:网站主题、风格、页面元素、逻辑结构等
2、资料收集
收集内容:
a、跟主题相关的文字图片资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码
3、伪界面设计
根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素
4、代码转换及交互添加
把平面的伪界面转化为html代码,添加相应的交互功能js、按纽、表单,以及一些与数据库相连接的代码。
5、测试网页兼容性
你可以不必严格按照w3c标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
6、发布站点
测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如asp,就应该对应的是asp服务器,上传可利用远程ftp工具。
四.界面设计及交互研究探讨
a、导航栏设计
导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并最大限度为用户的方便考虑。
b、网页布局
网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。
ps:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果
网页布局–主要构成原则
醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
可读性:指网站的内容让人容易读懂
明快性:指准确、快速转达网站的构成内容
造型性:维持整体外型上的稳定感和均衡性
创造性:有鲜明个性,创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡
c、交互研究
我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢google、douban就居于这。
五、实例制作演示(略)
1、页面制作整体规划
对象:一个打印商业宣传主页
格调:活泼,色彩,简单,大方
2、资料收集
a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息
b 、网上下载相似印刷行业的公司主页,了解现有行业的的一些设计特点
c、下载一些色彩比较华丽的图片,或跟印刷相关连的图片
d、如果你自己不会动态语言,下载一个满足你功能的新闻发布系统和留言源码
3、伪界面设计
a、在ps设计伪界面
b、切片工具对整体进行合理的分割
注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。
c、导成web格式-直接导成html格式—步骤:
1、.点击文件存储为web文件格式
2、在界面里面调整理想参数
3、导出保存ps能自动生成一些html代码,但是他不是很标准,你必须在dreamweave里面进行加工
d、在dreamweave里面进行代码加工
具体步骤:
1、先修改标题
2、修改页面属性:背景颜色、背景图片…..
3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
4、把要添加文字的图片转化为背景形式
a、找到对应图片路径
b、拷贝路径后删除图片
c、转化为标准形式
d、把路径粘贴到背景属性上
e、回到布局界面
5、添加具体文字连接设置等操作
6、css设置
7、修整代码,发布预览按f12即可预览效果
4、测试网页兼容性
按照你设计时的对象,根据ie版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是js\vb等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往w3c标准靠
5、发布站点
购买自己的空间域名,其实事先就应该购买的,利用ftp上传软件,把你的页面上传到你的网上服务器上推荐一款ftp上传工具leadftp