《个人网站的制作申请与上传》由会员分享，可在线阅读，更多相关《个人网站的制作申请与上传（27页珍藏版）》请在金锄头文库上搜索。
1、个人网页制作上传与宣传个人网页制作上传与宣传1总体规划：结构布局、标志总体规划：结构布局、标志(logo)、色彩、字体、标语、色彩、字体、标语2网站主题：用户需要、自己的特色。网站主题：用户需要、自己的特色。3用户优先：考虑用户的速度、屏宽、分辩率等。用户优先：考虑用户的速度、屏宽、分辩率等。最高的行动准则就是最高的行动准则就是“用户优先用户优先”。没有用户去光顾，。没有用户去光顾，任何主页都没有意义。任何主页都没有意义。4响应时间。所选挂靠站点带宽速度。响应时间。所选挂靠站点带宽速度。5内容第一。有吸引力、新颖、更新及时。内容第一。有吸引力、新颖、更新及时。一、设计前的考虑因素一、设计前的考
2、虑因素建议按建议按以下规则取名：以下规则取名：“正气、内涵、易记、特色正气、内涵、易记、特色”给浏览者更多的视觉冲击和空间想象力，则为上品。在给浏览者更多的视觉冲击和空间想象力，则为上品。在体现网站主题的同时，要有这画龙点睛之笔。体现网站主题的同时，要有这画龙点睛之笔。二、网站的名称二、网站的名称/441将收集的网站资料分门别类地保存在磁盘上，方法是:1、首先建立一个网站文件夹如在D:myweb2、再在这个文件夹下建立图片文件夹，例如：image或者pic，视频文件夹例如avi，动画swf,音频mp3,文本文件tet等。3、将所收集的文件分类保存好，才开始设计网站框架，结构等。4、在网站根目录
3、myweb下只能有扩展名为html的文件。5、只有在分门别类地保存好后，所插入的内容以后上传到网上才是相对路径，才不会联接不上。三、在磁盘上建立网站的文件夹结构三、在磁盘上建立网站的文件夹结构绝对不允许边设计框架边找资料，甚至于直接到网络上拖动图片直接到正设计的网页中。其结构应如图所示：/442首页文件名通常是什么首页文件名通常是什么首页文件名通常是“index.html”或者“index.htm”。还可以是default.html、index.asp、index.cgi、index.php、index.php3。但不能同时存在，因为搜索优先是按以上顺序排列的，例如：如果同时存在index.h
4、tml和index.htm，那么服务器搜索会先找到index.html，就不搜索index.htm了。建议你只保留其中一个，否则有可能会导致混乱。另外上传到免费网站要依免费网站规定命名首页文件名及其它网页文件名。网页文件名和文件夹名不能是中文名，只能是英文或者拼音字母。因为某些语言浏览器不能识别。做网站的目的是为了宣传，要从最大多数人出发，考虑问题。不是做完网站就完了。/443四、网站规划设计四、网站规划设计设计网站时重要的是规划，结构布局、层次安排、色彩配设计网站时重要的是规划，结构布局、层次安排、色彩配合、背景等都需要仔细规划，还要有创意和自己的风格。规合、背景等都需要仔细规划，还要有创意
5、和自己的风格。规划网站时，一般应注意以下几点：划网站时，一般应注意以下几点：（1）网页文件的显示效果与网页版面分辩率、显示器的网页文件的显示效果与网页版面分辩率、显示器的尺寸、分辩率、浏览器的版本等有关。一般分辩率取尺寸、分辩率、浏览器的版本等有关。一般分辩率取800*600不能太高。可为不能太高。可为1024768。（2）在确定网站的总体结构时，应遵循）在确定网站的总体结构时，应遵循“层次分明层次分明”的的基本原则。避免访问者浏览网页时要作大幅度的滚动。基本原则。避免访问者浏览网页时要作大幅度的滚动。（3）对一般网站而言，在选取材料时，应以文本信息为）对一般网站而言，在选取材料时，应以文本信
6、息为主，以多媒体材料为辅。主，以多媒体材料为辅。（4）对主页要进行精雕细刻。）对主页要进行精雕细刻。（5）网站的内容要经常更新。）网站的内容要经常更新。（6）网页中的文本内容应简明扼要。广告要少而精。）网页中的文本内容应简明扼要。广告要少而精。/444网站布局理念网站布局理念/445/446网页布局类型网页布局类型：大致可分为：大致可分为“国国”字型、拐角型、标题正文型、字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型、变化型，下面分别论述。型，下面分别论述。什么样的布局是最好的？什么样的布局是最好的？具体情
7、况具体分析：内容非常多，用具体情况具体分析：内容非常多，用“国字型国字型”或拐角型；内容不太多而一些或拐角型；内容不太多而一些说明性的东西较多，则可用标题正文型；那几种框架结构的一个共同特点就是说明性的东西较多，则可用标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；如果是企业网站想展示企业形象或个浏览方便，速度快，但结构变化不灵活；如果是企业网站想展示企业形象或个人主页想展示个人风采，封面性是首选；人主页想展示个人风采，封面性是首选；Flash型更灵活，好的型更灵活，好的Flash丰富了网丰富了网页，但是它不能表达过多的文字信息。变化型，这就要看我们的创意思想和
8、要页，但是它不能表达过多的文字信息。变化型，这就要看我们的创意思想和要求，因为，只有不断的变化才会提高，才会不断丰富我们的网页！求，因为，只有不断的变化才会提高，才会不断丰富我们的网页！/447（1）背景。不要用繁花和深色图案作背景。）背景。不要用繁花和深色图案作背景。颜色背景：设计最简单，其颜色背景：设计最简单，其HTML语法为：语法为：其其中中的的“color”表表示示不不同同的的颜颜色色，可可以以用用各各种种不不同同的的颜颜色色表表示示方方法法，如如直直接接用用颜颜色色的的英英文文名名：blue、yellow、black等等，还还可可以以用用颜颜色色的的十十六六进进制制表表示示方方法法，
9、如如#0000FF、#FFFF00、#000000等等等等，此外还可以用百分比值法和整数法，其效果都是一样的。此外还可以用百分比值法和整数法，其效果都是一样的。沙纹背景：找一个小的图片，越小越好，使其平铺，但注意要沙纹背景：找一个小的图片，越小越好，使其平铺，但注意要使最后的背景看起来要像一个整体。利用浏览器对图片背景的自使最后的背景看起来要像一个整体。利用浏览器对图片背景的自动重复排列，其实现的动重复排列，其实现的HTML语法如下：语法如下：其中的其中的“picture”表示背景图片的表示背景图片的URL路径。路径。条条状状背背景景：上上法法中中的的图图如如果果是是一一根根长长条条的的横横或
10、或纵纵的的图图条条，经经浏浏览览器重复排列后，就成了器重复排列后，就成了垂直向或水平向垂直向或水平向的条壮背景。的条壮背景。背景技巧很多，不一一介绍。背景技巧很多，不一一介绍。五、五、五、五、 网页的主要内容网页的主要内容网页的主要内容网页的主要内容/448（2）文本。文本是一般网页中最主要的内容。）文本。文本是一般网页中最主要的内容。网页编辑软件也可以设置页面文本的各种属性，设置段落网页编辑软件也可以设置页面文本的各种属性，设置段落格式，如行距、缩进、对齐方式等。当然，还可以将文本设格式，如行距、缩进、对齐方式等。当然，还可以将文本设置为超链接。置为超链接。注意：注意：背景和前景文字的颜色对
11、比度要大。标题要显目。背景和前景文字的颜色对比度要大。标题要显目。字不可太大或太小，以字不可太大或太小，以5号和小号和小5号为宜。以增加信息量。号为宜。以增加信息量。不可用特殊字体字型，访问者不一定能浏览。不可用特殊字体字型，访问者不一定能浏览。（3）表格。）表格。表格是将大量数据以简洁明快的方式展示给浏览者的有效表格是将大量数据以简洁明快的方式展示给浏览者的有效方式。表格还是进行页面布局的有力工具。方式。表格还是进行页面布局的有力工具。表格可以快速地给访问者传达信息。表格可以快速地给访问者传达信息。/449（4 4）框架。框架是进行页面布局的另一工具。）框架。框架是进行页面布局的另一工具。
12、借助框架，可将页面划分为若干区域，其中每个区域都对借助框架，可将页面划分为若干区域，其中每个区域都对应一个独立的应一个独立的HTMLHTML文件。但框架是在文件。但框架是在HTML3.2HTML3.2及以上版本中的及以上版本中的功能，需要功能，需要IE4.0IE4.0或或NC4.0NC4.0及以上版本，才能正确显示。及以上版本，才能正确显示。（5）图像。图像是网页吸引访问者的重要手段。）图像。图像是网页吸引访问者的重要手段。为减小图片的数据量，图片不宜大，颜色不宜多、格式用为减小图片的数据量，图片不宜大，颜色不宜多、格式用jpeg格式和格式和GIF格式，制作精美的图像能够在很大程度上增加格式，
13、制作精美的图像能够在很大程度上增加访问者的访问兴趣。最好用表格对图像位置进行精确定位。访问者的访问兴趣。最好用表格对图像位置进行精确定位。（6）多媒体。网页中少量动画、视频和音乐最能吸引读者。）多媒体。网页中少量动画、视频和音乐最能吸引读者。动画宜用动画宜用GIF89a格式，视频宜用格式，视频宜用MPEG或流媒体、音乐用或流媒体、音乐用MP3等格式减少数据量。动画视频的幅面也不能太大，这将等格式减少数据量。动画视频的幅面也不能太大，这将增加浏览者的下载时间。增加浏览者的下载时间。（7）表单。表单用于从访问者处获取信息。表单中可包含按）表单。表单用于从访问者处获取信息。表单中可包含按钮、文本框等
14、。钮、文本框等。/4410首页设计（1）确定首页的功能模块。）确定首页的功能模块。包括：网站名称（包括：网站名称（logo）主菜单（主菜单（menu）新闻（新闻（whatsnew）搜索（搜索（search）友情链接（友情链接（links）邮件列表（邮件列表（maillist）计数器（计数器（count）版权（版权（copyright）（2）设计首页的版面。设计首页的版面。（3）处理技术上的细节。）处理技术上的细节。/44111、HTML超文本语言超文本语言2、FrontPage20003、Dreamweaver4、Flash5、其他网页美化工具和设计技术其他网页美化工具和设计技术包括：包括：F
15、ireworks、Photoshop等处理图象的软件，等处理图象的软件，以及以及JavaScript、VBScript、ASP、CSS、PHP和和XML等语言环境和设计技术等语言环境和设计技术网页制作常用工具软件/4412（1）在每一个网页上都应加上一个）在每一个网页上都应加上一个“返回主页返回主页”的超链接，这能的超链接，这能使网页构成一个环路。页长时还要加上使网页构成一个环路。页长时还要加上“返回页首返回页首”。（2）在制作）在制作Web网页时，一个网页时，一个Web网页不要过长。如果某一个网网页不要过长。如果某一个网页内容很多，应将它们分成多个，其好处是不致于使网页由于页内容很多，应将它
16、们分成多个，其好处是不致于使网页由于网络速度的问题，而影响用户的浏览。网络速度的问题，而影响用户的浏览。（3）在网页上适当地使用一些动画，增加网页的动感和趣味。）在网页上适当地使用一些动画，增加网页的动感和趣味。（4）在主页上最好加上一个计数器，以便能够了解目前已经有多）在主页上最好加上一个计数器，以便能够了解目前已经有多少人访问过网站。少人访问过网站。（5）在网站中还应有联系方式。如通讯地址或）在网站中还应有联系方式。如通讯地址或E-mail地址以及联地址以及联系人等等，这样可建立与浏览者联系和交流的桥梁。系人等等，这样可建立与浏览者联系和交流的桥梁。（6）如果在网页中有比较大的图像，要想办
17、法进行处理，加快网）如果在网页中有比较大的图像，要想办法进行处理，加快网页显示的速度。否则即使制做的页显示的速度。否则即使制做的Web网页很好看，用户也没有网页很好看，用户也没有耐心等待整个图片下载完毕。耐心等待整个图片下载完毕。六、六、六、六、 网页设计的技巧网页设计的技巧网页设计的技巧网页设计的技巧/4413（1）所制作的网站内容要有自己的特点。这里所说的特点指）所制作的网站内容要有自己的特点。这里所说的特点指的是网站的内容要有新意，否则所制作的站点将会淹没在的是网站的内容要有新意，否则所制作的站点将会淹没在茫茫的茫茫的Internet大海里。大海里。（2）所制作的网站一定要便于维护和更新
18、。因为如果网站发）所制作的网站一定要便于维护和更新。因为如果网站发布到网上，布到网上，Internet网络用户第一次浏览觉得还有新鲜感，网络用户第一次浏览觉得还有新鲜感，过了一段时间再次访问此网站，而网站毫无变化，此网站过了一段时间再次访问此网站，而网站毫无变化，此网站就会因此而失去吸引力。就会因此而失去吸引力。（3）在）在Web页面上的颜色搭配，美术效果等等一定要合理。页面上的颜色搭配，美术效果等等一定要合理。有些初学者所制做的网页采用深色背景和浅色文字，但由有些初学者所制做的网页采用深色背景和浅色文字，但由于网速的原因，在深色的背景还没有调入时，浅色的文字于网速的原因，在深色的背景还没有调
19、入时，浅色的文字往往非常难以辩认。色彩不宜过多，往往非常难以辩认。色彩不宜过多，3-4色为宜。色为宜。（4）必须注意网页的数据量，总原则是减少数据量。）必须注意网页的数据量，总原则是减少数据量。总总总总的的的的来说应注意来说应注意来说应注意来说应注意/4414煽动抗拒、破坏宪法和法律、行政法规实施的；煽动抗拒、破坏宪法和法律、行政法规实施的；煽动颠覆国家政权，推翻社会主义制度的；煽动颠覆国家政权，推翻社会主义制度的；煽动分裂国家、破坏国家统一的；煽动分裂国家、破坏国家统一的；煽动民族仇恨、民族歧视，破坏民族团结的；煽动民族仇恨、民族歧视，破坏民族团结的；捏造或者歪曲事实，散布谣言，扰乱社会秩序
20、的；捏造或者歪曲事实，散布谣言，扰乱社会秩序的；宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖，恐怖，教唆犯罪的；教唆犯罪的；公然侮辱他人或者捏造事实诽谤他人的；公然侮辱他人或者捏造事实诽谤他人的；损害国家机关信誉的；损害国家机关信誉的；其他违反宪法和法律、行政法规的。其他违反宪法和法律、行政法规的。七、七、七、七、 网页中不能制作和传播信息网页中不能制作和传播信息网页中不能制作和传播信息网页中不能制作和传播信息/4415八、上传个人网页与宣传八、上传个人网页与宣传要建立网站首先必须要建立网站首先必须在在Internet上获得一上获得一块存储网站的
21、空间，块存储网站的空间，根据所制作网站用途根据所制作网站用途的不同，目前有两种的不同，目前有两种方式可获得存储空间：方式可获得存储空间：一种是租用虚拟主机，一种是租用虚拟主机，另一种是申请免费空另一种是申请免费空间。间。8.18.1 免费网页空间的申请免费网页空间的申请免费网页空间的申请免费网页空间的申请图图1搜索免费主网页空间搜索免费主网页空间/4416（1）首先估算自己的网站要多少存贮空间，然后到相应的站）首先估算自己的网站要多少存贮空间，然后到相应的站点去申请。点去申请。（2）所选择的网站附带的免费服务越多越好，最好能提供计）所选择的网站附带的免费服务越多越好，最好能提供计数器、留言板、
22、电子信箱等等。数器、留言板、电子信箱等等。（3）所申请的网站最好支持）所申请的网站最好支持ASP（动态服务网页）等动态服务网页）等，并且并且可以外挂数据库，就可以按照自己的要求设计有特殊要求可以外挂数据库，就可以按照自己的要求设计有特殊要求的反馈表单。的反馈表单。（4）访问速度越快越好。要了解其）访问速度越快越好。要了解其ISP与与Internet的连接带宽，的连接带宽，因为这将会影响到今后用户访问网站的速度及访问量。因为这将会影响到今后用户访问网站的速度及访问量。（5）最好选择能用）最好选择能用FTP方式上传网页文件的站点，便于今后方式上传网页文件的站点，便于今后的维护。的维护。（6）稳定程
23、度。选择信誉度好稳定度高的免费服务站点。）稳定程度。选择信誉度好稳定度高的免费服务站点。1、选择免费网页空间的原则、选择免费网页空间的原则/44172如如何何查查找找提提供供免免费个人网页的站点费个人网页的站点可可以以利利用用搜搜索索引引擎擎来来查查找找提提供供免免费费个个人人网网页页的的站站点点。例例如如，在在浏浏览览器器的的地地址址栏栏中中输输 入入http:/ 下面以在个人主页空间申请一个免费网页空间为例来具体下面以在个人主页空间申请一个免费网页空间为例来具体说明如何在说明如何在Internet网上进行申请。能提供网上进行申请。能提供20M免费网页空免费网页空间，申请过程的步骤如下：间，
24、申请过程的步骤如下：图图3个个人人主主页页空空间间出现如下页面出现如下页面/4419图图5填入用户信息填入用户信息图图4同意条款信息同意条款信息/4420（2）申请站点）申请站点然后等候邮件通知：一般要告知然后等候邮件通知：一般要告知“网站地址、网网站地址、网页文件夹，端口号，默认主页文件名，上传主页方法页文件夹，端口号，默认主页文件名，上传主页方法”等。等。/4421上上传传个个人人网网页页就就是是把把在在本本地地计计算算机机做做好好的的网网页页传传到到已已申申请请网网页页空空间间的的服服务务器器上上，这这样样即即使使网网页页的的主主人人不不开开机机，其其它它人人也也能能看看到到此此网网页页
25、。用用于于上上传传的的软软件件很很多多，如如CuteFTP、LeapFTP见图见图6CuteFTP软软件件是是一一个个功功能能丰丰富富、性性能能稳稳定定的的FTP软软件件，它它有有很很多多实实用用的的功功能能，例例如如：目目录录比比较较、目目录录上上传传和和下下载载、宏宏、远远程程文文件件编编辑辑、IE风风格格的的工工具具条条、URL解解析析等等，此此外外它它还还有上传队列、断点续传、整个目录覆盖和删除。有上传队列、断点续传、整个目录覆盖和删除。LeapFTP是一个功能丰富、性能稳定、操作简单的是一个功能丰富、性能稳定、操作简单的FTP客户端软件，十分适合一般用户使用。客户端软件，十分适合一般
26、用户使用。利用利用LeapFTP上传网页的一般步骤如下：上传网页的一般步骤如下：（1）在服务器网址栏输入空间提供商提供的）在服务器网址栏输入空间提供商提供的FTP地址、地址、用户名（用户名（User）、）、口令（口令（Pass）和端口号（和端口号（Port），），然后单然后单击击“连接到服务器（连接到服务器（Connecttoserver）”按钮，建立连接。按钮，建立连接。8.28.2 上传个人网页上传个人网页上传个人网页上传个人网页/4422图图6利用利用LeapFTP上传网页上传网页实际使用略为复杂一些，可参考我的另LeapFTP使用教程使用教程/4423（2）传送文件）传送文件连接成功后
27、，连接成功后，LeapFTP窗口如图窗口如图6。完成对源文件（或目。完成对源文件（或目录）及目的位置的选择后，将所选源文件（或目录）直接拖录）及目的位置的选择后，将所选源文件（或目录）直接拖动到目的位置释放即可完成上传任务。动到目的位置释放即可完成上传任务。（3）完成上传后，单击完成上传后，单击“断开连接（断开连接（DisconnectfromServer）”按钮。断开与服务器的连接，然后退出按钮。断开与服务器的连接，然后退出LeapFTP。在上传网页文件时应注意以下几个方面的问题：在上传网页文件时应注意以下几个方面的问题：完成所有网站页面之后，需要对所设计的网页进行审查完成所有网站页面之后，
28、需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。和测试，测试内容包括功能性测试和完整性测试两个方面。所谓功能性测试就是要保证网页的可用性，达到最初的所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。设计的网站中包含的所有文件都链接准确，无差错无遗漏。设计的网站中包含的所有文件都要全部上传（包括图片文件动画等）。要全部上传（包括图片文件
29、动画等）。/4424网页文件在进行超级链接时一定要使用相对路径。网页文件在进行超级链接时一定要使用相对路径。务必将个人网页的主页文件名设为空间提供商所指定的文件务必将个人网页的主页文件名设为空间提供商所指定的文件名，通常为名，通常为index.htm或或default.htm。需要特别强调的是最好需要特别强调的是最好全部网页文件和文件夹用英文名字和拼音全部网页文件和文件夹用英文名字和拼音。应保证网站各处的文件名（包括应保证网站各处的文件名（包括HTML文件中）文件中）作为链接目作为链接目标的文件名是严格一致的标的文件名是严格一致的。 在对网页进行更新和维护时，其操作步骤与上传网页的操作在对网页
30、进行更新和维护时，其操作步骤与上传网页的操作基本上完全相同，不同之处就是维护或更新网页时，只须上传基本上完全相同，不同之处就是维护或更新网页时，只须上传那些修改过的网页文件，那些没有变化的网页文件则无须重传。那些修改过的网页文件，那些没有变化的网页文件则无须重传。也可以删除那些不再需要的网页文件，以便节约存贮空间。此也可以删除那些不再需要的网页文件，以便节约存贮空间。此外，外，应该在规定的期限内上传或更新网页，否则有的应该在规定的期限内上传或更新网页，否则有的ISP会收会收回网页的帐号回网页的帐号。还应该将新建的整个网页在自己的硬盘上做一。还应该将新建的整个网页在自己的硬盘上做一个备份，以免在
31、发生意外时可以重新上传。个备份，以免在发生意外时可以重新上传。/4425在在Internet网络世界里，网站很多，不做自我宣传的话，网络世界里，网站很多，不做自我宣传的话，则辛苦制作的个人网站最终仍是无人知晓。究竟如何宣传自己则辛苦制作的个人网站最终仍是无人知晓。究竟如何宣传自己的网站，才能提高访问率，我们都有经验，想查找一个内容，的网站，才能提高访问率，我们都有经验，想查找一个内容，就到搜索引擎上去搜索，所以最好的方法就是在网上的一些搜就到搜索引擎上去搜索，所以最好的方法就是在网上的一些搜索引擎上登记。索引擎上登记。一般在存放网页的服务商的网站上，会通过它的网站进行一般在存放网页的服务商的网
32、站上，会通过它的网站进行宣传，但这毕竟力量有限。所以最好的自荐方法就是在网上的宣传，但这毕竟力量有限。所以最好的自荐方法就是在网上的一些搜索引擎上登记，几乎所有的搜索引擎都允许访问者加入一些搜索引擎上登记，几乎所有的搜索引擎都允许访问者加入链接，如链接，如yahoo!、搜狐、新浪、百度（搜狐、新浪、百度（）等。另外等。另外要在自己主页中多加上一些方便搜索引擎查找的要在自己主页中多加上一些方便搜索引擎查找的“关键字关键字”。下面以百度为例介绍如何将自己的主页加入到搜索引擎。下面以百度为例介绍如何将自己的主页加入到搜索引擎。8.38.3 将主页加入到搜索引擎将主页加入到搜索引擎将主页加入到搜索引擎将主页加入到搜索引擎/4426（1）在百度主页上如图）在百度主页上如图6所示的所示的“网站登录网站登录”链接，进入网页链接，进入网页登记页面。登记页面。（2）如图）如图6所示，按照要求填上自己主页主题的地址即可所示，按照要求填上自己主页主题的地址即可图图6网站登记网站登记/4427
