×

怎么制作网页设计

怎么制作网页设计(网页设计流程)

hacker hacker 发表于2022-06-08 01:00:32 浏览17 评论3

3人参与发表评论

本文导读目录:
1、如何进行网站制作
2、怎样制作自己的网页及制作流程
3、怎么制作自己的网页?
4、怎样制作网页?
5、怎么制作自己的网页简单点!
6、怎样做网页设计
7、如何制作一个网页页面

如何进行网站制作

1、明确网站的目的、主题和名称

做网站要干什么,是选择展示型网站还是交易型网站?这个制作之前就要明确。主题要小而精:定位要小,内容要精。名称也要好记响亮。

2、确定网站的标志(logo)

就如同商标一样,标志是你站点特色和内涵的集中体现,看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容。

3、确定网站的标准色彩

网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。

4.确定网站的标准字体

和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般默认字体是宋体。为了体现站点的"与众不同"和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。

5、设计网站的宣传标语

宣传语可以说是网站的精神,网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的"味道好极了";麦斯威尔的"好东西和好朋友一起分享";Intel的"给你一颗奔腾的心"等等。

6、确定网站的栏目和目录结构

网站的题材确定后,收集和组织相关的资料内容并设计目录,目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。

怎样制作自己的网页及制作流程

请问是制作网页还是制作网站?制作网页很简单。制作网页首选 网站前端程序员的工作范围。需要学习 以下知识 但是不限制完全学会学全:必须学的知识:xhtml css 。辅助学习: js jq 目前 网站 这几年 都在使用 html5 。 html5 这里面包含 知识 css3 js ,三体合一 。学会这些知识,就可以制作网页了 。

当然在学习制作网页 还要学会 ,代码编辑器的 使用 。如果只是制作网页 而不是网站的话 ,有些代码不需要手工打 ,可以用 dreamweaver 网页编辑器。当然前提是 学会软件的使用。

制作网页 少不了图片 ,所以 图像 图像的 优化制作软件 也需要学习的。

现在说一下 制作流程 。可能每个人制作网页流程都不一样 。我只能说 我自己的。我一般都是用 Zend Studio 代码编辑软件 ,编辑代码。

第一步 在本地磁盘 上 创建一个文件夹 ,命名为网站的项目名称 。

第二步:在这个文件里面 创建3个文件夹, 分别是 img 图片文件夹 用来存放网页图片 ,js 文件夹 用来存放 js文件 。css 文件夹 存放css文件 。然后在创建一个 网页文件 命名为 index.html .

第三步 :用Studio打开这个index.html 开始编辑代码。 通常都是 先把网页的 轮廓和布局 搭建起来。

第四步:然后制作网页的 图形 ,有的人喜欢下把网页制作成一张图片 ,然后在把图片 切片。制作成网页。我是做一点,写一点。比如制作 头部 header ,我就先做头部 。一点一点往下做。

怎么制作自己的网页?

★建设自己的网站较好的步骤☆

必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行:

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的功能很强大,安装了它的朋友们可以研究研究。

怎样制作网页?

一、做好网站页面文件

二、申请域名(即网址:这个要花钱),有专门的网络公司卖域名

三、购买空间(即存放你网站文件的磁盘空间),有专门的网络公司卖域名,这个也要花钱

四、网络公司告诉你FTP地址:帐号及密码,你通过在IE地址栏里输入:FTP//地址。上传你做好的网页文件,即可输入通过你购买的域名来访问了

五、需要在互联网信息中心备案,备案地址:http://www.miibeian.gov.cn/,也可以要求你购买空间的网络公司帮你备案。

以下是做整个网站的步骤

网站制作步骤基本为:设计、切割、代码生成、发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。

1.设计

进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有Adobe

Photoshop、CorelDraw、Macromedia

Fireworks等。Photoshop是平面设计的大拿,笔者也一直用它做页面设计,它从6.0版开始特别增强了对网页制作的支持,显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手,由于它与Dreamweaver及Flash无缝集成,越来越受到网站制作人的欢迎。

2.切割

做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如Photoshop中提供的切片工具),不需要专门的软件来处理。

3.代码生成

这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知,HTML语言是一种标记型语言,不须要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为,但是很耗时间,而且很难精确地控制格式。这时,便该专门的HTML编辑软件出场了。

HTML编辑软件大体上可分为两类:一类是代码型,典型代表为Homesite、Hotdog等;一类是所见即所得型,典型代表为Frontpage。也有两者兼具的,就是大名鼎鼎的Macromedia

Dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。

说到Dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求,甚至还提供了ASP、PHP等脚本语言的代码提示。

4.发布

将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用FTP的方式,将文件上传到服务器。目前的网页制作工具基本上都有发布工具,可以通过各种方式发布你的页面,如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作

怎么制作自己的网页简单点!

一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些,会操作Word就会使用它。专业人士一般用Dreamweaver来做网页,用flash、firework等来美化网页,可以下载网页三剑客Dreamweaver、flash、firework去做。

二、使用记事本修改网页Html代码,不推荐使用Fontpage等网页编辑软件修改的原因是:很多网页格式如果用网页编辑软件打开就会变形,所以直接使用记事本修改网页Html代码是最简洁有效的方法。可以去下载强化的HTML工具更好,例如: UltraEdit。

首先需要了解一下网站的页面组成,网站一般包括以下几部分:

首页:网站的门面,如同公司的形象,特别注重设计和规划。

次页:网站的主要导航结构页面,讲究风格的一致性,并于首页呼应。

普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。

弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,一般用的很少。

各页面的设计技巧:

一、首页设计技巧

网站首页是企业网上的虚拟门面。一般来说,网站首页的形式不外乎有两种,一种是纯粹的形象展示型,这种类型文字信息较少,图像信息较多,通过艺术造型和设计布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力,能够努力挖掘企业深层的内涵,展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导,通过色彩、布局给访问者留下深刻的印象。另一种是信息罗列型,一般的大、中型企业网站和门户网站常用的方式,即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等,这种风格比较适合网站信息量大,内容丰富的网站,因为是以展示信息为主,这是的设计就要在细微之处体现企业形象,建议设计人员最好仔细阅读企业的CI手册,熟悉企业标志、吉祥物、字体及用色标准,在网站的局部体现出来,往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象,从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

网页设计时注意事项: 1.不要花哨。 2.要有风格,要突出行业的特点。比如娱乐业热烈活泼些,政府网站则要庄重些;收藏书画业要古朴典雅,策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以,不要太长,会影响网页打开的速度。如果内容实在太多,应该分作几个页面,或者分为几个二级栏目。

怎样做网页设计

一、准备知识,包括学会使用各种网页制作的工具软件。

二、认真思考自己要做的网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求:

1.简洁性:能让浏览者一目了然,不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题:一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性:一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说:只有被需求才能生存。

三、搜集资料,比如网页中可能要用到的图片,文字及其它内容。善于使用搜索引擎如百度,谷歌,来查询自己所需的资料。

善于使用网络上已有的信息及内容,比如一些开源的代码等。(网络是一个大杂烩,各种信息鱼目混珠,各色人物鱼龙混杂,要学会辨别。)

四、关注自己所制作网页的内容与社会时代的相符性,及时更新网页版面。

五、将目光放长远,不断学习。如果你要学习网页建站代码的知识,你来这个群一起来学习。这个的第一组数字是431。第二组的数字是011,第三组的数字是879。就是这三组数字结合起来就可以进来学习了。每天都有网页代码建站的课程知识。如今互联网的发展极其神速,各种技术日新月异。只有不断的学习进步,才能跟得上时代的潮流,你的网站才能立于不败之地!

【学习网页建站需要掌握的软件】

1.DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

2.Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

3.flash 、photoshop

flash是动画设计软件,photoshop是图片处理软件,这些图片设计处理软件也属于常用的网页制作软件。为了丰富网页的内容,增加网页美观性,网页制作中经常还需要应用各种图片,这些图片需要用专门的图像处理软件来设计。

学习Dreamweaver、flash、fireworks、ps等软件综合运用,让创意为用户服务,培养学员独立思考、创作的良好习惯和先进的设计理念,培养创新型网页设计师!

如何制作一个网页页面

如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ,Frontpage做,然后细节用Homesite,Hotdog修改,图片用Photoshop动画用fireworks ,Adobe ImageReady ,Flash然后申请空间,域名,大多数都是收费的,最后用软件上传就成了。

在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

1.网页顶端的标题“我的主页”是一段文字。

2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。

3.网页背景是一深紫红颜色。 构思好这个网页的结构,我们就可以开始制作了。

1

解决方法与步骤:

1.首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。

2

2.然后在创建新项目下面点击HTML,下面常用到的有javascrpt,和CSS样式。

3.进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。

2

4.使用插入栏:单击插入栏对象按钮选按钮,弹出“选择图像源文件”对话框,其余操作同上。

5.使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。

6.在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您„„”然后,利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。

5

7.在页面编辑器中按F12预览网页效果。 网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。

6

在很多时候,我们都需要html的静态页面代码,那么我们介绍一下静态页面的代码。

html/html:静态网页源代码首尾结构标记,代码内呈现网页所有内容

body bgcolor=背景色;/body:网页主体部分

title/title:标签内显示出网页台头的标题名,用于head/head标签之内

meta name=关键字 content=IT,教育,网络”:设定搜索关键字

群贤毕至

访客
北槐挽鹿 北槐挽鹿2022-06-08 07:21:15 | 回复 文件夹 存放css文件 。然后在创建一个 网页文件 命名为 index.html .第三步 :用Studio打开这个index.html 开始编辑代码。 通常都是
辞眸做啡 辞眸做啡2022-06-08 09:19:05 | 回复 avaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.
森槿妄愿 森槿妄愿2022-06-08 12:07:07 | 回复 x02”(网站简介等)。4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些