1. 首页>百科大全 > 百科

如何设计网页

作者:何龙林
2020-02-23
百科

如何设计网页

一、怎么自己制作自己的网页啊

自定义新浪博客各处模板: 1)改变BLOG标题大小的代码: 。

banner 。title td{font-size:36px;} 。

banner 。title td{FILTER: glow(color=#000000,direction=2);} 。

banner 。title td{color:#ffff66;} 。

banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 36px为标题文字的字体大小 #000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。 banner 。

title td{color:#ffff66;}表示标题文字的主颜色 banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。 ---------- 2)页面宽度的代码: 。

bodyTop{width:900px;} 。bodyBg{width:900px;} 。

bodyBottom{width:900px;} 。feeds 。

text{width:660px;} 。 label{width:20px;} 。

photo{width:200px;} 。callboard{width:200px;} 。

links{width:200px;} 。calendar{width:200px;} 。

sysBr180{width:200px;} 参数说明: 。 bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度。

。bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)。

。bodyBottom 指的是页面底部的宽度,其值最好是与上面相同 。

。feeds 。

text 指的是正文部分的宽度(也就是文章部分的宽度) 。 。

label 指的是面板的宽度(其值加正文宽度的值应略小于整个页面的宽度)。 。

photo 指的是形象照片面板的宽度(其值同上) 。 。

callboard 指的是公告栏的宽度(其值同上) 。 。

links 面板(也即最新留言、最新评论等面板)宽度(其值同上)。 。

calendar 日历的宽度(其值同上)。 。

sysBr180 这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。 width 后面的数字就是你要修改的宽度值,可根据自己的需要设置。

面板的宽度值大约为190左右;如果要改成全屏,整个页面总宽度约为995-996。 不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。

---------- 3)博客改变背景代码: 滚动的大背景代码: body {background:url("页面大背景图片地址") repeat scroll!important;} repeat 重复,当图片的大小不够的时候会以平铺显示 scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动 固定的大背景代码 body {background:url("页面大背景图片地址") repeat fixed!important;} fixed 固定,大背景不会因为你拉动滚动条而滚动 背景透明代码: body {background:#transparent) repeat scroll!important;} 使用说明: 找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了! ---------- 4)自定义博客各部分背景代码: 。 logo {background:url("题图上背景图片地址") no repeat no scroll!mportant;} 。

banner {background:url("题图下背景图片地址") no repeat no scroll!mportant;} 。 menu {background:url("题图下的菜单背景图片地址") no-repeat center;} 。

feeds 。up {background:url("正文标题栏上翻时的图片地址") no-repeat center;} 。

wn{background:url("正文标题栏下翻时的图片地址") no-repeat center;} 。feeds 。

function {background:url("正文摘要结尾处菜单的图片地址") no-repeat right;} 。 links 。

up {background:url("面板标题栏上翻时的图片地址");} 。 wn{background:url("面板标题栏下翻时的图片地址");} 。

links 。mid {background:url("面板的背景图片地址");} 。

photo 。mid {background:url(个人形象照片处的背景图片地址);} 。

label 。mid {background:url("自定义面板的背景图片地址");} 。

calendar 。mid {background:url("日历面板背景图片地址");} 。

callboard 。up {background:url("公告栏标题栏上翻时的图片地址");} 。

wn{background:url("公告栏标题栏下翻时的图片地址");} 。callboard 。

mid {background:url("公告栏背景图片地址");} 。 bodyBg {background:url("正文背景图片地址");} 。

bodyBottom {background:url("内背景页脚处图片地址,在翻页处下面一横窄条");} 。gbook 。

up {background:url("留言板标题栏上翻时的图片地址") no-repeat;} 。 wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;} 。

ge{background:url("正文文章页数图片地址") no-repeat center;} 。 re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;} 代码说明: 页面大背景(body) 指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。

题图上背景(logo) 是指所在的横长条的背景。 题图下背景(。

二、怎么制作网页

一 基本概念 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添上你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。 开始连接主机,登录用户,打开右边允许你上传的目录, 把你要上传的东东都拖过去。

注意:你的主页名应该是 m; ml或者 m; ml,按申请地方的要求来,还有就是文件名的大小写,unix主机可区分严格哟。上传后你就可以欣赏你的作品了,怎么样?兴奋吧! 6、宣传你的网页 网页做好了,也上传了。

但现在没人知道,怎样宣传你的主页呢?当然是上聊天室。

三、怎么制作自己的网页

这个得先具备制作网站的基础知识和电脑操作水平,网上有很多教程的。

你看看吧。 ★建设自己的网站较好的步骤☆ 必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。

所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行: 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的功能很强大,安装了它的朋友们可以研究研究。

四、怎样制作网页

一、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么(注:网站和网页的关系与区别就好比一本书和其中的一个页面的关系); 二、确定你的网页的阅读对象,就是你的网页是准备给那些人看的; 三、选择制作网页的工具软件,常见的有dreamweaver和office组件里面的frontpage,如果你是初学者,哪我建议你使用frongpage,因为这个软件的入门比较简单(当然功能也很强大),如果你会使用word的话,哪就可以很快作出网页的,如何你想作专业的网页制作人员,哪我建议你使用dreamweaver,目前的版本是XM,我现在就使用,很好用的,这个软件的好处是不怎么产生垃圾代码,并且支持各种代码的性能很好,基本上各种代码可以直接编辑。

四、如果你作好了页面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP账号,这个需要申请)。 五、找到发布空间以后,你需要把自己的网页上传到你的发布空间,这个需要一个上传软件,我推荐使用ACEFTP,这个软件体积小,速度快,注意我发现这个软件的2。

0中文版不能够正确使用,我建议使用1。31版。

六、制作网页需要的其他相关软件:ACDSEE,这个是查看图片的最好软件,也可以对图片作简单的处理,目前的版本是4。0,网上很多地方可以下载;另外如果你对图片需要复杂处理的话,哪最好选择使用PHOTOSHOP,目前的版本是7。

0,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对是比较难点的。 。

五、怎么制作网页

一个网站的成功与否与建站前的网站规划有着极为重要的关系。

在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。

网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。 网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。

网站规划书出应该尽可能涵盖网站规划中的各个方面,网站规划书的写作要科学、认真、实事求是。 网站规划书包含的内容如下: 一、建设网站前的市场分析 1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。

2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。 3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。

二、建设网站目的及功能定位 1、为什么要建立网站,是为了宣传产品,进行电子商务,还是建立行业性网站?是企业的需要还是市场开拓的延伸? 2、整合公司资源,确定网站功能。 根据公司的需要和计划,确定网站的功能:产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能,确定网站应达到的目的作用。 4、企业内部网(Intranet)的建设情况和网站的可扩展性。

三、网站技术解决方案 根据网站的功能确定网站技术解决方案。 1、采用自建服务器,还是租用虚拟主机。

2、选择操作系统,用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。

3、采用系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。 4、网站安全性措施,防黑、防病毒方案。

5、相关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。

四、网站内容规划 1、根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。 2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。 注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。

可事先对人们希望阅读的信息进行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容。 五、网页设计 1、网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合CI规范。

要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。 2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划,如半年到一年时间进行较大规模改版等。 六、网站维护 1、服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。

2、数据库维护,有效地利用数据是网站维护的重要内容,因此数据库的维护要受到重视。 3、内容的更新、调整等。

4、制定相关网站维护的规定,将网站维护制度化、规范化。 七、网站测试 网站发布前要进行细致周密的测试,以保证正常浏览和使用。

主要测试内容: 1、服务器稳定性、安全性。 2、程序及数据库测试。

3、网页兼容性测试,如浏览器、显示器。 4、根据需要的其他测试。

八、网站发布与推广 1、网站测试后进行发布的公关,广告活动。 2、搜索引掣登记等。

九、网站建设日程表 各项规划任务的开始完成时间,负责人等。 十、费用明细 各项事宜所需费用清单。

以上为网站规划书中应该体现的主要内容,根据不同的需求和建站目的,内容也会在增加或减少。在建设网站之初一定要进行细致的规划,才能达到预期建站目的。

六、我怎样制作免费网页

怎样制作网页 作者:佚名转贴自:本站原创 一、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么(注:网站和网页的关系与区别就好比一本书和其中的一个页面的关系); 二、确定你的网页的阅读对象,就是你的网页是准备给那些人看的; 三、选择制作网页的工具软件,常见的有dreamweaver和office组件里面的frontpage,如果你是初学者,哪我建议你使用frongpage,因为这个软件的入门比较简单(当然功能也很强大),如果你会使用word的话,哪就可以很快作出网页的,如何你想作专业的网页制作人员,哪我建议你使用dreamweaver,目前的版本是XM,我现在就使用,很好用的,这个软件的好处是不怎么产生垃圾代码,并且支持各种代码的性能很好,基本上各种代码可以直接编辑。

四、如果你作好了页面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP账号,这个需要申请)。 五、找到发布空间以后,你需要把自己的网页上传到你的发布空间,这个需要一个上传软件,我推荐使用ACEFTP,这个软件体积小,速度快,注意我发现这个软件的2。

0中文版不能够正确使用,我建议使用1。31版。

六、制作网页需要的其他相关软件:ACDSEE,这个是查看图片的最好软件,也可以对图片作简单的处理,目前的版本是4。0,网上很多地方可以下载;另外如果你对图片需要复杂处理的话,哪最好选择使用PHOTOSHOP,目前的版本是7。

0,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对是比较难点的。 | 。

七、如何制作网站怎么做又怎么设计

先想要自己想要的网站具体有哪些功能,要什么风格,面向对象是谁, 然后找一个好的网站开发公司,跟他们讲清楚你的要求,必要的话可以要求对方出一个网站开发方案,等双方洽谈好以后,就可以让对方开始进行网站开发,可发过程中对方可能会需要你提供一些必要的资料,比如产品信息,图片等。

开发基本完成后你可以要求对网站进行测试以及修正意见。在此期间你还可以想好一个中意的域名进行注册。

等网站彻底开发完成后,你需要找一个好的网站空间,或者租一个服务器,然后将你的网站上传到空间/服务器,挂接上域名,网站就可以正常访问了 另外,去下载网站系统可以先熟悉熟悉,比如pageadmin网站系统、动易系统这些都使用很简单的。制作网页的话,可以到这里看看: 网站制作学习网 数字中国 动态网站制作指南 百科介绍。

推荐阅读
  • 努比亚z9max手机音乐效验

    该机拥有HIFI级音乐芯片,音乐效果不凡。具体体现在:1.音量调节,正常听音乐中高低音都是一个音量,而杜比音效能动态扩大某个音量。比如放打鼓声,杜比会及时提高低音加强鼓声。2.加强音域,杜比音效有开阔、集中、…

    百科 2024-09-20
  • 是atChristmas还是inChristmas

    此处该用“on”。在圣诞节正确表达应为 “on Christmas ”。有具体日期的,比如知道几月几日的都用“on” ;不知道日期,但知道年份和月份的用“in” ,知道具体时间,比如几点几分用“at”。…

    百科 2024-09-20
  • 个体工商户应交纳什么税

    纳税标准根据国家税务总局《个体工商户定期定额征收管理办法》文件精神 ,定期定额征收方式适用的税种及税率如下:1、根据《中华人民共和国增值税暂行条例》规定,自2009年1月1日起,小规模纳税人增值税征收率为3%…

    百科 2024-09-20
  • 材料成本差异率为负数是什么意思

    材料成本差异额,是指材料的实际成本和计划成本之间的差额。差异率负数表示节约差异,即实际成本比计划成本小。正数表示超支差异,即实际成本比计划成本大。…

    百科 2024-09-20
  • 塞翁失马焉知非福是什么意思

    比喻一时虽然受到损失,反而因此能得到好处。也指坏事在一定条件下可变为好事,反之亦然。形容人的心态,一定要乐观向上,任何事情都有二面性,不好的一面,有可能向好的一面转化。塞翁失马,焉知非福出自《 淮南子…

    百科 2024-09-20