如何制作网站页面
网页设计 类似百度搜索页面是怎么做出来的
网页设计这个一般都是要求会前端代码,html css js flash 还有些其他的脚本插件什么的。如果代码写的熟练可以不用DW。写网页的工具很多,用txt文本文档也可以。好了,贴上搜索框代码,使用需要后台程序支持,直接点了可是什么都没有哦。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>搜索框</title><style type="text/css" media="screen"> body { background-color: #f1f1f1; margin: 0; } body, input, button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .container { margin: 30px auto 40px auto; width: 800px; text-align: center; } a { color: #4183c4; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } h3 { color: #666; } ul { list-style: none; padding: 25px 0; } li { display: inline; margin: 10px 50px 10px 0px; } input[type=text], input[type=password] { font-size: 13px; min-height: 32px; margin: 0; padding: 7px 8px; outline: none; color: #333; background-color: #fff; background-repeat: no-repeat; background-position: right center; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in 0; vertical-align: middle; } .button { position: relative; display: inline-block; margin: 0; padding: 8px 15px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.9); white-space: nowrap; background-color: #eaeaea; background-image: -moz-linear-gradient(#fafafa, #eaeaea); background-image: -webkit-linear-gradient(#fafafa, #eaeaea); background-image: linear-gradient(#fafafa, #eaeaea); background-repeat: repeat-x; border-radius: 3px; border: 1px solid #ddd; border-bottom-color: #c5c5c5; box-shadow: 0 1px 3px rgba(0,0,0,.05); vertical-align: middle; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; } .button:hover, .button:active { background-position: 0 -15px; border-color: #ccc #ccc #b5b5b5; } .button:active { background-color: #dadada; border-color: #b5b5b5; background-image: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.15); } .button:focus, input[type=text]:focus, input[type=password]:focus { outline: none; border-color: #51a7e8; box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5); } label[for=search] { display: block; text-align: left; } #search label { font-weight: 200; padding: 5px 0; } #search input[type=text] { font-size: 18px; width: 705px; } #search .button { padding: 10px; width: 90px; } </style></head><body><div class="container"> <div id="search"> <label for="search"></label> <input type="text" name="q"> <input class="button" type="submit" value="Search"> </div></div><div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div></body></html>
DW网页设计中,我用表格做的网页,怎么才能居中 ,求教
方法一,修改代码!table代码加上align="center"例如:(PS:代码不完整,但可以看到效果。)<tabel align="center"> <tr> <td></td> <td></td> <td></td> </tr></table>方法二,设计界面修改!看图:建议:表格做网页并不是很好,建议楼主学习一下div+css布局,有html基础很快就可以学会的。那用PS直接保存的网页格式可以吗
也可以的 只要在table标签内加上align="center"就可以居中了!不过,个人强烈建议您不要使用ps保存的网页,PS保存的代码杂乱无章,,毫无规范可言。
能详细教一下我吗,第二种方法我这用了也不行,加我的扣 10 2 374 6337 谢谢呀,
怎么把自己设计的网页上传到网站
一、申请空间 空间分为免费空间和收费空间。 免费空间的特点是空间小、稳定性差。适合没有网站制作经验的爱好者练习。 收费空间的特点是性能稳定,功能齐全。适合制作高水准的网站。 申请免费个人空间要注意的事项是:空间大小、上传方式、是否限制上传文件大小、是否要附带广告,是否是嵌入式空间(即头尾是提供商的内容,中间是自己的内容)。一搬来说,空间50MB以上,ftp方式上传,无广告,性能稳定的免费空间就是不错的空间了。 下面介绍我正在使用的免费空间的特点: ①中华网个人主页空间:优点是有名气(国内大型综合网站之一),无广告。缺点空间小(10MB),web上传方式,关闭审核(即总算上传了网页,但审核前不能打开、不能浏览)、主机性能不稳定。 ②中联网个人主页空间:优点是ftp上传,空间大(100MB),无广告,值得推荐。 ③壹号广告免费空间:优点是ftp上传,可以绑定一个域名(顶级域名),缺点是必须申请成为联盟才能申请免费空间,有广告。 ④广电互联主页空间:优点是ftp上传、空间大(60MB)、支持asp文件(即动态网页),缺点是必须嵌入网站的广告代码。 目前提供免费空间的网站不少,只要到搜索网站输入关键字搜索,然后选择适合自己使用的空间进行注册,就可以获得免费主页空间了。注册时除了要了解网站的服务条款外,还要记下你的用户名、密码,因为有些网站不一定给你发确认信,所以不要把自己的用户名和登录密码都忘了,另外还要记下网站的登录地址、你的域名及ftp地址、密码等。 申请收费空间才能真正保证你的网站正常运转,现在收费空间价格不是很高,如果有条件的最好购买收费空间,低档虚拟主机每年费用一般在200元左右,如果不购买域名,网站会送给你一个二级域名,例如西部数码的域名是 http://www.west263.com ,送给你的二级域名就是: http://用户名.west263.com,但建议你最好购买一个自己的域名,这样才算真正意义上的属于自己的网站。域名价格一般是每年几十无。 选购虚拟主机(收费空间)时不要贪便宜,要选择有实力、有影响的的提供商,这样才能得到更好的服务。我选择的是西部数码,据说是双线路虚拟主机,国内虚拟主机十强企业,使用一年多来感觉良好。 有了空间,就有了你的用武之地,你可以用你的域名登录到你的网站,将会看到提供商放置的默认主页。 二、上传文件 网页文件编写、调试后就可以上传到网站空间。文件上传有web上传和ftp上传。web上传需要登录到网站的空间管理页面按要求进行上传,如中华网个人主页,这种方式上传比较麻烦;ftp上传有三种方式,1、在IE地址栏输入ftp地址,然后输入用户名和登录密码就可以登录到自己ftp目录,再把文件复制到相关的目录下。2、利用Fontpage的“站点发布”命令。3、使用专用软件,如FlashFXP,这是最常用也是最方便的上传下载软件,如果网站提供ftp上传,推荐使用这个软件上传文件,该软件只要在站点管理中建立站点,日后上传就很方便了。 需要注意的是,不同网站提供商的ftp目录是不同的,有的是根目录,有的是web目录,有的是wwwroot目录,一定要上传到相应的目录,否则你的网站将不能访问。
怎么制作介绍自己的简单网页 谢谢
是做个人网站?? 怎样免费建自己的网站,如何建个人网站?怎么自己建网站? 网客科技 www.wkekj.cn 教你怎样建个人网站的: 1.确定网站主题:如何建个人网站?首先, 你至少要找一个您感兴趣的内容或主题来做网站 2.找空间,注册域名: 确定主题后,需要寻找一个比较好的主页空间,并且为自己的网站注册一个域名。目前可选的空间商很多,建议选择资历超过2年的公司。3.找网站建设工具: 怎么自己建网站? 用frontpage等网页制作软件,一个页面一个页面的做网站的时代已经过去了,您可以直接找一个免费建网站的程序,安装到您的空间里,就只用傻瓜式的添加内容就可以了。这里,这里,你可以使用建站宝盒,建站宝盒NiceBox是自助建站工具包,包含多款精美建站模板和计数器、留言本、在线新闻系统、产品发布系统 、论坛系统、在线客服系统、招聘系统等动态功能模块,页面随意增加。使用者无需任何专业知识,运用浏览器,轻点鼠标就能立即生成精美实用、功能强大的网站,非常适合中小企业以及个人自助建站。本系统是网客科技虚拟主机附属增值系统管理平台,即只要是在网客科技购买虚拟主机产品,就可以免费支持并使用此系统管理平台 。 试用用户名: test 试用密码: nicebox试用地址: http://www.wkekj.cn/design/?p=nicebox 4.添加内容:购买虚拟主机后,您就只需要添加内容就可以了。这个建网站的工具会自动给您生成网页,做好链接的。 5.推广网站:您的网站有内容后,就需要到处推广它了。nicebox有友情链接模板,您可以很方便的和其它网站交换友情链接。 6.欣赏它,爱护它:做了网站,要学会欣赏它,爱护他。喝杯咖啡,慢慢品尝它吧。经常补充一些新内容,您的网站就会流量越来越大,人气越来越旺。希望采纳
怎样用dreamweaver制作网页
创建网页页面 1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。 然后下面跟你说一下建站的知识。 一、首先,你要为你的网站想一个网址,这个网址必须是未被注册的。这个网址就是你的网站的入口,最好便于记忆,越短越好。或者以与网站有对应意义的拼音全称或者简写。网站的域名后缀也是我们自己可选的(只要没有被注册),常见的域名后缀有.com 、.cn、.com.cn 、.org等。一般建议选择实力较强的域名提供商。这些知名服务商虽然收费稍微贵一点,但是很稳定。 二、空间服务器。空间是用来放网站程序文件的,就跟电脑上的磁盘没什么两样,只不过是放在空间商那里,24小时联网。你自己电脑都可以做服务器,这个没有什么神奇的。买空间要根据建站需要,包括使用什么语言,是否需要数据库等。建议购买前咨询空间商客服。 三、网站程序。网站程序是实现网站所有功能的编程语言的集合。目前比较流行的php+mysql ,也有用java、.net 开发的。大型的商城或门户需要团队开发。个人建论坛可以用腾讯的DISCUZ!论坛程序,建博客可以用wordpress或者Z-blog程序。这些开源的建站程序让做网站就像装程序一样简单。 四、把程序上传到空间服务器。程序编写完成经过调试后,用FTP工具上传到空间。FTP工具有flashfpt ,8ufpt 。上传之前你必须已经买好空间了(知道FTP用户、密码信息) 五、程序上传完成后。把域名解析,空间域名绑定,就可以通过网站访问了。 网页建站其实是不难的,不过很多新手一开始就有很多具体明确的,有难度的设想,所以才显得难了。
网页怎么做做一个简单网页
我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色(#506dbb)到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉,保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样,拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观,且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便,这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。(把鼠标放在四个角上单击一下就可以选中)选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下,然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单
怎么学习网页制作?
从最基本的开始学,最简单的就是HTML的网页,直接把图弄上去,然后把边距边框,按钮之类的设置下就差不多了,最后自己去各个浏览器调试下,修改参数就好了!怎样设计网页 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了…… 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。 首先,我们要弄清楚网页设计的任务。 一、设计的任务 设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。 网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。 第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。 第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。 明确了设计的任务之后,接下来要想的就是如何完成这个任务了。 二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。 三、色彩的运用 色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。 我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。 但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。 四、造型的组合 在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。 通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。 五、设计的原则 设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。 统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。 分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。 对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。 和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。 六、网页的优化 在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。 在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。 图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。 表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。 网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。 说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。 ★建设自己的网站较好的步骤☆ 必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行: 1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。 2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些) 3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。 4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页) 5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页) 6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧) 7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。 8、把网站上传至空间里面,删了准备文件,就OK了! 不过也可以这样使用FP建站: 1、在FP里面选择新建站点。 2、然后在【导航】里面设置网页名称以及标题。 3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。 4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。 5、把网站上传至空间里面,删了准备文件。完毕。 如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。 在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。 ??在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下: ??(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”; ??(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件; ??(3)静态网页的内容相对稳定,因此容易被搜索引擎检索; ??(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难; ??(5)静态网页的交互性交叉,在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。 但 Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括视频文件,并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。 u 制作主页 ??制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。 u 申请的主页空间,把你制作的主页传上去 ??我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。
怎么自己做一个小网页
一. 网页设计软件的选择 设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和 DreamWave。FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 Word 的人,很快就可以学会使用 FrontPage ,它的最大优点之一就是易学易用。另外 FrontPage 制作的网页在 IE 浏览器中的效果也特别好。二. 网络服务商的选择 现在提供免费主页空间的网站非常多,首先要明确服务商提供的是什么操作系统的服务器,如果使用 FrontPage 编写主页,最好选择 Windows NT 服务器,这样效果最好。另外还有 Linux 和 Unix 的服务器也很多见,用这些服务器的话要注意一个问题,就是文件名的大小写一定要清楚。一般的 Windows 用户会觉得这不是问题,因为微软的习惯,文件名大小写是不区分的。但是 Linux 和 Unix 不是这样,比如你有一个 top.jpg 的图片上传,然后在 HTML 超连接写成了 top.JPG,扩展名写成大写了。三. 主页内容的选择 评价一个主页的优劣,选择适当的内容很重要,最好是自己比较感兴趣的内容,否则会没有长期维护的热情。另外不要做太多的主题,没有重点的四面出击往往一样也不吸引人。维护主页贵在坚持,一定要不断上传新的内容来充实更新网站。不过同样要注意不要随便抄袭别人的内容,如果对方的内容是可以转载的自然没问题,但如果是版权所有的,可能会遇到纠纷知识产权还是需要尊重的,因此在转在其他网站的内容时,最好征求对方的同意。四. 主页制作的技巧 主页制作是一门综合性技术,也是一门艺术,它包括策划、美工、设计等等。一般的个人主页,建设初期最好不要放广告条,特别是不能放很多。在访问量不是很大的时候,广告是赚不到钱的。