打造个人网站指南：学习如何自行构建专属网页平台

如何搭建个人网站

网站创建简易步骤解析

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更高效和专业，但PS更加灵活和自由，这是我最喜欢的，也因为习惯了！^^平时练习和学习在这里发挥了作用！呵呵！

2.2 可以在新建的778600页面中先打好框架，然后采用逐步细化的方法，还可以采用自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，力求简约和精致！不要放过每个细节的刻画，即使是11的5%透明度的阴影都会给你的页面增色，别以为别人看不见！

2.3 最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一个层级里，弄得一团糟，分不清楚。

作为一名优秀的设计师，应该有条理，所以请养成分类并为每个图层命名的习惯，这绝不是浪费时间！

3 分割与导出

无论是PS还是FW，哪怕是AI做的设计界面，在分割的原则都是一样的，请遵循以下方面：

3.1 首先按照大致的框架分割，如国字型或T字型，注意其完整性。

3.2 对于要输入的文字区域、大面积色块或单独的图片以及flash动画，要单独分割成非图片格式的切片以备插入。

3.3 对于需要添加内容的长区域，要注意其伸缩性分割，若有图案要保证可以重复排列。

3.4 在分割时要特别认真和小心，不要留下一个像素的间隙，要放大让切片都对齐，不留空隙。

3.5 其他如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等。

分割完成后，选择“文件”->“另存为网页”命令，导出为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 上传到申请的空间，在域名解析成功后在浏览器中浏览网上效果并做相应后期维护！

如何制作免费的基础网站

网站制作通俗来说就是通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML（标准通用标记语言下的一个应用）方式展示出来。

网站制作属于前端工程师的一项任务，前端工程师的任务包括：网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是策划师、网络程序员、网页设计等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。

免费建站流程：

1、先确定要做的是一个什么网站，就是说做这个网站是用来干什么的；比如说，我想做的网站是一个企业网站，是做电子电器的，那么就要围绕这些内容来进行构想，也可以参考一些同类的网站，

1、首先明确将要创建的是一个怎样的网站，也就是说这个网站的目的何在；例如，我打算创建的是一个企业网站，专注于电子产品，那么构思时就需要围绕这些内容展开，同时也可以借鉴一些同类型的网站。

2、依据构思好的网站主题来挑选一个域名，域名的选择至关重要，这对网站未来的发展影响深远，因此必须根据网站的主题精心挑选（若为企业网站，通常会选择公司品牌名的全拼或简拼作为域名）。

3、域名选定后，接下来便是网站建设中最复杂的一环（网页设计、程序开发），即网站程序源码。我采用的是他人开发的网站模板源码进行修改，这样做可以节省大量时间。实际上，许多网站都会寻找一些相关性的网站模板，根据自己想要的网站风格进行修改。

4、在网站程序源码制作完成并在本地测试通过后，根据网站所需的空间需求来租赁服务器空间。一般的企业网站，300M的空间就已足够（以视频展示为主的企业网站除外）。另外，需要注意的是：服务器分为国内和国外，最大的区别在于国内空间需要备案，而国外空间则无需备案，购买后即可直接使用。

5、服务器空间购买完成后，使用ftp上传工具将网站程序源码上传至服务器空间，并将后台数据导入空间数据库，这样网站就可以在互联网上正常运行了。