计算机个人网站设计论文.docx
《计算机个人网站设计论文.docx》由会员分享,可在线阅读,更多相关《计算机个人网站设计论文.docx(17页珍藏版)》请在冰点文库上搜索。
![计算机个人网站设计论文.docx](https://file1.bingdoc.com/fileroot1/2023-5/15/3bdd4747-affb-4959-abd0-1f7fc48b899f/3bdd4747-affb-4959-abd0-1f7fc48b899f1.gif)
计算机个人网站设计论文
浅谈计算机个人建立及运用
13级计算机X润
摘要:
个人在现在的个人生活中可以起到非常重要的作用,本文主要介绍了个人设计规划,库文件和模板文件的制作,利用模板制作网页,制作网页特效的制作并使用ASP+IIS+Access技术实现了我的的各种功能,其中和数据库的连接使用到了ODBC技术等。
通过此次的学习能快速掌握个人设计制作的根本技巧和根本建立过程。
关键词:
;网页制作;模版
引言
在Internet飞速开展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们的政治、经济、生活等方面发挥着重要的作用。
Internet上发布信息主要是通过来实现的,获取信息也是要在Internet海洋中按照一定的检索方式将所需要的信息从上下载下来。
因此建立居Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建立、个人建立中的重要组成局部,从而倍受人们的重视。
个人已成为同学们讨论最热门的话题,适用于想通过建立交友、突出自我个性的广阔制作爱好者。
主要介绍了个人设计规划,库文件和模板文件的制作,利用模板制作网页,制作网页特效的制作等。
通过此次的学习能快速掌握个人设计制作的根本技巧和根本建立过程。
首页中主要涉及了个人简介,照片匣子,我的作品,友情等。
一、个人设计规划
随着网络技术的飞速开展,越来越多的个人拥有了自己的,为了设计一个有效的,引人注目的站点,应该有方案,有步骤地完成一系列操作。
在动手建立以前,对网页进展完整,详尽的整体设计是至关重要的。
个人设计制作主要包括以下几个步骤。
〔一〕确定的主题
对于主题的选择主要按以下三个条件去考虑,本例所讲的是一个个人介绍性质的,主体就是介绍个人的相关信息。
1、主题要小而精。
一般来说,个人主页的选材定位要小,内容要精。
2、对于个人来说主题最好是自己擅长或者喜爱的内容。
这样在制作时,才不会觉得无聊或者力不从心。
兴趣是制作的动力,没有热情,很难设计制作出优秀的作品。
3、主题不要太滥或者目标太高。
如果主题已经确定,就可以围绕主题给该起一个名字,名称也是设计的一局部,而且是关键的要素。
〔二〕确定的目录构造
的目录是指建立时创立的目录。
目录构造的好坏,对浏览者来说并没有什么太大的感觉,但是对站点本身的上传维护以及以后的内容的扩大和移植有着重要的影响。
本站只是个人介绍性质的页面,主要是静态的几个页面,因此在建立目录的时候,可以将其中的页面文件直接放在根目录下,所有的图片可以放在images文件夹中。
下面是建立目录构造的建议:
1、不要将所有文件都存放在根目录下。
2、按栏目内容建立子目录。
3、在每个主目录下都建立独立的images目录。
4、目录的层次不要太深。
〔三〕确定的整体风格
风格是指站点的整体形象给浏览者的综合感受,包括站点的标志,色彩,字体,标语,版面布局,内容价值,存在意义,站点荣誉等诸多因素。
本站采用白色,绿色等为主的色调,绿色具有清爽,理想,希望,生长的含义,采用这种明亮的绿色,和褐色的沉稳,营造了一个清晰明块,充满无限希望与活力的气氛。
从整体风格的角度来看,下面就是一个好的标准:
1、简洁实用:
这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所想得到的信息传送给他就是最好的,所以要去掉所有冗余的东西。
2、整体性好:
一个强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的。
3、形象突出:
一个符合美的标准的网页是能够使的形象得到最大限度的提升的。
页面用色协调,布局符合形式美的要求:
布局有条理,使网页富有可欣赏性。
4、交互式强:
发挥网络的优势,使每个使用者都参与到其中来,这样的设计才能算是成功的设计。
〔四〕确定主要栏目和布局
因为每台显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。
本站的所有页面采用800*600像素制作。
通常版面布局按照如下步骤进展。
1、草案
新建页面就像一X白纸,没有任何表格,框架和约定俗成的东西,可以尽可能地发挥想象力,用一X白纸和一支铅笔将想到的景象画上去,当然用作图软件Photoshop,Fireworks等都可以。
这属于创作阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓既可。
尽可能多画,几X,最后选定满意的作为继续创作的样板。
2、粗略布局
在草案的根底上,将确定需要放置的功能模块安排到页面上。
必须遵循出重点,平衡协调的原那么,将标志,主要栏目等最重要的模块放在最显眼,最突出的位置,然后再考虑次要模块的排放。
根据本站的主要栏目确定了本站的布局草图。
我们可以把顶部导航区作top库文件,在制作其他网页文件时直接引用。
在本站中的其他页面风格和栏目相似,如果每次都重新设定网页构造以及导航条,各类图标就显得非常麻烦,可以利用Dreamweaver先制作一个模板,然后利用模板再来创立其他的页面。
二、创立个人站点
在制作网页前,要先为网页定义一个个人站点,用来存放站点中所有网页文件及附属文件。
建立站点前先将配套的素材文件夹复制到本地硬盘上,在本地硬盘上创立个人,具体操作步骤如下。
1、选择【站点】|【管理站点】命令,弹出【管理站点】对话框,在【管理站点】对话框中,单击【新建】按钮,然后从弹出的菜单中选择【站点】。
如以下图3-1所示:
图3-1管理站点
图3-2输入站点名称
2、弹出【站点定义】对话框,如果对话框显示的是【高级】选项卡,那么单击【根本】选项卡,弹出【站点定义向导】的第一个界面,要求为站点输入名称。
如图3-2所示.
3、单击【下一步】按钮,出现向导的下一个界面,询问是否要使用效劳器技术。
选择【否,我不想使用效劳器技术】选项,指示目前该站点是一个静态站点,没有动态页面。
4、单击【下一步】按钮,翻开一个对话框,在文本框中输入站点路径。
5、单击【下一步】按钮,询问是否使用远程效劳器,这里选择【无】,因为将整个站点制作完成以后再上传。
6、单击【完成】按钮,即出现【管理站点】对话框,其中显示了新建的站点。
7、单击【完成】按钮,关闭【管理站点】对话框。
现在,已经为站点定义了一个本地根文件夹,就可以在站点中制作网页了,当制作完成以后,就可以上传到效劳器上供大家浏览了。
三、制作网页模板
因为本中的几个页面都要用到一样的页面元素和排版方式,因此可以使用模板以防止重复地在每个页面输入或修改一样的局部,在改版的时候,只要改变模板,就能自动更改所有基于这个模板的网页。
〔一〕制作库文件
在Dreamweaver中,库工程是可以重复使用的工程之一,库的用途和模板类似,都是可将同一内容用于不同的网页,库文件具体制作步骤如下。
1.选择【文件】|【新建】命令,新建一空白网页。
2.选择【插入】|【图像】命令,弹出【选择图像源文件】对话框,选择lbi.jpg。
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.切换到【显示代码视窗】,在代码视图状态下,在
和之间输入
以下代码:
--DWLayoutTable-->
账号:
密码:
|
欢送大家光临我的!
|
--DWLayoutEmptyCell-->
|