网页设计与制作_网页设计与制作教程
网页设计一般包含整站网页视觉方案，提供PSD或PNG格式的主要页面预览图，高级一点的还会给出标准配色表，风格设计指南（内含一般性风格设计规格：设计理念，留白间距，按钮样式，使用场景）等附件。大公司一般还有交互设计师，主要关注人机界面的易用性和用户友好性。前端开发负责将网页设计和互动设计的方案转换为可工作的HtmlCssjs文件。最后就是程序将网页做活。
如何制作网页设计
工具/原料 个人电脑 网页设计软件： FrontPage(简单易用，且高度符合IE浏览器支持设计);DreamWave(功能强大，设计成品支持众多浏览器); 图像处理软件：Photoshop 或Fireworks ;动画制作：Flash MX ; 知识储备： 基本网页常识; HTML知识 很简单，早期只用此制作网页，用记事本即可编辑，用浏览器打开后呈现网页内容; CSS知识 级联样式表(Cascading Style Sheet)简称“CSS”，通常又称为“风格样式表(Style Sheet)”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。CSS可以使人更能有效地控制网页外观。使用CSS，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 JavaScript等Web脚本知识 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，即Web脚本。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作; ASP或PHP等Serv脚本知识 ASP是Active Server Page的缩写，意为“动态服务器页面”，是Serv脚本。 ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互。属于服务端语言; PHP是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用; 方法/步骤 准备知识，包括学会使用各种前面提到的工具软件。 认真思考自己要做的.网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求： 1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。 2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。 3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。 搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。 善于使用网络上已有的信息及内容，比如一些开源的代码等。(网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。) 关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。 END 注意事项 本经验只是粗谈流程及所需工具及知识储备。要做网站的朋友请继续学习网站建设所需的知识，建设流程及注意事项。 以上就是如何制作网页设计流程，希望对大家有所帮助，谢谢阅读本篇文章!
网页制作有哪些软件
最简单的网页制作软件：其实我们完全可以利用办公软件来设计网页，只要网页内容不太复杂或只涉及静态网页部分时，我们只需要利用办公软件即可快速生成网页。具体做法，首先设计好页面，然后另存为网页格式即可。如果你是真心想学习网页制作、以后想朝着这个方向发展，那么你一定要来这个企鹅裙，前面前面是2九六，中间是5九一，最后面就是2九零，连起来就是完整的噢，来这里可以这里学习经验，得到专人解答，这样你可以成长的更快，期待你的加入！！MicrosoftFrontPage,是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。4CSSDesign:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。5Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。6PS（Photoshop）图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。
制作网页的软件有哪些
1、Flash：是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档；
2、Dreamweaver：简称“DW”，最初为美国MACROMEDIA公司开发 ，2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设；
3、Fireworks：是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。
如何编辑网页
步骤/方法 1、首先打开软件，我们看到界面如下，左边部分是选项部分，可以切换到各种设置。 2、我们选择“尺寸&声音”选项，进行相关的设置。长宽根据自己的需求进行设置，如果想插入背景音乐的话自己设置就可以了。 3、选择“背景&设置”，我们设置一下背景为渐变色，如果需要插入图片或者其他flash元素的自己设置就行了。 4、选择“选择&设置”，进行flash背景效果的选择，这里我选择了一个飘动的蒲公英。 5、选择“文字&图像”选项，我们编辑banner上显示的文字等元素。首先选择第一个网址，然后更改成百度经验的网址。 字体和文字的颜色可以点击下面的“编辑字体风格”进行编辑。 然后，我们改写第二行文字，把它改成“百度经验”我使用的是百度综艺体，字体和颜色设置好以后就切换到“选择&效果”选项卡，我们选择喜欢的文字效果。 切换到“位置”选项卡，我们可以调整文字在banner中的位置 分别切换到“网络链接”和“定时”选项卡，进行相关的设置 6、文本中选择第三行文字，改写成“为经验献计献策”然后设置好效果。这里选择了一个行星闪动的效果。其他项目设置可以参照上面的讲解。 7、选择“网站&链接”选项，进行相关设置 8、选择“发布&构建”选项，点击“发布”按键输出自己设计好的flash banner。 9、弹出输出格式选择对话框，我们选择swf格式，点击“确定” 10、弹出“保存”对话框，我把这个banner命名为1，保存。 11、保存完毕以后，主界面显示红色提示语，告诉我们怎么正确使用这个banner。好了整个flash banner的制作就算是完成了。
