如何建立自己的个人网站、网页及其简单教程
对于内容主题的选择，要小而精，主题定位要小而精。不要试图做一个包罗万象的网站，这样往往会失去网站的特色，带来高强度的劳动，难以及时更新网站。记住:网上只有第一，没有第二！
要点二:选择好域名。
域名是互联网上网站的名称。一个没有产品推广的纯信息服务网站，其建设的所有价值都凝聚在其网站域名上。没有这个域名，所有前期工作都将丢失。
现在很多个人网站都是靠免费的个人空间，他们的域名也是靠免费的域名指向，比如网易的虚拟域名服务。其实这对于个人网站的推广和发展是非常不利的，不仅因为它“及时”打开的窗口阻碍了浏览者的视线和好感，让人一看就知道是个人网站，还阻碍了网页的传输速度。所以，从我个人的角度来说，首先，花点钱注册个域名。独立域名是个人网站的第一笔财富。要让域名生动、简单、好记。
要领三:掌握人脉工具。
网络技术的发展带动了软件行业的发展，所以用来制作网页的工具和软件也越来越丰富。从最基础的HTML编辑器到现在非常流行的Flash交互式网页制作工具以及各种网页制作工具，下面是几个有代表性的网页制作工具:
(1)HTML编辑器。虽然HTML代码很复杂，编辑和调试要花很多时间，但由于其稳定性、广泛的支持和创建复杂页面效果的能力，它仍然受到高级网页制作人员的青睐。目前有很多编辑器可供选择。这些编辑器广泛支持复杂的页面创建和高级的HTML规范，专业的HTML编辑器如Hotdog被广泛使用。
(2)所见即所得，fckeditor。以MicrosoftFrontpage为代表，拥有和Word一样的操作界面。熟悉Word功能的操作人员，稍加培训就能轻松编制网页。而且Frontpage还可以解析网页的HTML源代码，提供预览支持。但是Frontpage的一些特殊显示功能在其他非IE浏览器中是无法实现的。所以Frontpage是一款非常适合初学者和中级网页制作人员的工具软件。
(Macromedia生产的Flash交互式网页制作工具现在很流行。这是一个非常强大的交互式矢量多媒体网页制作工具。可以轻松输出各种动画网页，它不需要特别复杂的操作，还比JAVA小！但是它的动画效果，交互效果，多媒体效果都很优秀。还可以打包Mp3音乐、填写表格等。在Flash动画中。而且由于Flash编译的网页文件比普通网页文件小很多，浏览速度大大加快。这是一个非常适合动态网页制作的工具。
另外，个人网站制作者需要了解W3C的HTML4.0规范，CSS级联样式表的基础知识，javascript和VBScript。你也应该对一些常用的脚本程序如ASP，CGI和PHP有适当的了解。还要熟练使用图形处理工具、动画工具和矢量绘图工具，部分了解各种图形和图像动画工具的基本用法。还需要熟练使用FTP工具，具备相应的软硬件和网络知识。
当然，互联网还是一个免费的数据库。制作网页需要各种按钮、背景、各种图形和图片。如果你想自己完成这一切，那将是浪费时间和金钱，而且你还需要强大的图形和图片制作技术。所以，为了省去这些麻烦，网站制作者可以从网上下载各种美观实用的图片、按钮、背景等网页素材。
第四点:确定网站界面。
界面是网站给访问者的第一印象，往往决定了网站的知名度。在确定网站的界面时，要注意以下三点:
(1)柱和板的布置
建网站就像写论文。首先你一定要列出题目，这样主题才能明确，层次才能清晰。新手在网站建设中最容易犯的错误就是:确定主题后马上开始制作，没有合理的规划。导致网站结构不清晰，目录复杂混乱，板块布局混乱。因此，不仅访问者感到困惑，而且制作人自己也很难扩展和维护网站。所以在制作网页之前一定要考虑好栏目和板块的排列。
网站主题确定后，需要对收集的信息进行合理的整理。比如把一些最吸引人的内容放在最显眼的位置或者主导版面。栏目的本质是一个网站的大纲索引，索引要清晰的展现网站的主体。做栏目的时候要仔细考虑，合理安排。在栏目布局中，应该注意的是:
●尽可能删除与主题无关的栏目；
●尽可能在专栏上列出网站中最有价值的内容；
●尽可能从访客角度安排栏目，方便访客浏览和查询；辅助内容，如站点介绍、版权信息、个人信息等。，不必放在主栏，以免冲淡主题。
此外，板块的布局也要合理安排和划分。板块的概念比柱子大，每个板块都有自己的柱子。比如www.enet.com.cn ENET硅谷动力的网站，分为新闻、产品、游戏、学院等板块，每个板块都有自己的主栏目。一般来说，个人站点的内容较少，只要分两个栏目就可以了，不需要设置版块。如果有必要设置板，您应该注意:
●各板块要相对独立；
●各板块要相互关联；
●各板块内容要围绕网站主题；
②目录结构和链接结构
网站的目录是指网站建立时创建的目录。例如，使用Frontpage构建网站时，默认情况下会建立根目录和Images子目录。目录的结构是一个容易被忽视的问题。大多数站长都是随意创建子目录，没有规划。目录结构的好坏对于访问者来说没有太大的感觉，但是对于网站本身的维护以及以后内容的扩充和移植有着重要的影响。因此，在建立目录结构时，我们还应该进行周密的安排，例如:
●不要将所有文件存储在根目录中。有些网站制作者为了方便，把所有文件都放在根目录下。这就容易导致:文件管理混乱，分不清哪些文件需要编辑更新，哪些无用文件可以删除，哪些是相关文件，影响工作效率；上传速度慢的时候，服务器一般会为根目录建立文件索引。如果所有文件都放在根目录下，即使只上传更新一个文件，服务器也需要重新搜索所有文件，建立新的索引文件。显然，文件量越大，等待的时间就越长。
●根据栏目内容建立子目录。子目录的建立，首先根据主栏。友好链接很多，如果需要经常更新可以建立独立的子目录。而一些相关性高、不需要经常更新的栏目，比如网站介绍、站长信息等，可以合并到一个统一的目录下。所有的程序一般都存放在特定的目录下，比如CGI程序放在cgi-bin目录下，最好把所有下载的内容放在一个目录下，方便维护和管理。
●在每个主目录下建立一个独立的图像目录。一般来说，在一个站点的根目录下有一个默认的图片目录。不方便把所有的图片都存放在这个目录下，比如删除栏目的时候，图片的管理就相当麻烦。因此，为每个主列建立一个独立的图像目录是很方便的。原因很简单，就是维护管理方便。
其他需要注意的是:目录的层次不要太深，不要超过3级；不要使用中文目录，可能会导致网站难以正确显示；不要用太长的目录，太长的目录名不容易记住；尽量使用有意义的目录，便于记忆和管理。
网站的链接结构是指页面之间链接的拓扑结构。它基于目录结构，但可以跨目录。形象地说，每一页都是一个固定点，链接是两个固定点之间的连接。一个点可以与一个点连接，也可以与多个点连接。更重要的是，这些点不是分布在一个平面上，而是存在于一个三维空间中。一般来说，建立网站的链接结构有两种基本方式:
●树形链接结构(一对一)，类似于DOS的目录结构。主页链接指向主页面，主页面链接指向副页面。浏览这个链接结构时，一级进一级出，一目了然。访问者明明知道自己在哪里，也不会“不知道自己在哪里”，但是浏览效率低。一列下面的子页必须回到主页。
●星形链接结构(一对多)，类似于网络服务器的链接，每个页面之间都有相互链接。浏览更方便，随时可以到达自己喜欢的页面。但是因为链接太多，很容易让访问者迷失方向，不知道自己在哪里，读了多少。
所以在实际的网站设计中，这两种结构总是混合使用。网站希望访问者不仅能方便快捷地到达自己需要的页面，还能清楚地知道自己的位置。所以，最好的办法是在首页和一级页面之间使用星形链接结构，在一级和二级页面之间使用树形链接结构。链接结构的设计是实际网页制作中非常重要的一部分，采用什么样的链接结构直接影响到页面的布局。
③进行形象设计。
网站的设计可以从以下几点入手:
●设计网站LOGO。LOGO是指网站的标识，可以是中英文字母、符号、图案等。logo的设计创意应该来源于网站的名称和内容。比如网站中有代表性的人物、动物、植物都可以作为设计的蓝本，可以卡通化，也可以艺术化；专业网站可以用本专业的代表性项目来标注。最常见也是最简单的方法就是用你网站的英文名作为logo，通过使用不同的字体、字母变体、字母组合，你可以很容易的做出自己的logo。
●设计网站颜色。网站的第一印象来自视觉冲击。不同的色彩组合有不同的效果，可能会影响游客的心情。“标准色”是指能够体现网站形象和延伸内涵的颜色，应使用在网站的标志、标题、主菜单和主色块中。给人一种整体统一的感觉。至于其他颜色，也可以用，但只能作为点缀和陪衬，绝不能篡夺主人的角色。一般来说，一个网站的标准色不超过三种，太多就刺眼了。适合网页标准色的颜色有:蓝色、黄色/橙色、黑色/灰色/白色。
●设计网站字体。与标准颜色一样，标准字体是指用于徽标、标题和主菜单的独特字体。一般网页的默认字体是宋体。为了体现网站的“独特”和独特风格，可以根据需要选择一些特殊的字体。制作人可以根据自己网站所表达的内涵选择更合适的字体。需要注意的是，非默认字体的使用只能是图片的形式，因为很有可能浏览器的电脑里没有安装专门的字体，那么辛苦的设计和制作可能就白费了。
●设计网站标语。也可以说是网站的精神、主题和中心，或者说是网站的目标，可以用一句话或者一句话高度概括。用强有力的文字和表达来总结网站，对外宣传，可以获得更好的效果。
第五点:确定网站风格。
“风格”是抽象的，是指网站整体形象给访问者的综合感受。这个“整体形象”包括CI (logo、颜色、字体、口号)、布局、浏览方式、交互性、文字、语气、内容价值等诸多因素。网站可以平易近人，生动活泼，专业。无论是色彩、技术、文字、布局，还是交互方式，只要你能让访问者清楚地分辨出这是你的网站所独有的，这就形成了网站的“风格”。
风格是人的，一个网站的个性可以通过网站的色彩、技术、文字、布局、交互来概括:是粗犷奔放，还是清新唯美；是温柔优雅，还是执着热情；是活泼多变，还是墨守成规？
总之，有风格的网站和普通网站的区别在于，你在普通网站上看到的只是堆积在一起的信息，你只能用理性的感受来描述，比如信息量，浏览速度。在一个有风格的网站上，你可以获得除了内容之外更多的感性认识，比如网站的品味，对访问者的态度。
明确了自己要给人什么样的印象之后，就要找出网站中最有特色的东西，也就是最能体现网站风格的东西。并把它作为网站的特色来重点加强和推广。总之，风格的形成不是一个固定的位置，你可以在实践中不断加强、调整和完善它。
要点6:创意内容选择
好的内容选择需要好的创意。作为网页设计师，最苦恼的就是没有好的内容创意。互联网上最有创意的想法都来自于虚拟和现实的结合。创意的目的是为了更好的宣传推广网站。如果创意好，对网站的发展没有意义，那么网站设计师也应该放弃这个创意。另外，首页的内容是网站的根。如果内容是空的，页面做得再漂亮也不会有多少用户。从根本上说，网站内容仍然影响网站流量，ContentIsKing仍然是个人网站成功的关键。
第七点:推广自己的网站。
网站的营销推广在个人网站的运营中也起着重要的作用。个人网站推广前，请确保已完成以下内容:网站信息丰富、准确、及时；网站技术有一定专业水平，网站互动表现良好。一般来说，网站推广有以下几种方式:
(1)搜索引擎注册和搜索目录登录技巧
注册一个著名的搜索引擎网站是从技术上推广网站的第一步。注册搜索引擎有一些技巧，比如AltaVista和searchers，自动收录提交的网站。另外，注意Meta的使用，不要提交列框架页面。大多数搜索引擎不识别框架，所以你必须提交一个有内容的主页。
而雅虎、搜狐等搜索目录网站采用人工方式采集网址，以保证收录网站的质量，分类查询获得的信息比搜索引擎网站(蜘蛛自动搜索)更相关。因为搜索目录网站的人为因素相对较多，所以在提交网站时要注意遵守规则。例如，雅虎要求注册网站描述不得超过25个字。这里要注意:把网站提交到最合适的目录下，认真详细的介绍网站，千万不要有虚假或者夸大的成分。
(2)广告交流技巧
很多个人站点在互相交换广告时提出了几个条件:第一，访问量相当；第二，首页交换。显然，这种做法是为了充分利用广告交换。根据许多个人网站的经验，当在链接交换中访问一个个人网站时，对方将网站的徽标放在友谊页面而不是主页上，很少会有访问者来自那里。通常在首页，广告交换会有很好的效果。
(3)目标电子邮件促销
使用电子邮件推广网站时，主要有以下技巧:可以使用免费邮件列表。只要你申请了免费的邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集到的特定邮箱地址向特定网络群发送信息，在特定网络群推广自己的网站；以HTML格式发送邮件，即使其内容与收件人关系不大，也不会立即被删除为垃圾邮件，人们至少会关注发件人的地址。但是在推广电子邮件的时候要注意网络伦理。
第八点:支持网站日常运营。
个人网站到了一定程度，就要把赚钱提上日程。一般来说，个人网站获取资金的渠道通常有两种:
(1)销售网站广告位
一般来说，日流量低于10000人的网站，目前是不会吸引广告主的。网站的专业性和商业化程度，之前的广告经验，技术和设计要求也会影响广告的销量。
一般来说，网络广告有三种收费方式:
①CPM(每千人成本)
放个广告，每1，000次访问站点收费。这种方法最适合网站运营者。只要有人浏览网页，他们就能得到钱，而不管访问者对广告有什么反应——他们是否会看到或点击广告。
②点进。
你通过横幅广告点击广告商的网站才算。广告商就喜欢这样，他只为对他的广告感兴趣的人“收钱”。网站运营不适合。有调查数据显示，只有3%的访问者会去“点击”广告。
(3)佣金
根据访问者点击位于你网站上的广告所带来的销售收入，对网站运营者来说，比上述两种方法风险更大。
通常个人网站的广告收费方式往往是第一种和第二种方式的结合，这样无论是网站还是广告主都可以承担较小的风险。
(2)与大型网站的合作
另外，通过与大型网站合作，获得资金，也可以维持个人网站的日常运营。但是，个人网站很容易成为商业网站的附属品。
有了时间和充沛的体力，再加上新技术、新技能的学习和应用，你就可以在网上为自己建造一个家。
至于投资，其实就是一台电脑，申请宽带联网，还有上面说的软件。至于书，网上有很多相关教程，下载一些就好了。谢谢希望这些能帮到你！