计算机网页制作教程,网页制作需要那些步骤
计算机网页制作教程,网页制作需要那些步骤详细介绍
本文目录一览: 如何在电脑上制作网页?
首先,我们要打开DW,新建一个html文档。新建后会出现一个界面,如下图。里面的代码都是自动生成的。然后在上面打上标题,如下图。通常我们是用的格式,然后在里面填入标题,在刷新一下,就会在右边出现了。
以Windows10系统为例,电脑中新建文档:方法一:打开电脑,右键点击电脑桌面,在快捷菜单中选择“新建”选项。
在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
要注册网站域名,购买或者租用到网站的空间。上传内容,上传图文和视频等内容就可以创建自己的网站了。现在市场上很多各式各样的网站搭建工具,网站制作平台,任意找一个自己用起来易上手的工具即可。
首先进入注册页面、注册一个凡科帐号,第二,登录后台,开始“网站设计”第三,选择网站模板,更改网站横幅,网站内容建设...第四,点击“保存”,网站就制作完毕。
要是会一点,找一个图片网站的网页,用右键另存为,保存下面页面代码、图片、js等,然后将多余代码删除,修改一下,文字内容。再将图片换成自己的照片,这样,一个简单的个人页面就做好了。
制作网站过程
一、整体规划
目标观众的计算机配置和浏览器版本。计算机硬件技术飞速发展,现在使用的计算机的配置都是比较高的!下面把访问本站的情况给大家帖到下面:
所以我们在设计网页时,其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页,看看有没有发生变化。
3.插件问题。对于有些软件,比如Flash的插件,现在大部分浏览器都安装有这种插件了,如果网页上播放视频,那么就要考虑浏览器是否需要安装相应的插件,在这时最好在网站中说明并提供插件和播放器的下载。现在好多电影站都做的比较好,它们都提供播放器和插件的下载!
二、新建站点
规划好站点之后,就可以用专门的网页开发软件创建站点了。在创建站点之前,我们应该首先在我们的磁盘上创建一个文件夹,用于存放站点内的所有资源,当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如:站点文件夹为myweb,子文件夹images用于存放站点内用到的图片,upfiles用于存放上传的文件,admin用于存放站点后台程序等等。创建站点在Dreamweaver软件中操作比较简单,本站也已经提供了相应的视频教程,如果您不熟悉可以去查看下。刚建立起的站点是空的文件夹,用户首先要设计站点结构。制作专业网站之前要有一个详细的计划,这样虽然会花费一些人力和物力,但总比出现了问题之后再修改要好得多。
在网站规划中一个很重要的问题就是确定站点结构。设计站点结构,就得确定站点子栏目;设计站点结构,就得确定图片、多媒体文件的存放位置;设计站点结构,就得导航条。专业网站中,必须要有导航条。
三、收集资源
确定好站点目标和结构之后,接下来要做的就是收集有关网站的资源,其中包括以下资源:
1.文字资料:文字是网站的主题。无论是什么类型的网站,都要离不开叙述性的文字。离开了文字即使图片再华丽,浏览者也不知所云。所以要制作一个成功的网站,必须要提供足够的文字资料。
3.动画资料:在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多,所以建议大家应该学会Flash制作动画的一些知识。
4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。
四、布局页面
设计站点结构和收集了足够的资源之后,就可以开始布局页面了。在Dreamweaver中,可以通过以下手段进行排版:
1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的网页都放在一个大表格中,并且嵌套最好不要超过3层,因为如果你那样做了,浏览器解析的时间会增加了,那么当浏览者访问时速度就慢了。
2.利用层排版:层很适合形式自由的排版,现在WEB标准建议排版时抛弃表格,不过如果初学者学习利用层排版时还要学习其它好多相关知识,其中最重要的是CSS和Javascript,使用CSS来辅助层可以对网页实现排版,可以解决表格给我们带来的烦恼。如果你对WEB标准感兴趣,那么你就该好好的学习CSS了!
3.利用布局视图进行排版:在DreamweaverMX2004中有专门的布局视图,我们初学网页设计时可以使用它进行排版。
4.利用框架进行排版:它是一种用浏览器窗口,显示多个网页的形式,前几天记得有人在论坛中求,网页格式的课件,网页格式的课件大部分是用框架做出来的。
五、编辑文档与超级连接
经过上面的几个步骤之后,一切准备工作都已经就绪,现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。
插入到网页布局之后,文字都是同一种字号,同一种风格,同一种颜色;图片有大有小。所以这时就要对各种元素进行编辑了,例如,改变文本字体、字号、颜色、大小等,对图片进行大小,表格的调整,按钮行为的调整等等!
连接是网页的灵魂。浏览者在浏览网页时,单击网页设置的超级连接可以跳转到相关页面,所以一个好的网页是离不开连接的。
六、发布站点站点的发布
网站发布就是把网站上传到因特网上,以提供浏览者浏览。上传之前必须检查你的域名和主页空间的申请情况,以及网页和站点的连接情况等。建议大家最好安装IIS,本站内都提供了iis5.01、iis6.0、iis5.0的安装程序。
上传软件一般都使用用FTP,上传到服务器中申请的域名下(具体要看看你申请空间时,人家给你的开通信啊!),上传软件一般有CuteFTP、LeadFTP等站点的维护
站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,让网站与时俱进。
网页设计制作详细流程
现在网页制作的方法如下:
但是总的概括起来,制作网站不外乎两个,一个是传统网站建设,另一个是新型自助建站。自助建设网站更快捷有效!
这里要介绍的是通过通过最简单的方法,快速的制作出网页来。
1、选用自助建站平台,有的自助建站平台是提供免费空间和网站域名的,选用这种建站平台可以简化网页制作的步骤,使得过程更为简单。只要注册一个账号,就可以开始制作,平台的话可以在度娘中搜索。
2、登录自助建站系统,点击创建网站,然后根据提示开始进行网页制作,这里可以选择空白的网站模板进行设计,也可以选择现成的网站模板作为基础进行修改。
3、对网页添加功能模块,自助建站平台的会提供各种网站模块和功能设置,例如图文模块、产品模块等,至于网站功能则有在线投票、在线留言等多种使用功能。
4、网页标题、页面优化设计,自助建站的网站设置栏目中,新手自己可以设定网页的标题,同时如果有优化需要的,可以在优化一栏中设计页面的关键词、描述等。
5、整个网页都做好以后,只要点击保存按钮,页面就做好了,新手只要对页面进行宣传,并将网页提交到搜索引擎,一旦页面被收录,那么访客将会更容易找到你的网页。
资料拓展:
网站的分类:
1、根据网站所用编程语言分类:例如asp网站、php网站、jsp网站、Asp.net网站等;
2、根据网站的用途分类:例如门户网站(综合网站)、行业网站、娱乐网站等;
3、根据网站的功能分类:例如单一网站(企业网站)、多功能网站(网络商城)等等。
4、根据网站的持有者分类:例如个人网站、商业网站、政府网站、教育网站等。
5、根据网站的商业目的分类:营利型网站(行业网站、论坛)、非营利性型网站(企业网站、政府网站、教育网站)。
1、门户类:门户(portal)。原意是指正门、入口,现多用于互联网的门户网站和企业应用系统的门户系统。门户网站多以php网站居多,php相对其他语言来说比较节省资源。
2、个人类:个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站,个人网站通常使用虚拟服务器,网站类型多以博客和小型论坛为主。
3、WAP类:WAP(无线通讯协议)是在数字移动电话、因特网或其他个人数字助理机(PDA)、计算机应用之间进行通讯的开放全球标准。这一标准的诞生是WAP论坛成员努力的结果,WAP论坛是在1997年6月,由诺基亚、爱立信、摩托罗拉和无线星球(UnwiredPlanet)就共同组成的。
网页制作初级教程步骤分析
我们都知道一个网站整体美观度和用户体验感好坏和网页制作有着密不可分的关系,而当下很多网页制作者只考虑网站基本需求而忽视了设计感,那怎么可能做出一个好的网站呢?所以很多网页制作者就想通过网页制作初级教程来提升自己的综合水平,下面就网页制作初级教程步骤为大家做简要分析。
一、网站主题内容明确
在很多网页制作初级教程中第一步也是最重要的一个环节就是制作者必须要对网站主题内容的明确,因为只有当一个设计者对该网站的核心产品十分明确,才能确定网站的功能导向,整体的设计才能为此展开,并做好后期的用户体验。因此,网站主题一定要十分明确。
二、色彩搭配合理
合理的色彩搭配是网页制作初级教程中不可不提到的一个重要知识点。这主要是因为用户初次访问网站吸引用户的往往就是网站的色彩和板块内容,尤其人们对于颜色鲜明的网站映像和关注度会更高。因此,在进行网页设计时一定要把网站的色彩搭配一起考虑进去,这将决定用户是否会阅读网站,自身的网站是否有辨识度。值得注意的是,色彩搭配要讲究基本的美学,不是颜色越鲜艳就越突出,要结合产品和企业本身的文化。
三、情感设计
相信在不少网页制作初级教程中会出现情感设计这个关键词,这就要求网页设计师们在进行网页设计时要把自己的情感想法一起代入网页设计中,并且时刻关注用户的停留时长,访问网站的感受和体验,在通过这些数据反馈进行网页设计的重新细节调整。网页设计师只有不断做好网页的设计规划才能赢得更多的用户。
以上就是针对网页制作初级教程步骤分析的相关介绍,希望每个网页设计师在网页设计的过程之中,都能根据上述步骤进行相对应的调整,从而做出色彩鲜明具有企业特色的网页,这样才能不断被市场和用户接受,才能获得企业品牌推广和产品销量的不断提升。
网页制作
怎样制作自己的网页
问题一:怎么制作自己个人的工作室网站 自己注册个域名去买个空间然后找套开源程序就行了,这样自己的网站就起来了,个人工作室的网站属于企业站,找程序找企业站的就行!
问题二:我想制作一个简单的网页怎么做 1、先学习基本的HTML知识,了解大部分HTML标签的作用。
2、学习CSS,熟悉如何用CSS去控制HTML标签的样式。
3、自己试着做一些静态页面(运用HTML和CSS),看一些比较好的网站,模仿着做一下。
4、了解一下Web标准,明确怎么样的CSS才最标准,并开始在多个浏览器上去测试,让你写的静态页面在所有主流浏览器上都能够兼容。
5、当执行完上面几步,那么你对网页布局已经算熟悉了。可以开始了解JavaScript。
6、从最简单的JavaScript开始学起,熟悉语法、DOM,学会如何用JavaScript去操作HTML元素和CSS样式,这样才能实现动态。
7、对JavaScript熟悉到一定时候(自己觉得还算不错),就可以了解一些JavaScript框架(比如JQuery),你会发现原来有这么方便的东西(但不建议一开始就去使用JQuery)
8、开始熟悉一门后台语言,如PHP、ASP、ASP.NET、JSP等,如果你不熟悉后台语言,你就不能深入了解AJAX交互过程和原理
9、学习JSON、XML通信格式,了解一下如何让JavaScript和后台紧密结合,这样才能做出无缝的用户体验
10、深入了解JavaScript:因为你是想倾向于前端开发,所以必须深入了解JavaScript,对JavaScript原型链、作用域链、设计模式都深入研究。多参考成功的OOP设计模式,多研究框架源码:如jQuery、prototyp、Ext等,都有不错的研究价值。
11、深入研究浏览器原理,知道各浏览器解析DOM、样式和JS引擎的方式和大概过程,了解为什么样式和JS在不同浏览器下会有不同的表现。
就以上这些,你学习好之后,就算的上一个前端开发工程师了。
学习过程主要是:坚持、坚持、再坚持
问题三:如何制作自己网页的新闻资讯栏 后台如果设计的不是死的代码,可以通过后台栏目页将字体更改下就好了。实在不行就只能在网上找克维创想做了
问题四:怎么制作自己的网页简单点! 怎么制作自己的网页越简单越好
------------------------------供-
把你的word文档“另存为”网页文件,就很简单。
在百度只要查先关问题 就能连接到你的网页
---------------------------------------
那就需要你在网络上建设、开通自己的网站。只要你的网站、网页有人访问,以后就能在百度检索到你的网站、网页。
比如你检索“三更有梦”、“三更论坛”看看,前面的结果,都是我的网站。
======如何建设网站==========
1、下载现成的网站程序,或自己编制
2、首先在自己的电脑上调试、设置
3、购买网站空间、域名
4、把网站上传到自己的网络空间
调试的时候,需要使用IIS服务,也就是:Internet 信息服务
如果系统没安装这个组件,就要去检索下载。
当然,你也可以直接在自己的网站空间上调试、设置。
具体说下怎么做?那是说不清楚的,都是一门工程呢。
问题五:如何自己制作网站 下面我来说下怎么搭建自己的网站,主要包括以下几项:域名、空间或服务器或主机、程序源码、备案号
1,首先是要去注册一个自己的域名,百度输入域名注册,很多网站都可以。在这里,我看很多人刚开始做站,不想花钱,就想自己去申请免费的域名,我不这么认为是对的,因为现在免费的
域名多数都是二级的,甚至三级的,要么就是权重比较低的一些,域名这个是全球唯一的,越早申请越好,越短越好。你不如自己花钱申请一个自己的顶级域名,并且现在价格很低,只要一
年续一次费用就行。当然了,域名申请下来还是有时需要备案的这取决于你是否用国内的空间,建议刚开始做的先不备案,熟悉点之后再备案。
2,申请空间。说到空间,可能有人就说这个还要花钱啊,在这里,我想说的是,初学者可以先自己申请个免费空间,先试用着,等你熟悉这些流程之后再购买自己的空间。
3,下载程序,现在网上很多程序都是免费的,并且源码都是完整的,你完全可以去下载个适合你自己的,当然你要是会写的话就更好了,网上的很多程序虽然不是很完美,但是免费的
东西你想想要非常适合你的心意,人家也到喝西北风的时候了,所以要真想有完全适合自己的还是要花钱找人做的。
4,把你下载的程序上传到你申请的空间中去,做好域名解析和空间绑定等操作之后发布网站,这个时候就可以访问你的网站了。
最后,一个完整的网站就做好了,你要是想让更多人了解你的站,就需要涉及推广和优化了,如果实在是不懂这些,就请联系我们吧。
问题六:如何在网上做一个自己的网站? 做网站有很多形式,独立建站的话自然是需要专业的人来做,如果是你要求也不高那就可以做模板网站,现在好多网络公司都有这类产品了,付款后选择模板直接去添加数据就OK了
问题七:我想自己制作一个网站,怎么制作? 100分 1.设计并制作网站内容是一个完整网站的基础。通常我们需要根据网站的主题以及业务需要来确定网站的内容,同时利用相关工具进行页面的设计。基本的思路是,先根据需要设计一种统一风格的页面,然后使用相关网页制作工作进行实现。2.域名的申请注册:
域名用于实现IP地址的解析,以更加友好的方式实现记忆。通常情况下,域名需要经过申请注册并按期付费后,才能正常使用。当然也有免费的域名可供使用。
3.网站空间地址:
通过当网站内容比较多时,会占用很多空间,倘若我们将网站设置在本地计算机中,则无法另购网站空间。只要本地计算机处于开机运行状态即可。但是从常远角度来考虑,建议还是另购空间,然后将网站内容上传到其空间,从而保证整个网站良好的运行。
4.建设网站:
你需要会计算机的建站语言,如果不会没必要学,很麻烦,找个公司给你代劳就可以了,模板的不是很贵,定制开发的很贵。
5.网站的运营维护:
其实投资获利的核心之处就在这里,一个网站成功与否的关键也在这里。网站的内容需要不断更新,才能有更多的知名度,才能获取更多的利益。当然同时也要做好网站的维护工作,确保网站的正常运行。
6.网站的推广:
一个网站要想长期运行下去,是离不开推广的。更多时候我们采取相互挂链方式进入推广,当然也可以采用百度推广来获取更多的流量收入。另外也可以借用论坛、QQ群或其它高流量优势来推广自己的网站。待访问量小有成就时,收益自然就会滚滚而来。
希望能帮到您,请采纳一下吧,谢谢您,祝您生活愉快!!!
问题八:如何将制作好的网页放到网上 发布自己的网站:1.你要会做网页进而回做一个网站 不会做也没关系 你有就行2.申请一个自己的域名 就是通常说的网址 你可以这么理解 去服务商那申请 推荐 中国万网 最便宜的是CN域名 才几块钱3.有一个自己的服务器 会很贵 没有很多钱的话可以去网上租一个虚拟服务器 把自己的域名绑定到服务器上4.把你的网站上传到你的服务器上面 一般都是服务器上web文件夹或者webroot文件夹 再把域名解析到你的服务器IP上 解析域名的地方是你申请域名的服务商提供给你的5.就能在浏览器输入你的域名打开你自己的网站了 !如果你是做着玩的 就去申请个免费空间吧 会送你一个2级域名已经绑定好了的 5944 我目前发现的比较好的一个免费空间申请地方 没有广告和很多限制之类的
问题九:怎样给自己做一个网站?要具体步骤! 一般步骤如下:
1、总体规划你的网站
当你想建立你的网站是你一定已经在网上浏览过n个小时了,当看见别人的网上之家的时候,或者受朋友“到我的网页看看”的精神 *** 下,你开始产生网上建家的冲动了!但是这时候你并不知道你建网站的目的,你也不知道你该做成什么样的网页,“家里”该有些什么摆设。于是你应该静下来想一想,怎样规划你的网站。首先,你要有信心和知识。再次,你得有内容,网站应该有一个什么样的主题,别人来你的网页看什么。接着,你要组织你的网页了,它们该是什么结构,这种结构不仅要让访问者能感觉到你的风格,也要方便你自己维护网站。最后,构思出你的“引人入胜”的门面(Home Page)。
2、准备工具和材料
拿出扳手、电线、螺丝刀和......我们要制作网页了!安装好一种编写HTML语言的编辑器,你可以利用IE的frontpage,但是你应该有更好的,当然是Frontpage98了!Word一般的简易操作;支持Microsoft、Netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误;“所见就所得”,普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择:Hotdog;Pagemill;Homesite......随便你。有了编程工具就该准备你的网页素材了!文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作image map的工具Map This、中文字库也应该拿出来。
3、制作网页
当然要制作网页了!......于是你把网页制作好了!(以后再讲)
4、测试网站
网页做好了,链接做好了,测试工作必不可少。用Frontpage98的FrontPage web Server(WEB服务器)可以对你的网页进行测试,看看链接是否正确发现问题及时改正。
5、上传你的网页
申请到空间后,带上ftp工具上路了!如 cuteftp,先在site manage添上你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。开始连接主机,登录用户,打开右边允许你上传的目录,
把你要上传的东西都拖过去。注意:你的主页名应该是index;index或者default;default,按申请地方的要求来,还有就是文件名的大小写,unix主机可区分严格哟。上传后你就可以欣赏你的作品了,怎么样?兴奋吧!
6、宣传你的网页
网页做好了,也上传了。但现在没人知道,阀样宣传你的主页呢?当然是上聊天室,到处贴帖子,发E-MAIL通知好友,登录搜索引擎,用免费广告,同别人互相交换连接......
7、网站维护和更新
要想访问量大,你得经常更新你的网页,增加网页内容,并弥补网站存在的缺陷。
8 也可以去花点钱买一个,也很便宜~~~~~~~~~~~~~~~~~~
如何制作网页
一、整理规划。
网站建设的开始就应该有一个整体的战略目标,即确定站点的目标。
首先要有一个总的目标,这个网站到底是要做什么。有的要显示自己的设计水平,这就要求页面美观;有的是为了求职而设计的求职网站,这就要求提供足够的信息让别人了解你的工作能力;有的是要为用户服务,这就要求网站有较强的互动性,而本站建设之初的主要目的就是为了本人更好的学习网络知识,只是兴趣而已,本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的,webjx,大家都知道web译为网、网页、网络等,j是jiao的第一个字母,x是xue的第一个字母,其实本站是webjiaoxue的字母的缩写!当然大家申请注册域名时可以申请自己名字的拼音等!在这里不作过多介绍。
确定好目标之后,还要决定网站的目标观众。其中包括以下几种情况:
1.目标观众的访问速度。很多在线教育网站采用不同的软件制作在线课件,但是视频无论如何在现在是不适合目前中国浏览者的网络带宽,不过提高我们的网络带宽也是一种发展的趋势。
2.目标观众的计算机配置和浏览器版本。
我们在设计网页时,其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页,看看有没有发生变化。
3.插件问题。对于有些软件,比如Flash的插件,现在大部分浏览器都安装有这种插件了,如果网页上播放视频,那么就要考虑浏览器是否需要安装相应的插件,在这时最好在网站中说明并提供插件和播放器的下载。现在好多电影站都做的比较好,它们都提供播放器和插件的下载!
二、新建站点
规划好站点之后,就可以用专门的网页开发软件创建站点了。
在创建站点之前,我们应该首先在我们的磁盘上创建一个文件夹,用于存放站点内的所有资源,当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如:站点文件夹为myweb,子文件夹images用于存放站点内用到的图片,upfiles用于存放上传的文件,admin用于存放站点后台程序等等。创建站点在Dreamweaver软件中操作比较简单,本站也已经提供了相应的视频教程,如果您不熟悉可以去查看下。
刚建立起的站点是空的文件夹,用户首先要设计站点结构。制作专业网站之前要有一个详细的计划,这样虽然会花费一些人力和物力,但总比出现了问题之后再修改要好得多。
在网站规划中一个很重要的问题就是确定站点结构。设计站点结构,就得确定站点子栏目;设计站点结构,就得确定图片、多媒体文件的存放位置;设计站点结构,就得导航条。专业网站中,必须要有导航条。
三、收集资源
确定好站点目标和结构之后,接下来要做的就是收集有关网站的资源,其中包括以下资源:
1.文字资料:文字是网站的主题。无论是什么类型的网站,都要离不开叙述性的文字。离开了文字即使图片再华丽,浏览者也不知所云。所以要制作一个成功的网站,必须要提供足够的文字资料。
2.图片资料:网站的一个重要要求就是图文并茂。如果单单有文字,浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片,让浏览者能够了解更多的信息,更能增加浏览者的印象。
3.动画资料:在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多,所以建议大家应该学会Flash制作动画的一些知识。
4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。
四、布局页面
设计站点结构和收集了足够的资源之后,就可以开始布局页面了。在Dreamweaver中,可以通过以下手段进行排版:
1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的网页都放在一个大表格中,并且嵌套最好不要超过3层,因为如果你那样做了,浏览器解析的时间会增加了,那么当浏览者访问时速度就慢了。
2.利用层排版:层很适合形式自由的排版,现在WEB标准建议排版时抛弃表格,不过如果初学者学习利用层排版时还要学习其它好多相关知识,其中最重要的是CSS和Javascript,使用CSS来辅助层可以对网页实现排版,可以解决表格给我们带来的烦恼。如果你对WEB标准感兴趣,那么你就该好好的学习CSS了!
3.利用布局视图进行排版:在DreamweaverMX2004中有专门的布局视图,我们初学网页设计时可以使用它进行排版。
4.利用框架进行排版:它是一种用浏览器窗口,显示多个网页的形式,前几天记得有人在论坛中求,网页格式的课件,网页格式的课件大部分是用框架做出来的。
五、编辑文档与超级连接
经过上面的几个步骤之后,一切准备工作都已经就绪,现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。
插入到网页布局之后,文字都是同一种字号,同一种风格,同一种颜色;图片有大有小。所以这时就要对各种元素进行编辑了,例如,改变文本字体、字号、颜色、大小等,对图片进行大小,表格的调整,按钮行为的调整等等!
连接是网页的灵魂。浏览者在浏览网页时,单击网页设置的超级连接可以跳转到相关页面,所以一个好的网页是离不开连接的。
六、发布站点
站点的发布
网站发布就是把网站上传到因特网上,以提供浏览者浏览。上传之前必须检查你的域名和主页空间的申请情况,以及网页和站点的连接情况等。建议大家最好安装IIS,本站内都提供了iis5.01、iis6.0、iis5.0的安装程序。
上传软件一般都使用用FTP,上传到服务器中申请的域名下(具体要看看你申请空间时,人家给你的开通信啊!),上传软件一般有CuteFTP、LeadFTP等
站点的维护
站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,让网站与时俱进。
网页制作需要那些步骤
网站设计,包含的内容非常多。大体分两个方面:
一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;
另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。
这两方面相辅相成(感觉有点象写辨证论文:),加之网络技术的飞速发展,要提出一个绝对正确和权威的设计思路是不可能的,要想在一篇文章中概括出来也很难,所以,根据建设一个网站的思路,将自己几年来网站设计制作的心得整理成一个系列“讲座”,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:
1.定位你的网站主题和名称
2.定位你的网站CI形象
3.确定你的栏目和版块
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的窍门
8.色彩的搭配
9.效果与速度
10.替浏览者考虑
11.细微之处见功力
12.建设完成度与推出时间
13.交互性与亲和度
14.考虑不同的浏览器和分辨率
15.字体的设置和表格的嵌套
16.新技术的运用取舍
17.设计好你的banner和位置
18.语句文字——融入感情
19.对网站设计初学者的建议
以上是本“系列”文章的提纲,会根据实际撰写情况作些变动。我们开始之前,首先明确几个前提:
一.网站设计与网站制作。我们说网站“设计”而不是网站“制作”,它们的区别在于设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。
二.我们说的“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。
三.在文章中,可能举例说明或点评到某些具体站点。
定位你的网站主题和名称
设计一个站点,首先遇到的问题就是定位网站主题。
所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。
第1类:网上求职
第2类:网上聊天/即时信息/ICQ
第3类:网上社区/讨论/邮件列表
第4类:计算机技术
第5类:网页/网站开发
第6类:娱乐网站
第7类:旅行
第8类:参考/资讯
第9类:家庭/教育
第10类:生活/时尚
每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等,同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼了吧:)
对于题材的选择,我的建议是:
1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,我的一位网友KK希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;仔细了解了他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。
2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。
3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二第三名的印象则会浅得多。
OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了:)。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:
1.名称要正。这个“正”是自己的说法,其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
2.名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyondstudio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。
3.名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个人个认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。
总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的。
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
制作网页主要有以下一些工具
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
祝你成功。
你可以结合Dreamwaver和Photoshop来制作网页。
Dreamwaver可以到这里下30天试用版,不过要先登记一个免费帐号,product=dreamweaver
在网上有这方面的教程
(中国建站专家)
主页和个人空间
(中华网)
建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage
老实说这是别人告诉我的....设计模板
切割模板
制作html文件
网页制作方法
这个网站叫“一步一步教你创建自己的网站”你跟着做就行了。
一 基本概念
1 网页(Web Page)
网页就是(很难懂的概念,极其抽象,看得见摸不着),你为什么到互联网去,你在WWW上看到的就是网页。它是由HTML编写的文件,上面有贴图,有音乐,有、
2 主页(Home Page)
主页(Home Page)它是一个网页,是进入一个网站的开始画面,就同“瘟酒吧”的蓝天白云一样。也就是说,主页是一个网站的门面,要想设计出一个优秀的网站,就必须有一个“要让浏览者想不看都难”的主页,它必须引人入胜,能吸引每一个来访者的注意力,引发人们的好奇心,能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。
3 超级链接(Hyperlink)
超级链接是WWW的神经系统,它也是向导,把你从一个网页带到另一个网页,或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的,单击它就可以实现它的功能。
4 超文本(HyperText)
超文本是一种新的文件形式,指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合,超文本系统允许用户任意构造链接,通过Hyperlink来实现。
5 超文本语言(Hyper Text Markup Language)
超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言,它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。
网站的组织结构
上网的网虫一定觉得网络上内容丰富、信息繁杂,但你是否想过一个网站的组织结构。网页的组织结构有以下四种:
1、线性结构
这是网站最简单的一种结构,它是以某种顺序组织的,可以是时间顺序,也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构,复杂的结构也可以看成是由线性结构组成的。
2、二维表结构
这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表,如看课表一样。
3、等级结构
等级结构由一条等级主线构成索引,每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前,你必须完全彻底的理解你的网站内容,避免线性组织不严的错误,不方便浏览者。
4、网状结构
这是最复杂的组织结构,它完全没有限制,网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去,其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。
开始构造你的网站
1、总体规划你的网站
当你想建立你的网站是你一定已经在网上浏览过n个小时了,当看见别人的网上之家的时候,或者受朋友“到我的网页看看”的精神刺激下,你开始产生网上建家的冲动了!但是这时候你并不知道你建网站的目的,你也不知道你该做成什么样的网页,“家里”该有些什么摆设。于是你应该静下来想一想,怎样规划你的网站。首先,你要有信心和知识。再次,你得有内容,网站应该有一个什么样的主题,别人来你的网页看什么。接着,你要组织你的网页了,它们该是什么结构,这种结构不仅要让访问者能感觉到你的风格,也要方便你自己维护网站。最后,构思出你的“引人入胜”的门面(Home Page)。
2、准备工具和材料
拿出扳手、电线、螺丝刀和......我们要制作网页了!安装好一种编写HTML语言的编辑器,你可以利用IE的frontpage,但是你应该有更好的,当然是Frontpage98了!Word一般的简易操作;支持Microsoft、Netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误;“所见就所得”,普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择:Hotdog;Pagemill;Homesite......随便你。有了编程工具就该准备你的网页素材了!文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作image map的工具Map This、中文字库也应该拿出来。
3、制作网页
当然要制作网页了!......于是你把网页制作好了!(以后再讲)
4、测试网站
网页做好了,链接做好了,测试工作必不可少。用Frontpage98的FrontPage web Server(WEB服务器)可以对你的网页进行测试,看看链接是否正确发现问题及时改正。
5、上传你的网页
不对不对,你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多,回到我的主页 去吧,我收集了一些。申请到空间后,带上ftp工具上路了!如 cuteftp,先在site manage添上你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。开始连接主机,登录用户,打开右边允许你上传的目录,
把你要上传的东东都拖过去。注意:你的主页名应该是index.htm;index.html或者default.htm;default.html,按申请地方的要求来,还有就是文件名的大小写,unix主机可区分严格哟。上传后你就可以欣赏你的作品了,怎么样?兴奋吧!
6、宣传你的网页
网页做好了,也上传了。但现在没人知道,怎样宣传你的主页呢?当然是上聊天室,到处贴帖子,发E-MAIL通知好友,登录搜索引擎,用免费广告,同别人互相交换连接......
7、网站维护和更新
要想访问量大,你得经常更新你的网页,增加网页内容,并弥补网站存在的缺陷。
怎么制作自己的网页
“如何制作网页?”
你这个问题问的范围比较大,怎么说呢?其实,做网页和做网站是两个不同的概念。
1.做网页只需要使用一种专门制作网页的工具,按照正确的语法规则,加入文字、图片及FLASH小样,组合在一起,保存后构成一个漂亮的网页文件。
2.而做网站,是在你已经在做好网页的前提下,通过正常的途径在网上申请你喜欢的域名及空间服务商,通过ISP商给你的用户名及密码,将你事先制作好的网页上传到你申请的空间,然后,通过你申请的域名,就可以访问到你自己做的主页了,当然你也可以先申请域名及空间,然后再制作网页,但是这样做,事必会让很多网友无法正常访问你的主页,因为这个时候你的主页还没有完全做好,而域名及空间一直闲置在那里。所以最好按照我前面所说的步骤一步一步做。
3.具体制作网页的方法,在这里不能说的很清楚,必竟这里只是回答一些常见的计算机问题。其实,网上也有很多书籍及教程,你可以下载后仔细学习一下,当然你也可以去书店买一本适合自己的图书,边学边练习,这样会更快的学会网页的制作。