第5章 制作个人网页的基本步骤 9
第5章 制作个人网页的基本步骤
5.1 收集素材
(1)文字资料。主要是自己编写的,或者从报刊、杂志 、网络等媒体上获取有关的资料,加以整理编辑 。
(2)图片资料 。一般可以根据主页的主题选择合适的素材库光盘,或是直接从网络下载。如果有一定的绘图功底和技巧,建议尽量使用Photoshop或 Paintshopf 绘图软件,制作页面的图标Logo 及广告Banner,以充分体现主页的个人特色。
(3)其它资料。为增加个人主页的表现力,可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。
5.2 设计结构
个人主页的制作是个复杂的系统工程。在开始页面制作之前,先搭好主页的框架,规划整体结构,草拟网站的“施工图”。如果只是一时兴起,想到什么就作什么,盲目操作,往往会使网站制作虎头蛇尾、条理混乱,最终因维护困难而夭折。
进行页面的规划,就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架,每个页面中图片、文字及其他文件的分布以及外观显示的设定 (如 颜色、字体)等等,进而根据规划大致估算一下需要多少相关的索材,并予以分 别类落实。经过规划,便于个人网页的管理维护,能让制作者有条不紊地表达所有的信息,使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之问的层次结构和链接关系,并适当考虑将来扩充的可能性。
5.3 创建站点
制作网页之前,新定义一个站点。利用站点,可以方便、快捷地对文件进行管理,尽可能地减少出错,如路径错误、链接错误等。同时设置了本地文件夹和远程信息后,可以将文件上传到服务器,实现文件的上传与下载。
方法一:在站点窗口的下拉菜单选择最后一项编辑站点,如下图。
10 个人网页设计与实现
此时会弹出一个新的对话框,点击“新建”按钮就可以定义一个新网站,如果日后需要对旧有网站重新定义,可以在左边的网站列表中选中你需要重新定义的网站,然后点击“编辑”按钮便可。
方法二:选择菜单“站点”--“新建站点”选项。(如图所示)
第5章 制作个人网页的基本步骤 11
在接着看到的对话框中,要进行以下简单的设置:
① 网站名称:为你的网站起一个名字,这个名字只起着识别的作用,与网站发布后真实的名字无关,例如这里的名字是:“我的网站”,而实际上我的网站叫“电脑课堂”;
如果不需要什么特殊的服务器技术,就选“否”这项。
12 个人网页设计与实现
②本地根目录:设置网站在本地硬盘的位置,点击后面的文件夹图标可以选择硬盘
的任意目录作为存放网站文件的目录;
③可以任意选择你想要将文件存储在服务器上的位置,方法同上一步本地根目录的建立相同。
第5章 制作个人网页的基本步骤 13
④选择默认的状态即可。
完成后,回到站点窗口,就可以看到如下类似的画面:
可以看到,“我的网站”的名称已经出现在站点窗口了,因为是新建的一个站点,所在在本地目录看到的一片空白。站点定义完毕之后,就可以正式制作属于你自己的网页了。