个人网页设计与制作
2009年2月
电脑学习
第1期
个人网页设计与制作
胡
摘
珊*
要：介绍了创建个人网页的原则、设计与制作的关键步骤和主要程序，并提出了个人网页设计与制作的注意事项。
注意事项
基本原则制作步骤关键词：个人网页
文献标识码：A中图分类号：TP392．092
文章编号：1002－2422（2009）01－0028－02
HuShan
DesignandProductionofIndividualWebpage
Abstract:Thepaperintroducestheprinciple、keystepsandessentialprograms,atlastpresentsthenoticesofdesignandprodu－
ctioninindividualwebpages．
Keyword:IndividualWebpageBasicPrincipleStepofExecutionNotice
1制作个人网页的基本原则
（1）正确定位，确定内容。①要小而精。定位要小，内容要精。②选择自己擅长、喜爱的内容。
（2）塑造形象，统一风格。（3）简洁明朗，主次分明。
（4）控制图像文件大小，调节多媒体嵌入量，减少网页下载时间。
网页图像最好使用GIF文件和JPG动画，这两种文件的压缩程度较高，且大小最好控制在25KB至15KB之间；JPG动画的使用不要太多，以免使主页看上去太乱。设制图片的替代文本或低分辨率图片，可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好
struct
response＿mgr邀charsockaddr＿insockaddr＿dlu＿int＿8u＿int＿8
usrname[10];usr＿addr＿ip;usr＿addr＿mac;
type;／觹0issuccess,1isfailure觹／auth[16];妖;
使用MDI格式，体积较小，便于传输，同时，注意给网页中的多媒体文件注明相关的文字性说明。
2制作个人网页的基本步骤
2．1收集素材
（1）文字资料。主要是自己编写的，或者从报刊、杂志、网络等媒体上获取有关的资料，加以整理编辑。
（2）图片资料。一般可以根据主页的主题选择合适的素材库光盘，或是直接从网络下载。如果有一定的绘图功底和技巧，建议尽量使用Photoshop或Paintshop[1]等绘图软件，制作页面的图标Logo及广告Banner，以充分体现主页的个人特色。
（3）其它资料。为增加个人主页的表现力，可以在页（2）更改口令过程。passwd＿change（）函数收集用户名由和新口令以及其MD5散列值，封装成更改口令报文，send＿packet（）函数发送到认证服务器。
（3）注销过程。logout（）函数把readconf（）函数收集到的客户机信息以及MD5函数计算的散列值封装成注销报文，由send＿packet（）函数发送到认证服务器。
（4）主机保活过程。keep＿live（）函数封装保活报文，每隔30秒定期由send＿packet（）函数发送到认证服务器，向认证服务器告知自身的存活。
2．2实现过程
DNS服务器地（1）登录过程。当用户设置好IP地址、
址等候，由readconf（）函数读取这些参数（包括IP地址、MAC地址、DNS服务器地址、默认网关等），然后，使用MD5函数把本机信息以及用户名和口令生成一个128bit的散列值，最后由login（）函数信息以及散列值封装成一个登录报文，并由send＿packet（）函数发送到认证服务器。此后客户端一直处于接收阻塞状态，直到认证服务器返回服务器响应报文。根据响应报文的类型，客户端作出相应的反应：①LOG＿OK，登录成功，则认证服务器通过了客户机的认证，可以上网；②LOG＿PASSWD＿ERR，口令错误，认证服务器拒绝对客户机的认证；③LOG＿USER＿ERR，没有此用户名，认证服务器拒绝对客户机的认证。
收稿日期：2008－05－10
*胡珊武汉大学资源与环境科学学院学生（武汉430079）。
3结束语
Linux环境下的上网客户端软件，主要是根据认证服务器与用户主机之间已有的协议，通过设计恰当的模块，定义很好地解合适的数据结构，采用C语言的Socket网络编程，决了Linux桌面用户的上网问题。
参考文献
[1]杨云江．计算机网络管理技术[M]．北京：清华大学出版社，2－
005．
清华大学[2]StevensWR,FennerB．UNIX网络编程[M]．北京：出版社，2006．
·28·
面内适度加上音乐文件、视频文件、动画文件以点缀页面。
3制作个人网页的注意事项
3．1避免抄袭
制作和设计网页的过程中，应避免抄袭。作为新手，个人网页刚刚起步，可以适当借鉴和利用，切忌全盘不动地照搬照抄他人的成果，应坚持原创，加入自己的创意和想法。如写日志博客，翻译最新英文杂志，上传独家照片和视频，链接实习成果等。展示个性、风格，让大家认识、了解自己，才是制作个人网页的精神所在。3．2经常备份
要养成经常备份的习惯。制作网页是一个复杂而持久制作时很占内存，尤其的过程。由于网页的容量有时较大，
是同时起动其它电脑程序，很容易导致计算机假死，因此需要经常性地备份。3．3注意路径问题
相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时，应避免使用绝对路径。网页上传后，站点移动到其它服务器，所有本地绝对路径链接都将断开，从而浏览者无法看到使用绝对路径（指对本地硬盘的绝对路径）的链接内容。3．4使用模板，提高网页制作效率
开始制作时，不要多张页面一起制作；建议使用模板，提高制作效率。个人网页通常会有多个风格基本相似的页面，如果每张页面都重新设计和制作网页结构、导航条及各类图标，工程量将十分庞大。借助模板的功能，通过设计和制作一张基本网页，可以快速创建大量风格一致的网页，从模板创建的文档与模板保持连接状态，可修改模板并更新所有利用模板创建的网页，达到天天改变站点风格的效果。3．5妙搭色彩
由于网页作为用户的浏览对象，第一印象至关重要，因此色彩的搭配应讲究一定的技巧。一般而论，网页应尽量采用一个色系，主色调控制在三种颜色以内，背景和文字的对比一定要强烈，以突出文字内容为主。常见的组合有：黑白、蓝白、黑灰白、蓝黑、紫黄等。其中，白色多用于较正式的官方网站，黑色常用于打造个人网站和一些非常前卫的网站。
在用色的时候，要力求简洁，将色彩与各要素统一起对比度、结构分配比例等，在差异中求协来，注意色明度、调，紧扣网站的内涵，保证网站的一体性。一幅图的下部采用重色，会让人觉得稳重；同时注意突出色彩的独特性，尽量采用与众不同的色系，让人产生遐想。
2．2设计结构
个人主页的制作是个复杂的系统工程。在开始页面制作之前，先搭好主页的框架，规划整体结构，草拟网站的“施工图”。如果只是一时兴起，想到什么就作什么，盲目操作，往往会使网站制作虎头蛇尾、条理混乱，最终因维护困难而夭折。
进行页面的规划，就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架，每个页面中图片、文字及其他文件的分布以及外观显示的设定（如颜色、字体）等等，进而根据规划大致估算一下需要多少相关的素材，并予以分门别类落实。经过规划，便于个人网页的管理维护，能让制作者有条不紊地表达所有的信息，使层次清晰。一般多采用树状结构先列得网站的格式统一、
出每个页面的大纲内容及规划页面之间的层次结构和链接关系，并适当考虑将来扩充的可能性。2．3创建站点
制作网页之前，新定义一个站点。利用站点，可以方便、快捷地对文件进行管理，尽可能地减少出错，如路径错误、链接错误等。同时设置了本地文件夹和远程信息后，可以将文件上传到服务器，实现文件的上传与下载。2．4编写网页
页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑CSS样式等。
顶部栏目主要有Logo、Banner和导航条。底部版权信息主要是网站的联系方式。
页面主体部分是页面的核心内容，大多数情况下要使用嵌套表格的技术来实现。在制作时，通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用CSS来美化完成的网页。2．5上传文件
个人网页制作完成后，就需要给个人网页在网上安个
［2］家。提供免费个人网页站点的网站很多，可以选择中意
点击进入的网站申请窗的网站提出申请。一般流程如下：
口，填写信息表格，其主要内容包括主页标识、主页描述、主页地址（URL）、关键词，以及个人地址、姓名、E－mail地址、电话号码、详细的邮政地址等个人信息；提交申请；将在几天内收到网站发来的E－mail。若申请成功，会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后，就可以实现在网络上浏览个人主页了。2．6更新维护
网络讲求新和快，制作个人网页时，同样也要注意。做好日常维护工作，及时更新完善，紧跟时代步伐，保持内容新颖，吸引浏览者的注意和点击。
可设置一个专门的“what′snew”页面，及时醒目地告诉来访者主页最新的内容。这样能方便浏览，让浏览者一目了然，迅速寻找所需要的内容，不致于层层深入，一无所获。
参考文献
[1]丁晓．制作个人网页的常用工具．合肥：电脑知识与技术，1999（9）：36－40．
[2]孙良军．DreamwareMX2004入门与实演练．北京：中国青年出
2005－09．版社，
[3]祝力．创建图书馆员个人网页的意义及方法．上海：图书馆杂
志，2001，20（2）：10－12．
[4]李敬文，杜婉莉，常生．制作个人主页的窍门．哈尔滨：电脑学
习，2000（8）：1－16．
·29·