网页制作与设计（网页制作与设计实训报告）

本篇文章给大家谈谈网页制作与设计，以及网页制作与设计实训报告对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、网页设计与制作要学些什么？
• 2、如何制作网页设计
• 3、网页设计与制作
• 4、网页设计与制作？
• 5、网页设计与制作学什么
• 6、网页设计与制作怎么学

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

1，网站前台:软件PHOTOSHOP+FLASH+DREAWEAVER

要掌握。脚本语言JAVASCRIPT，HTML,CSS

要会修改和编辑。

2，如果是考证的话，可以考电子商务师或软考电子商务设计师。

3，如果从事网站后台:PHP,C,MYSQL必需掌握，有此语法和C++类似。

具体培训要求如下:

NO.1

网页设计基础课

网站的发布条件,网站的CI形象设计,规划网站的栏目与版块,规划网站的目录结构和链接结构,制作页面效果图,制作Flash动画,切图,制作静态Web页面,添加程序,发布Web站点,推广和维护

NO.2

photoshop图形图像处理软件培训

图像处理基础知识,颜色模式、色彩基本常识,色相对比、色彩搭配技巧,菜单栏,工具箱,工具选项栏,调板,画面窗口

NO.3

FLASH动画设计软件培训

舞台,时间轴,图层,“属性”面板,动画设计原理与欣赏,“颜色”和“样本”面板,“库”面板,定义首选参数,新建和保存文档,测试影片,发布和导出影片,动画设计原理与欣赏

NO.4

Dreamweaver网页制作软件培训

站点目录的搭建,常用快捷键,插入动画

插入图片

插入视频,表格布局,表单制作,DIV+CSS,html,网页交互式特效

NO.5

毕业设计

结合之前所学习到的软件知识，要求学员能独立设计网页，编写前端网页代码;

网页三剑客培训课程详解

第一阶段:photoshop

图形图像处理-软件入门与进阶

软件入门与进阶

第一节

ps

cs3概论与工作界面

图像处理基础知识,颜色模式、色彩基本常识,色相对比、色彩搭配技巧,菜单栏,工具箱,工具选项栏,调板,画面窗口

第二节

ps

cs3

基本操作入门

新建文件,打开文件,存储文件,使用标尺、参考线和网格,字体安装

第三节

ps

cs3

选取图像

选区的基础知识,使用选框工具,使用套索工具,使用魔棒工具,选区的相加、相减和交叉

第四节

ps

cs3

图像处理

图像的模式,图像和画布的大小,旋转画布和裁剪图像,调整色阶,调整曲线,调整色彩平衡,调整色相/饱和度,调整亮度/对比度,复制、粘贴、移动图像

第五节

ps

cs3

使用绘图与图像编辑工具

画笔工具,图章工具,填充工具

第六节

ps

cs3

案例教学一

绘制卡通人物并上色,熟悉快捷键

第七节

ps

cs3

使用绘图与图像编辑工具

画笔工具,图章工具,填充工具

第八节

使用路径

形状工具,路径面板,钢笔工具,制作路径文字

第九节

ps

cs3

使用绘图与图像编辑工具

画笔工具,图章工具,填充工具

第十节

ps

cs3

案例教学一

绘制卡通人物并上色,熟悉快捷键

第十一节

ps

cs3

使用绘图与图像编辑工具

画笔工具,图章工具,填充工具

第十二节

ps

cs3

案例教学一

绘制卡通人物并上色,熟悉快捷键

第二阶段:photoshop

图形图像处理-软件提高

软件提高

第十三节

通道

通道使用原理,通道使用技巧

第十四节

通道综合运用

扣婚纱图片,扣复杂图像

第十五节

滤镜工具的操作

滤镜工具的操作

第十六节

滤镜的使用案例

滤镜的使用案例

第十七节

案例教学四

滤镜和通道的混合使用

第十八节

案例教学五

利用位图和混合模式制作创意电脑桌面

第十九节

制作GIF动画

Ⅰ

动画面板,动画制作原理,简单的QQ表情图片头像制作

第二十节

制作GIF动画

Ⅱ

制作创意广告条,用广告图做GIF动画

第二十一节

制作区域框和分隔线

制作区域框,制作分隔线,制作虚线

第二十二节

制作复杂边框

制作复杂边框

第二十三节

制作文字为主的按钮

制作背景,制作时尚渐变图案,添加文本

第二十四节

制作图文结合的按钮

制作背景,绘制图案,添加文本

第三阶段:photoshop

图形图像处理-综合实例

综合实例

第二十五节

网页设计布局规范与色彩平衡

网页设计布局规范与色彩平衡

第二十六节

网页设计草稿图

规划网站版面

网页设计草稿图

规划网站版面

第二十七节

设计网站标志

和确定基准色

设计网站标志

和确定基准色

第二十八节

设计企业营销型网站首页

I

设计企业营销型网站首页

I

第二十九节

设计企业营销型网站首页

Ⅱ

设计企业营销型网站首页

Ⅱ

第三十节

设计企业营销型网站首页Ⅲ

设计企业营销型网站首页Ⅲ

第三十一节

设计企业营销型网站内页模版

设计企业营销型网站内页模版

第三十二节

设计企业营销型网站末页模版

设计企业营销型网站末页模版

第三十三节

设计企业营销型网站新闻列表页

设计企业营销型网站新闻列表页

第三十四节

设计企业营销型网站产品列表页

设计企业营销型网站产品列表页

第三十五节

设计企业营销型网站表单登陆页

设计企业营销型网站表单登陆页

第三十六节

设计企业营销型网站水平广告条

设计企业营销型网站水平广告条

第三十七节

设计企业营销型网站对联广告

设计企业营销型网站对联广告

第三十八节

课程结束，小结，提交设计作品

课程结束，小结，提交设计作品

第一阶段:Flash

动画设计-软件入门与进阶

软件入门与进阶

第一节

Flash

cs3界面介绍

舞台,时间轴,图层,“属性”面板,动画设计原理与欣赏

第二节

Flash

cs3

工具入门

“颜色”和“样本”面板,“库”面板,定义首选参数,新建和保存文档,测试影片,发布和导出影片,动画设计原理与欣赏

第三节

工具箱

I

绘图模型,使用铅笔和刷子工具,使用线条和形状工具

第四节

工具箱

Ⅱ

使用钢笔工具,使用选取和选区工具,定义边框和填充颜色

第五节

工具箱Ⅲ

定义渐变颜色,导入图像,设置和编辑位图,分离位图和将位图转换为矢量图,组合对象,处理对象

第六节

工具箱

Ⅳ

创建文本,定义文本的属性,拼写设置,分离文本

第七节

图形元件与按钮元件的实例

图形元件与按钮元件的实例

第八节

影片剪辑和影片剪辑实例

影片剪辑和影片剪辑实例

第九节

时间轴

帧

关键帧

空白关键帧

时间轴

帧

关键帧

空白关键帧

第十节

创建补间动画

创建补间动画

第十一节

创建形状动画

Ⅰ

创建形状动画

Ⅰ

第十二节

创建形状动画

Ⅱ

创建形状动画

Ⅱ

第二阶段:Flash

动画设计-软件高级应用

软件高级应用

第十三节

逐帧动画和引导线动画制作与实例

逐帧动画和引导线动画制作与实例

第十四节

使用声音

添加声音,控制声音的播放,压缩声音,补充工具:cooledit

pro

第十五节

遮罩动画

Ⅰ

遮罩动画

Ⅰ

第十六节

遮罩动画

Ⅱ

遮罩动画

Ⅱ

第十七节

制作网页Logo

制作残影文字Logo,制作滚动文字Logo,补充工具

swish

mx

第十八节

制作Banner

制作舞台Banner,制作下雪Banner,制作产品Banner,文字特效swish

第十九节

制作导航条

制作垂直导航条,制作横向导航栏,制作含有二级菜单的导航条

第二十节

制作Loading

Ⅰ

制作Loading的原理,制作百分比进度条的Loading

第二十一节

制作Loading

Ⅱ

制作逐渐显示的Loading,制作显示动画的Loading

第二十二节

制作节日广告

Ⅰ

制作背景动画,制作灯笼动画,制作爆竹动画

第二十三节

制作节日广告

Ⅱ

制作文本动画,完成动画

第二十四节

制作产品广告

制作汽车动画,制作遮罩动画,完成动画

第一阶段:公共课

第一节

网页概论

网页概论

第二节

熟悉界面

站点目录的搭建,常用快捷键,插入动画

插入图片

插入视频

第三节

表格布局

表格布局,插入表格,表格美化,表格细边框和网页表格布局

第四节

表单

表单设计,插入文本框,插入文本域,下拉菜单,下拉列表

第五节

框架结构

用于做网站的利器,在网页中嵌套框架页面

第二阶段:DREAMWEAVER网页制作-HTML

HTML

第六节

介绍HTML

语法

结构

书写标准

介绍HTML

语法

结构

书写标准

第七节

介绍常用HTML标签

介绍常用HTML标签

第八节

介绍

div

ul

li

ol

li

介绍

div

ul

li

ol

li

第九节

介绍

DL

DT

DD

介绍

DL

DT

DD

第十节

综合运用实例1

综合运用实例1

第十一节

综合运用实例2

综合运用实例2

第三阶段:DREAMWEAVER网页制作-CSS

CSS

第十二节

介绍CSS

语法

结构

书写标准

类,ID,标签选择器,使用规范

第十三节

介绍文本属性

文本布局,文字链接

第十四节

介绍背景属性

介绍背景属性

第十五节

介绍区块属性、边框属性

介绍区块属性、边框属性

第十六节

介绍方框属性

介绍方框属性

第十七节

介绍列表属性

1

介绍列表属性

1

第十八节

介绍列表属性

2

介绍列表属性

2

第十九节

定位属性

定位属性

第二十节

HTML

CSS

布局范例1

段落排版,图文混排

第二十一节

HTML

CSS

布局范例2

水平导航条,垂直导航条

第二十二节

HTML

CSS

布局范例3

一行一列布局,一行两列布局

第二十三节

HTML

CSS

布局范例4

多行多列混合排版

第二十四节

综合范例

1

综合范例

1

第二十五节

综合范例

2

综合范例

2

第四阶段:DREAMWEAVER网页制作-JS

网页特效

JS

网页特效

第二十六节

介绍JS语法

介绍JS语法

第二十七节

介绍JS语法

介绍JS语法

第二十八节

介绍DW行为面板

1

介绍DW行为面板

1

第二十九节

介绍DW行为面板

2

表单的验证

介绍DW行为面板

2

表单的验证

第三十节

介绍下拉菜单

1

介绍下拉菜单

1

第三十一节

介绍下拉菜单

2

对联和QQ咨询

介绍下拉菜单

2,对联和QQ咨询

第三十二节

介绍焦点图

1

介绍焦点图

1

第三十三节

介绍焦点图

2

介绍焦点图

2

第三十四节

介绍滑动门

介绍滑动门

第三十五节

无缝循环滚动

站外下载JS修改

无缝循环滚动

站外下载JS修改

如何制作网页设计

工具/原料

个人电脑

网页设计软件： 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

注意事项

本经验只是粗谈网页制作流程及所需工具及知识储备。要做网站的朋友请继续学习网站建设所需的知识，建设流程及注意事项。

以上就是如何制作网页设计流程，希望对大家有所帮助，谢谢阅读本篇文章!

网页设计与制作

网页设计与制作的实际需要出发，全面、系统地介绍网页设计与制作的基础知识、网页编辑软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4等内容，还提供了一个完整的网站规划、网页设计与制作的实例

全书共分6章

第1章介绍了网页设计涉及的基本概念、网站开发的技术层面及工具，并提供了一些典型的网页实例，使学习者具备一定的网页设计知识

第2章重点介绍HTML语言和JavaScript语言，使学习者能够掌握两种语言的代码使用方法，并能根据网页开发的需要，合理使用这些语言

第3章、第4章和第5章分别介绍了网页编辑软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4的基本使用方法和综合实例

第6章以一个完整的网站为例，详细介绍了网站规划、各页面的设计和页面制作的具体过程，其目的是通过实例的学习，综合运用所学知识设计并制作出精美的网页

网页设计与制作？

网页设计需要学习的知识很多，要学习绘图软件，编程代码，还要有一定的审美，毕竟你设计的网页是要放到网上，供大家看，网页设计不够美观，功能不全，是很难带来流量的。

网页设计是什么？

网页设计(web design，又称为Web UI design，WUI design，WUI)，是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计(服务网站B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计与制作学什么

网页设计与制作学什么如下：

1、html语言：一个优秀的网页设计师，必须要懂得html语言，这是我们学网页设计和网站开发的基础课，html语言虽说不懂的人看起来很难，但真正学起来还是很容易的。

2、javascript脚本：这个可能相对html语言来说，有点编程的意思了，但如果想做出特别的效果出来，也是必不可少的。

3、div+css样式：可以简化网页代码，使网页的打开速度提高，也使搜索引擎对网页的收录起到很好的作用，它可以使网页和样式分离，现在很多企业在招聘网页设计时，都要求会用div+css样式来布局页面。

数据库的学习，这个是有-定讲究的,学数据库和对应的语言是有一定关系的，像如果学access,我估计学的应该只有asp了，除非你把数据库都学了。

Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。

Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。

网页设计与制作怎么学

网页设计与制作的学法如下：

网页设计与制作学前端设计和后端开发。

以前会Photoshop和Dreamweaver就可以制作网页。随着时代的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。

Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。

通常情况下用户所看到的软件应用程序只是其中的一小部分，也就是说有一大部分的应用程序是看不到的。这部分我们在使用软件时看不到的这一大部分，就是我们常说的后端。

在大多数应用中，非用户接口代码比用户接口代码多得多。复杂系统是在后台发生的各种使其工作的逻辑。需要存储和检索数据，需要遵循业务逻辑和规则，并且需要对结果进行预测。所有这一切都发生在幕后。这些幕后的工作就是后端开发，而从事这项工作的人，就是后端开发人员。

关于网页制作与设计和网页制作与设计实训报告的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。