个人网站搭建模板（个人网站搭建教程）
本文目录一览：
免费的个人网站怎么做
免费的个人网站做法如下：
1、在百度上输入“自助建站”进行搜索，找到操作比较简单的自助建站平台，点击进入建站网站后，进行申请网站的注册，一般申请做一个网站，不需要太多的资料填写，只要填写账户、网站用户等信息，就能进入下一步的网站申请操作；
2、第二步，账号申请注册后，通过账号登录到建站平台的后台界面，开始个人网站的制作，一般个人自助制作网站，大多都是以网站模板作为基础，根据不同的行业以及行业下的细分类别，选择相对应的网站模板，然后确定创建，此过程应该几秒以后就能申请创建出一个成本的网站；
3、成品网站申请出来以后，在可视化的操作界面中，对网站的各个模块进行内容填充，根据个人的需求可以通过模块添加，为自己的网站增加任何所需要的功能，同理也可以删减一些不需要的功能或模块，将各个模块的内容替换成自己的内容资料后，接着对网站进行下一步的操作。
4、在网站上方网站设计——网站设置里面修改好网站浏览器的标题、网站标题、导航、侧栏、横幅等信息，所有设置都调整好以后，点击保存按钮，个人网站的申请制作就完成了。
求一个简单的个人网页html模板
这种模板很多的，百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
如何自己制作个人网站
1 策划与草图
2 设计与制做
3 切割与导出
4 编辑与模板
5 动画与广告
6 链接与上传
按软件及长度划分制做步骤：
1 策划与草图
1.1所有网站和其它设计作品的过程都是从策划开始的。这是最能体现你的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考，会创造，而且唯有这点是难能可贵的！我们必须要在动手打开PS或FW制做界面前就要完成一个网站最最关键的策划部分，它将直接影响
这个网站的成败与否。一个优秀的网站，不仅做得漂亮，而且要方便浏览，可读性强，简洁明快！
网站的风格，用色，版式，布局，栏目甚至每个细小的图标都要经过精雕细琢，深思熟虑。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等，只有投其所好才能最大化地产生共鸣；另一方面取决于公司的类型和企业法人的喜好，如果不是要强加入你自己的意志的话，那上述几点已经制定了网站大致的努力方向了！
1.2本站是商业化的网站面向企业为主，所以我采用简约风格，亮丽明快的颜色和风格，只要学学平面构成和色彩构成就知道如何按其风格去布置各个元素和内容，以及用何种颜色来营造你要表达的效果了，包括冷暖明暗都是很关键的。大面积的中性色不刺眼，而重要的引导视线可以让亮色来担当，冬天喜欢暖色夏天喜欢冷色是人之常情，蓝色那种给人以信任和科技的底韵是我选择它的原因，而像橙、黄等促进食欲的颜色更容易受到食品网站的青睐！
1.3本着简洁科学的分类原则来划分栏目：首页 客户中心 窄告介绍 合作媒体 常见问题 媒体报道 关于我们
栏目如果划分不好的话，影响框架的调整，后果就是：重头再来了，郁闷吧？
本网站主要面向潍坊企业，所以要做得本地化，让人看了感觉亲切，而且要做得漂亮，废话！！
1.4好了，完成上面这些后请拿起笔在纸上按你的创意和设想画一草图，尽是具体些，最好精细到每处阴影和描边！这步很关键的说！
1.5本节最后就是准备制做网站时所需要的素材了，包括图标，LOGO，广告语，内容介绍等这都是最基本的！
2 设计与制做
2.1如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS，虽然没有FW的高效和专业但更加灵活和自由，这是我最喜欢的，也因为用惯了嘛！＾＾养兵千日用兵一时，平时的练习和学习在这里派上用场了！呵呵！
2.2可以在新建的778*600页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致！不要放过每个细节的刻画，即使是1*1的5%透明度的阴影都会给你的页面增彩，别以为别人看不见！
2.3最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一下层级里搞得一团乱麻，分不清楚。
作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯，这决不是浪费你的时间！
3 切割与导出
无论是PS还是FW，哪怕是AI做的设计界面，在切割的原则都是一样的，请遵从以下几个方面：
3.1首先要按大致的框架切割，如国字型或T字型，注意其完整性
3.2对于要输入的文字区域、大面积色块或单独的图片以及Flash动画要单独切割成非图片格式的切片以备插入
3.3对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列
3.4在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙
3.5其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等
切割完毕后，选择文件另存为WEB页命令，导出为HTML文件待DW编辑。
4 编辑与模板
4.1在DW中打开导出的HTML文件开始编辑，包括大表格居中，设置背景，修改空白可输入区单元格背景为原来切割的图片等
4.2将编辑完毕的文件添加CSS样式，包括最基本的TD和ALINK等标签，然后存为模板DWT文件，并＾+alt+v新建可编辑区域
4.3通过模板新建各个页面并添加入相应的内容
5 动画与广告
5.1按原来切片所容留的大小制做FL动画广告条，使用相应的文字内容和广告语，在FL中新建文件
5.2复制粘贴广告词到场景中，排版并转换为元件578*104
5.3添加相应的背景和动画，调试节奏后发布为SWF文件
5.4插入到DW中的模板页并调整大小后存盘，其它的页面会自动更新
6 链接与上传
6.1重新设置模板页的导航链接，本步骤也可在第四节完成
6.2在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问
6.3上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护
个人网站搭建模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于个人网站搭建教程、个人网站搭建模板的信息别忘了在易优之家进行查找喔。
发表评论
暂时没有评论，来抢沙发吧~