代码个人网站制作及博客建站技巧－设计技巧－eNet网络学院－中国最权威的电脑教程软件资讯网站

个人网站制作及博客建站技巧设计技巧eNet网络学院中国最权威的电脑

教程软件资讯网站

话题代码 页面 网站

中国互联网起步的年代 网易首次把个人网站引入了互联生活。一时间制作出色的个人网站成了网民上网的“终极目标”。 由于当时相关软件功能相对简单 中文资源匮乏相关资料甚少不少人是“摸爬滚打”地摸索着做出了自己的第一个个人网站。笔者就是其中的一员……一、复杂方法在手工制作个人网站的时代我们可以总结出的网站制作步骤基本为设计、切割、代码生成、发布。而在此之前应该规划出网站的结构包括页面数、栏目设置等。 1.设计进行页面总体规划包括风格、布局等。网站制作要有整体风格各部分要保持协调整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面 常用的软件有Ado bePhoto shop、CorelDraw、Macromedi a Fireworks等。Photo shop是平面设计的大拿笔者也一直用它做页面设计它从6.0版开始特别增强了对网页制作的支持显得非常方便。现在

流行的Fireworks是Macromedi a网页制作三剑客的重剑手由于它与Dreamweaver及Flash无缝集成越来越受到网站制作人的欢迎。 2.切割做完第1步我们得到的只是一个图片文件还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了如Photo shop中提供的切片工具不需要专门的软件来处理。 3.代码生成这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知 HTML语言是一种标记型语言不须要编译就可以直接在浏览器中执行。所以理论上我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为但是很耗时间而且很难精确地控制格式。这时便该专门的HTML编辑软件出场了。HTML编辑软件大体上可分为两类 一类是代码型 典型代表为Homesite、 Hotdo g等一类是所见即所得型典型代表为Frontpag e。也有两者兼具的就是大名鼎鼎的Macrome diaDreamweaver。代码型实际上就是一个文本编辑器不同的是它可以有专门的代码提示功能用起来比较方便。所见即所得是目前大家最推崇的方式 因为可视化的编辑基本丢弃了代码方便快捷。说到Dreamweaver笔者就不多介绍了 我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式即所见即所

得并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求甚至还提供了ASP、 PHP等脚本语言的代码提示。 4.发布将制作好的页面放到服务器上 以便更多的人能浏览。发布通常采用FTP的方式将文件上传到服务器。 目前的网页制作工具基本上都有发布工具可以通过各种方式发布你的页面如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。