网页的设计与制作

1、学做网页设计与制作需要什么软件

需要Dreamwear 8或CS系列, Flash 8或Flash CS系列,fireworks, photoshop cs3另外也可以使用一些如JavaScript脚本编辑器等辅助软件.

2、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(2)网页的设计与制作扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

3、网页设计与制作

4、网页设计与制作要学些什么

如果说到网页设计与制作的话，学的东西很多，一般学习都是先学习制作基本的page(网页)，也就是学习用html语言，制作简单的网页，在这个过程中，所需要的素材你可以选择自己去设计，也可以在网上去找素材，当然，这个网页是你自己设计还是模仿，你自己选择，接着就进入动态交互的网站了，语言有什么asp、php、jsp、.net……还有既然是动态还要学习数据库access、MySQL……。没有什么最好的，asp+access是最简单的，一般以前的一些网站公司都喜欢用asp或.net建站，不过我跟人认为php应该是最实用的，对浏览器的兼容性也较好，现在用的比较普遍的就是php吧！所要用的工具：DW、flash、ps、fw。
第一、学习的是简单的html语言，找一本书去看去学习，学习制作静态的网页。
第二、数据库的学习，这个是有一定讲究的，学数据库和对应的语言是有一定关系的，像如果学access,我估计学的应该只有asp了，除非你把数据库都学了。
第二、学习动态交互网页的制作，就是上面所提到的一些语言，自己选择一个去好好学，还是书本去学习吧！
第三、应该是接触到用层替代表格之类的，也就是div+css，很多公司都会要求这个，具体我就不详说。
大致就这么多，设计跟制作是联系在一起的，你要是觉得你更喜欢设计，那可以选择做前台的，如果喜欢编程，那就后台程序了。电子商务交流群：122728032，技术交流群：207688693，如果还有什么需要了解的，可以加群，我是群主。希望能帮到你，给我加分哦！

5、网站设计与制作

第1章 网页制作概述
1.1 任务一：认识Web服务
1.2 Web服务原理实训
1.3 任务二：认识网站与网页
1.4 任务三：认识用网页制作工具
1.5 使用HTML制作网页实训
本章小结
练习题
第2章 网站开发与网页制作准备
2.1 任务一：Dreamweaver MX2004的工作界面
2.2 任务二：创建站点
2.3 任务三：网页的建立、打开、保存与预览
2.4 创建和发布一个简单的站点实训
本章小结
练习题
第3章 文本及其格式化
3.1 任务一：网页文本的录入及修改
3.2 任务二：文本及段落的格式化
3.3 文本及其格式化实训
3.4 任务三：项目列表的使用
3.5 创建列表实训
本章小结
练习题
第4章 处理图像
4.1 任务一：在网页中插入图像
4.2 任务二：设置图像的属性
4.3 图像操作实训
4.4 任务三：背景图像的设置
4.5 设置背景图像及创建图像热区实训
本章小结
练习题
第5章 超级链接
5.1 任务一：超级链接的建立
5.2 建立超级链接实训
5.3 任务二：更改链接的样式
5.4 更改超级链接的样式实训
5.5 任务三：管理超级链接
本章小结
练习题
第6章 表格
6.1 任务一：表格的创建及属性的设置
6.2 表格应用实训
6.3 任务二：表格调整
6.4 表格调整实训
6.5 利用表格进行网页首页的设计实训
本章小结
练习题
第7章 页面布局视图的使用
7.1 任务一：绘制布局表格和布避单元格
7.2 任务二：布局表格和布局单元格的基本操作
7.3 布局视图应用实训
本章小结
练习题
第8章 框架
8.1 任务一：框架和框架集的基本操作
8.2 任务二：设置框架和框架集的属性
8.3 框架应用实训
本章小结
练习题
第9章 层、时间轴与动画
第10章 模板、库和插件
第11章 表单设计
第12章 使用Dreamweaver MX建立动态站点

详细的去看看下面的网址

6、的网页设计与制作的吗

本书从网页设计与制作的实际需要出发，全面、系统地介绍网页设计与制作的基础知识、网页编辑软件Dreamweaver CS4等内容，还提供了一个完整的网站规划、网页设计与制作的实例。全书共分6章。第1章介绍了网页设计涉及的基本概念、网站开发的技术层面及工具，并提供了一些典型的网页实例，使学习者具备一定的网页设计知识。第2章重点介绍HTML语言和JavaScript语言，使学习者能够掌握两种语言的代码使用方法，并能根据网页开发的需要，合理使用这些语言。第3章、第4章和第5章分别介绍了网页编辑软件Dreamweaver CS4、网页图像处理软件Fireworks CS4和网页动画制作软件Flash CS4的基本使用方法和综合实例。第6章以一个完整的网站为例，详细介绍了网站规划、各页面的设计和页面制作的具体过程，其目的是通过实例的学习，综合运用所学知识设计并制作出精美的网页。
本书适合作为高职高专院校计算机、电子商务、多媒体等专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

7、网页的设计与制作

最直接的，在浏览器页面，文件，网页另存为，这样就可以得到该框架了，再进行内容编辑（dreamwave,frontpage等），即可。

8、网页设计与制作要学些什么？

php 跟mysql 和apache 加linux 系统是大多数企业的最佳选择，这门这些代码 都是开源免费的，而且不会涉及到任何版权

2net 大家懂得，MSsql 是要花钱买的，还有就是微软的系统，代码不公开，缺少自由，你想想就知道，微软漏洞那个是经常伤害我们脑经的事，服务器经常被挂马都不是新闻了。

3jsp安全性最好，性能也好，但是开发周期比较长些，因为网上公开的代码程序也少，用的人少就不多说了

9、设计与制作网页主要包括哪些方面

网页切图 选学
网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术，不少美工都具有切图的功底！不过，也不是所有的网页都需要切图！因此，切图的选学的，而且，没有追求的话，切的乱七八糟也没关系！

html标签的用法 必学
这个是必学的，毕竟页面还是html标签组成的！你要熟知大部分标签的用法！这个可以去w3school学习进阶！

css 样式和样式表 必学
css是目前网页设计中的主要角色！也是程序和美工的区别之一！css可以简单理解为美化！你可以使用他设置颜色，大小，边距，行距，字体，位置等等等....

浏览器兼容 选学
html页面最终要在浏览器中运行和查看！但是，不是所有的浏览器都遵循同一个标准，因此，你的页面在每个浏览器底下或多或少的都有一些不同！你要学会找到问题，解决问题！最大限度的保证在每个浏览器下看起来都差不多！

javascript & jQuery 选学
JS和JQ是两个不同的东西，js在网页中的主要作用就是网页“特效”了。比如滑动，展开收起，幻灯片等等~~团队细分中，html页面是由前端设计师制作的，网页设计师仅仅负责效果图的制作！但是，现在的网页设计师明显的需要具备多门“手艺”才能混，js是其中之一！

Action script 选学
AS是flash中的常用到的一种语言！主要是制作全flash网站或者flash+xml交互模块！ 如flash幻灯片，图表等~

学习建议：
目前的大部分html教程都是垃圾教程，是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串（还不能算是文章，只能算是一个字一个字组成的页面，因为连发布者都不知道里面写了什么）！个人建议，你最好下载几个chm格式的手册，如html手册，css手册等~备用查询，作为字典！我学习的时候是读的《Head First xHtml + css》，一周入门html+css！不过，学习肯定离不开勤学苦练！以下是我建议的学习方法：
1.认识标签，学会是使用h标题，p段落，ul列表，div元素，img插入，a链接
2.学会添加标签属性 class=“name”，id=“name”，table的相关属性
3.学会引入外部文件，<link /> <script src=""></script> <img src="" />
4.一个完整简单的html，严格按照html的结构制作一个纯html标签组成的页面，无样式，能区别出标题，列表，链接，段落
5.css学习入门：字号，边框，float浮动，clear清除浮动，background背景
6.页面模块划分：header,mian-body,footer 头部，内容，页脚
7.页面布局细分：三列，两列，四列，多列，【国字形、常字形】
8.html，css分离使用，在html引入外部css样式表
9.图片美化页面

大致以上几点，循序渐进！而且，尽量手写代码，使用记事本即可~因为，你要不断的去认识和书写一些常用的标签和拼写！【实际工作中，编辑软件都有代码提示功能，那仅仅是为了加速工作效率，但并不适合新手使用，否则，就懒惰了！不利于记忆和理解！】

10、网站编辑和网页设计与制作的区别

网站编辑，是网络时代的新兴职业。2005年，劳动和社会保障部公示了第三批的十种新行业中，“网络编辑员”名列其中。网站编辑工作有四大特点：超文本链接式编辑、全时化编辑、数据库化编辑、交互性编辑。然而，和传统媒体编辑一样，网络编辑时常也被人误解，或遭以偏见。
网站编辑，是网站内容的设计师和建设者，通过网络对信息进行收集、分类、编辑、审核，然后通过网络向世界范围的网民进行发布，并且通过网络从网民那里接收反馈信息，产生互动。网络编辑是指利用相关专业知识及计算机和网络等现代信息技术，从事互联网网站内容建设的人员。因此作为一名网编要有相应的计算机基础，敏锐的新闻传媒视野以及良好的互动和沟通技能。网站的更新及内容编辑是一个必不可少的环节，网站编辑更是对网站推广和网站优化有着重要的推动作用。

网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。