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