网页美工-网页视觉设计与实战项目全解析
网页美工-网页视觉设计与实战项目全解析

网页美工-网页视觉设计与实战项目全解析

普通游客 无权查看资源
有效期: 永久有效
更新日期: 2025-08-09

赞助会员 · 全站资源免费享

一次付费,终身受益,超5000位用户的选择

《网页美工》课程系统介绍网页界面设计的基础知识与实践技能,重点教授Photoshop等工具在网页视觉设计中的应用。课程通过五个实战项目,涵盖手机界面、汽车网站、登录页面、旅游网站及电商网站的设计与制作,帮助学员掌握图像处理、布局构图、色彩搭配及界面适配等核心能力,培养符合行业需求的网页美工设计人才。

视频课程目录:
1. 学习指南
2. 项目一:设计手机界面
3. 项目二:汽车网站页面设计
4. 项目三:网站登录页面设计
5. 项目四:旅游网站页面设计
6. 项目五:商品销售网站综合设计




├─{01}--《网页美工》学习指南
│ (1.1)--1-2021级软件技术专业人才培养方案.doc
│ (1.2)--2网页美工课标.doc
│ (1.3)--网页美工进度计划(2021).xls
│ (1.4)--《网页美工》考核方案(混合式).doc
│ [1.5]--《网页美工》课程概述.mp4

├─{02}--项目一设计手机界面
│ │ #2.1#--图文.pdf
│ │ #2.8#--图文.pdf
│ │ (2.1)--项目学习任务(1).doc
│ │ (2.2)--项目一任务1课前预习.doc
│ │ [2.1]--项目一简介.mp4
│ │
│ ├─{02}--任务1图像处理基础知识与Photoshop的工作界面
│ │ │ (2.2.1)--项目一任务1课前预习(1).doc
│ │ │ (2.2.3)--项目一实训任务书1.doc
│ │ │
│ │ └─{02}--知识点
│ │ #2.2.2.1#--图文.pdf
│ │ #2.2.2.2#--图文.pdf
│ │ #2.2.2.3#--图文.pdf
│ │ #2.2.2.4#--图文.pdf
│ │ [2.2.2.1]--2矢量图与位图.mp4
│ │ [2.2.2.2]--3色彩模式.mp4
│ │ [2.2.2.4]--1工作界面.mp4
│ │
│ ├─{03}--任务2绘制手机外壳
│ │ │ #2.3.5#--图文.pdf
│ │ │ (2.3.1)--项目一任务2课前预习.doc
│ │ │ (2.3.3)--项目一实训任务书2.doc
│ │ │ (2.3.5)--拓展训练1.doc
│ │ │
│ │ └─{02}--知识点
│ │ #2.3.2.2#--图文.pdf
│ │ #2.3.2.3#--图文.pdf
│ │ [2.3.2.1.1]--图层的概念与分类.mp4
│ │ [2.3.2.1.2]--图层的创建、删除、重命名.mp4
│ │ [2.3.2.1.3]--图层的不透明度.mp4
│ │ [2.3.2.2]--矩形选框工具.mp4
│ │ [2.3.2.3.1]--扩展、收缩选区.mp4
│ │ [2.3.2.3.2]--创建边界选区.mp4
│ │ [2.3.2.3.3]--羽化选区.mp4
│ │ [2.3.2.3.4]--移动选区.mp4
│ │ [2.3.2.4]--外壳.mp4
│ │
│ ├─{04}--任务3绘制手机屏幕
│ │ │ (2.4.1)--项目一任务3课前导读.doc
│ │ │ (2.4.2)--项目一任务3.doc
│ │ │ (2.4.3)--项目一实训任务书3.doc
│ │ │ (2.4.5)--拓展训练2.doc
│ │ │
│ │ └─{02}--知识点
│ │ (2.4.2.1)--标尺.doc
│ │ (2.4.2.2)--参考线.doc
│ │ (2.4.2.3)--图层.doc
│ │ (2.4.2.4)--移动工具.doc
│ │ (2.4.2.5)--自由变换.doc
│ │ [2.4.2.4]--移动工具.mp4
│ │ [2.4.2.5.1]--自由变换的基本操作.mp4
│ │ [2.4.2.5.2]--自由变换操作.mp4
│ │ [2.4.2.6]--6置入手机屏幕.mp4
│ │
│ ├─{05}--任务4绘制手机上的功能键
│ │ │ #2.5.5#--图文.pdf
│ │ │ (2.5.1)--项目一任务4课前导读.doc
│ │ │ (2.5.2)--项目一任务4.doc
│ │ │ (2.5.3)--项目一实训任务书4.doc
│ │ │ (2.5.5)--拓展训练3.doc
│ │ │
│ │ └─{02}--知识点
│ │ (2.5.2.1)--撤销操作与历史面板.doc
│ │ (2.5.2.2)--椭圆选框工具.doc
│ │ [2.5.2.2]--椭圆选框工具.mp4
│ │ [2.5.2.3.1]--图层的编组与取消编组.mp4
│ │ [2.5.2.3.2]--图层的对齐与分布.mp4
│ │ [2.5.2.4]--6绘制手机功能键.mp4
│ │
│ └─{06}--任务5绘制手机上的程序图标
│ │ (2.6.1)--项目一任务5课前导读.doc
│ │ (2.6.2)--项目一任务5.doc
│ │ (2.6.3)--项目一实训任务书5.doc
│ │ (2.6.4)--拓展训练.doc
│ │ [2.6.4]--猴宝宝.mp4
│ │
│ └─{02}--知识点
│ (2.6.2.1)--多边形选框工具.doc
│ (2.6.2.2)--选区的布尔运算.doc
│ [2.6.2.1]--套索、多边形、磁性套索工具.mp4
│ [2.6.2.2]--选区运算.mp4
│ [2.6.2.3.1]--7绘制手机程序图标2(1).mp4
│ [2.6.2.3.2]--微信图标.mp4

├─{03}--项目二汽车网站页面的设计
│ │ #3.11#--图文.pdf
│ │ (3.1)--项目二简介.doc
│ │
│ ├─{01}--项目简介
│ │ #3.1.1#--图文.pdf
│ │
│ ├─{02}--任务1汽车网站页面的整体布局
│ │ │ (3.2.1)--项目二任务1课前导读.doc
│ │ │ (3.2.2)--项目二任务1.doc
│ │ │ (3.2.3)--项目二实训任务1.doc
│ │ │
│ │ └─{02}--知识点
│ │ (3.2.2.1)--网页界面的构成要素.doc
│ │ (3.2.2.2)--网页设计的相关流程.doc
│ │ (3.2.2.3)--网页设计的原则.doc
│ │ (3.2.2.4)--网页设计基础知识.doc
│ │
│ ├─{03}--任务2制作网站的Logo标志
│ │ │ (3.3.1)--项目二任务2课前导读.doc
│ │ │ (3.3.2)--项目二任务2.doc
│ │ │ (3.3.3)--项目二实训任务2.doc
│ │ │
│ │ └─{02}--知识点
│ │ (3.3.2.1)--标志设计.doc
│ │ (3.3.2.2)--魔棒工具.doc
│ │ (3.3.2.3)--缩放工具和抓手工具.doc
│ │ (3.3.2.4)--图层样式.doc
│ │ [3.3.2.2]--魔棒工具.mp4
│ │ [3.3.2.4.1]--添加图层样式、斜面与浮雕、描边、颜色叠加.mp4
│ │ [3.3.2.4.2]--渐变叠加、图案叠加、投影与内阴影.mp4
│ │
│ ├─{04}--任务3制作Logo中的文字效果
│ │ │ (3.4.1)--项目二任务3课前导读.doc
│ │ │ (3.4.2)--项目二任务3.doc
│ │ │ (3.4.3)--项目二实训任务3.doc
│ │ │
│ │ └─{02}--知识点
│ │ (3.4.2.1)--渐变工具.doc
│ │ (3.4.2.2)--文字工具选项栏.doc
│ │ (3.4.2.3)--文字输入工具.doc
│ │ [3.4.2.3]--输入点文字.mp4
│ │
│ ├─{05}--任务4制作菜单栏上的按钮
│ │ │ (3.5.1)--项目二任务4课前导读.doc
│ │ │ (3.5.2)--项目二任务4.doc
│ │ │ (3.5.3)--项目二实训任务4.doc
│ │ │ (3.5.4)--项目二任务4.doc
│ │ │
│ │ └─{02}--知识点
│ │ (3.5.2.1)--定义图案.doc
│ │ (3.5.2.2)--图层蒙版.doc
│ │ [3.5.2.3.1]--矢量蒙版与剪贴蒙版.mp4
│ │ [3.5.2.3.2]--快速蒙版.mp4
│ │
│ ├─{06}--任务5制作网站Banner--跑车效果
│ │ │ (3.6.1)--项目二任务5课前导读.doc
│ │ │ (3.6.2)--项目二任务5.doc
│ │ │ (3.6.3)--项目二实训任务5.doc
│ │ │
│ │ └─{02}--知识点
│ │ (3.6.2.1)--Banner简介.doc
│ │ (3.6.2.2)--画笔工具.doc
│ │ [3.6.2.2]--画笔与铅笔工具.mp4
│ │
│ ├─{07}--任务6制作网站Banner-变色的汽车
│ │ (3.7.3)--项目二实训任务6.doc
│ │ (3.7.4)--项目二任务6.doc
│ │ [3.7.2]--色彩调整命令1.mp4
│ │
│ ├─{08}--任务7制作网站主体内容—图标与文字
│ │ (3.8.3)--项目二实训任务7.doc
│ │ [3.8.2]--形状工具.mp4
│ │
│ └─{09}--任务8制作网站页脚和切片输出
│ │ (3.9.1)--项目二任务8课前导读.doc
│ │ (3.9.3)--项目二实训任务8.doc
│ │ (3.9.4)--项目二任务8.doc
│ │
│ └─{02}--知识点
│ #3.9.2.1#--图文.pdf
│ #3.9.2.2#--图文.pdf
│ #3.9.2.3#--图文.pdf

├─{04}--项目三网站登陆页面的设计
│ │ #4.9#--图文.pdf
│ │ (4.1)--项目简介.doc
│ │ [4.2]--网站色彩.mp4
│ │
│ ├─{01}--项目简介
│ │ #4.1.1#--图文.pdf
│ │
│ ├─{02}--任务1网站的整体布局与绘制背景素材
│ │ │ (4.2.1)--项目三任务1课前导读.doc
│ │ │ (4.2.3)--项目三实训任务书1.doc
│ │ │ (4.2.4)--任务1.doc
│ │ │
│ │ └─{02}--知识点
│ │ [4.2.2.1]--修复工具1.mp4
│ │ [4.2.2.2]--通道的基本操作.mp4
│ │
│ ├─{03}--任务2制作登陆信息
│ │ │ (4.3.3)--项目三实训任务书2.doc
│ │ │ (4.3.4)--任务2.doc
│ │ │
│ │ └─{02}--知识点
│ │ [4.3.2.1]--修复工具2.mp4
│ │
│ ├─{04}--任务3调整人物素材1
│ │ │ (4.4.1)--任务3.doc
│ │ │ (4.4.3)--项目三实训任务书3.doc
│ │ │
│ │ └─{02}--知识点
│ │ [4.4.2.1]--图像修饰工具1.mp4
│ │
│ ├─{05}--任务4调整人物素材2
│ │ │ (4.5.3)--项目三实训任务书4.doc
│ │ │ (4.5.4)--任务4.doc
│ │ │
│ │ └─{02}--知识点
│ │ [4.5.2.1]--图像修饰2.mp4
│ │
│ ├─{06}--任务5运用通道实现抠图
│ │ │ (4.6.1)--任务5.doc
│ │ │ (4.6.3)--项目三实训任务书5.doc
│ │ │
│ │ └─{02}--知识点
│ │ [4.6.2.1]--通道面板.mp4
│ │ [4.6.2.2]--创建alpha通道.mp4
│ │ [4.6.2.3]--通道抠图.mp4
│ │
│ └─{07}--任务6移动端页面适配
│ │ (4.7.1)--项目三任务6课前预习.doc
│ │ (4.7.3)--项目三实训任务书6.doc
│ │
│ └─{02}--知识点
│ #4.7.2.1#--图文.pdf
│ #4.7.2.2#--图文.pdf

├─{05}--项目四旅游网站页面的设计
│ │ #5.6#--图文.pdf
│ │ (5.1.1)--项目4简介.doc
│ │ (5.1.2)--项目四简介(new).doc
│ │ (5.2.1)--项目四任务1.doc
│ │ (5.2.2)--项目四任务1(new).doc
│ │
│ ├─{01}--项目简介
│ │ #5.1.1#--图文.pdf
│ │
│ ├─{02}--任务1制作网站首页的页面结构
│ │ │ (5.2.3)--项目四实训任务书1.doc
│ │ │
│ │ └─{02}--知识点
│ │ #5.2.2.1#--图文.pdf
│ │ #5.2.2.2#--图文.pdf
│ │ #5.2.2.3#--图文.pdf
│ │
│ ├─{03}--任务2制作网站首页的内容区
│ │ (5.3.4)--项目四实训任务书2.doc
│ │ [5.3.2.1]--01-智能对象认识.mp4
│ │ [5.3.2.2]--02-智能滤镜学习.mp4
│ │ [5.3.3.1]--03-模糊滤镜(1).mp4
│ │ [5.3.3.2]--04-锐化滤镜.mp4
│ │
│ └─{04}--任务3制作网站客房子页
│ │ (5.4.3)--项目四实训任务书3.doc
│ │
│ └─{02}--知识点
│ [5.4.2.1]--色彩调整命令2.mp4

└─{06}--项目五网站综合设计:制作商品销售网站页面
│ #6.1#--图文.pdf
│ #6.7#--图文.pdf
│ (6.1)--项目五介绍.doc
│ [6.1]--购物网站简介(1).mp4

├─{02}--任务1制作网站首页
│ (6.2.1)--项目五任务1课前预习.doc
│ (6.2.3)--项目五实训任务书1.doc
│ [6.2.2]--首页背景制作.mp4

├─{03}--任务2制作商品中心页面
│ #6.3.2#--图文.pdf
│ (6.3.1)--项目五任务2课前预习.doc
│ (6.3.2)--制作过程.doc
│ (6.3.3)--项目五实训任务书2.doc

├─{04}--任务3制作商品客服中心页面
│ (6.4.1)--项目五任务3课前预习.doc
│ (6.4.3)--项目五实训任务书3.doc

└─{05}--任务4制作后台管理页面
(6.5.1)--项目五任务4课前预习.doc
(6.5.3)--项目五实训任务书4.doc


以上为简介部分内容,详细请成为会员后查看!


你可能想看:
网站运营多久了,会突然找不到吗?

首先站长持续更新很多年了,投入了大量时间以及资金,也是唯一生活收入来源,域名永远不会更换,有任何问题可以先加我QQ:89797497咨询,承诺保证每天更新从不间断。诚心经营,用时间说话。

本站提供的学习资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

购买会员后,我不想学习了可以退款吗?

学习资源属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、请您在购买获取之前确认好是您所需要的资源。如其它疑问联系客服QQ:89797497

课程都是最新的吗?后期还会不会更新?

课程都是站长花大量金钱以及投稿收集得来,课程都是全站最新发布的,一手更新货源,如有后期作者更新也会第一时间更新发布。请持续关注本站。

成为会员后会二次收费吗?

一次开通即成终身VIP会员不再以任何形式收取二次费用。

导航在这里!

所有功能都在底部导航栏哦~

全部分类

选择您感兴趣的分类,浏览相关资源

搜索资源

输入关键词,查找您感兴趣的内容

最近搜索

个人中心

查看和管理您的个人信息

新用户注册
验证码
已有账号? 立即登录
用户登录
验证码
没有账号? 立即注册

近期查看内容

  • 暂无最近阅读记录

资源下载

以下是您购买的资料链接

网页美工-网页视觉设计与实战项目全解析

链接已验证 · 有效期永久
网盘链接
使用指南
1

保存文件:方法一

点击打开按钮 → 在新页面保存文件 → 根据提示在浏览器中完成登录或注册操作 → 最终按浏览器提示打开或下载网盘APP。

2

保存文件:方法二

请您先点击复制按钮,之后打开网盘APP,系统会自动弹出窗口,点击窗口中的"保存"按钮即可存入您的网盘。

3

使用资源

文件保存成功后,您就可以轻松管理了:点击文件即可在线畅看,或者随心所欲地下载到您的设备上。

其它问题
链接失效怎么办?

如果遇到链接失效,请联系邮箱89797497@qq.com,我们会尽快更新链接并回复。

下载速度太慢怎么办?

网盘非会员下载速度可能受限,建议尝试使用官方提速功能或选择非高峰时段下载。

资源可以商用吗?

本资源合集收集于网络,均不可商用。