版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
计算机个人网站设计论文浅谈计算机个人网站建设及运用13级计算机刘润摘要：个人网站在现在的个人生活中可以起到非常重要的作用，本文主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作并使用ASP＋IIS＋Access技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。关键词：网站；网页制作；模版引言在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们的政治、经济、生活等方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设居Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设、个人网站建设中的重要组成部分，从而倍受人们的重视。个人网站已成为同学们讨论最热门的话题，适用于想通过建立网站交友、突出自我个性的广大网站制作爱好者。主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。首页中主要涉及了个人简介，照片匣子，我的作品，友情链接等。一、个人网站设计规划随着网络技术的飞速发展，越来越多的个人拥有了自己的网站，为了设计一个有效的，引人注目的站点，应该有计划，有步骤地完成一系列操作。在动手建立网站以前，对网页进行完整，详尽的整体设计是至关重要的。个人网站设计制作主要包括以下几个步骤。（一）确定网站的主题对于主题的选择主要按下列三个条件去考虑，本例所讲的是一个个人介绍性质的网3.单击【确定】按钮，即可插入图像。4.选择【文件】|【另存为】命令，弹出【另存为】对话框，在【文件名】文本框中输入文件名3.lbi，在【保存类型】中选择【库文件（*lbi）。5.单击【保存】按钮，至此库文件制作完成。（二）制作模板使用模板创建文档可使站点具有统一的结构和外观，。无论是新建站点还是更新已有站点，如果要使站点中的所有页面都共有某种特色，则模板非常有用。使用模板可以个次修改若干页面，而不用对新页面逐个设置属性。制作模板具体步骤如下。1.选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选择【模板页】类别中的【HTML模板】选项。如图4-1.图4-1HTML模板2.单击【创建】按钮，创建一空白模板网页。选择【窗口】|【资源】命令，打开资源面板，在资源面板中选择images/bj_01.jpg文件。如图4-2图4-2打开文件3.单击【插入】按钮，即可插入库文件。4.将光标置于库文件的下边，选择【插入】|【表格】命令，弹出【表格】对话框，并设置【行数】、【列数】，【表格宽度】设置为1005像素，单击【确定】按钮即可插入需要的表格。5.将光标置于第1行单元格中单击鼠标面板中【背景图像】文本框右边的图标，弹出【选择图像源文件】对话框，从中选择图像文件夹中的images/bj_01.jpg文件，如图4-3所示.图4-3选择文件6.单击【确定】按钮，即可插入背景图像7.用PHOTOSHOPCS2制作图片Bj-04.jpg，如图4-4图4-4制作图片8.按需要分别插入图片，使其组合成一个完整的页面背景.9.预览，效果如图4-5所示图4-5效果图（三）设置模板可编辑区1.接上一节，将鼠标置于文档想创建可编辑区域的位置。2.选择【插入】|【模板对象】|【可编辑区域】命令，弹出【新建可编辑区域】对话框，在对话框中，将【名称】设置为index_1,如图4-6所示.图4-6创建可编辑区域3.单击【确定】按钮，即可创建可编辑区域，如图4-7所示.图4-7可创建区域（四）用模板制作网页说明可以利用模板快速的制作出大量的风格类似的网页，当模板改变时，所有基于模板的网页也随之改变，这样能有效的实现网站的更新。四、利用模板制作网页（一）制作登录主页1.切换到【显示代码视窗】，在代码视图状态下，在<body>和</body>之间输入以下代码：<bodybottommargin="0"leftmargin="0"rightmargin="0"topmargin="0"><tablewidth="1005"border="0"cellpadding="0"cellspacing="0"><!--DWLayoutTable--><tr><fontface="宋体"size="3"color="#33CC66">账号：</font><inputtype="text"name="name"size="18"maxlength="20"/><fontface="宋体"color="#33CC66">密码：</font><inputtype="password"name=""size="15"maxlength="20"/><inputtype="button"name=buttonvalue="登陆"/></form> </td></tr><tr><marqueedirection=leftbehavior=scrollscrollamount="3"scrolldelay=6bacolor=#aaeeaa><fontface=宋体color="#009933"size="2">欢迎大家光临我的网站!</font></marquee> </td></tri><tr><tdheight="67"colspan="5"valign="top"background="images/images/bj_11.jpg"><!--DWLayoutEmptyCell--> </td></tr></table></body>2.按F12键，在弹出的对话框中点击【确定】按钮，在浏览器中预览效果如图5-1所示：图5-1效果预览图（二）利用模板制作“照片匣子“页面制作新页面“照片匣子”，然后插入到可编辑区域中，预览效果如图5-2。图5-2添加图片后的效果预览图（三）利用模板制作“我的作品“页面制作新页面“我的作品”，然后插入到可编辑区域中，预览效果如图5-3.图5-3效果预览图（四）利用模板制作“经典搞笑“页面制作新页面“经典搞笑”，然后插入到可编辑区域中，预览效果如图5-4.图5-4效果预览图（五）利用模板制作“友情链接“页面制作新页面“友情链接”，然后插入到可编辑区域中，预览效果如图5-5.图5-5效果预览图（六）利用模板制作“另类下载“页面制作新页面“另类下载”，然后插入到可编辑区域中，预览效果如图5-6。图5-6效果预览图六、总结本文主要通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作等参考文献[1]网页设计弘博软件工程师研修计划教材2011年[2]Photoshop图形图象处理弘博数码设
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论