Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

网页设计(终身教育版)

Ningbo City College of Vocational Technology via XuetangX

Overview

本课程团队由三名教学经验丰富的教师组成,首先陈老师带领大家深入了解网站的开发流程以及整体规划,赏析优秀案例,回顾网页设计风格的历史演变以及展望其发展趋势。吴老师详细讲解网页设计的视听元素、版式设计及色彩应用,并使用Ps设计制作网页效果图。方老师实践教学Dreamweaver的软件操作,并讲授DIV+CSS的布局方法,以及介绍Js的相关功能模块的应用,从商业案例的讲解中贯穿设计软件的使用,引导学生不只是单纯学软件操作,更懂得设计软件的使用技巧与设计原理的完美融合。

本课程抛弃传统的《网页设计》以教授如何使用软件Dreamweaver来设计制作网页的教学模式,以项目载体的设计思路来开发课程,软件教学融入到项目制作中,并强调网页制作前的网站规划、页面布局、色彩设计等内容的重要性,也加强网页新技术新知识的补充,充分利用所建设资源进行线上线下课程的翻转学习。


Syllabus

  • 一、 基本概念
    • 1.1 网站的概念与开发流程
  • 二、网站的整体规划
    • 2.1 定位网站的主题和CI形象
    • 2.2 确定网站的栏目版块和目录结构
    • 2.3 确定网站的风格
    • 2.4 网页风格的发展趋势
  • 三、网页效果图设计制作
    • 3.1 网页界面的构成要素
    • 3.2 网页界面中的图形图像设计
    • 3.3 操作演示:网站logo设计制作
    • 3.4 操作演示:网站导航设计制作
    • 3.5 网页界面的色彩搭配
    • 3.6 操作演示:利用Ps为网页配色
    • 3.7 网站的首页设计
    • 3.8 操作演示:利用Ps制作网页效果图
  • 四、Dreamweaver软件操作
    • 4.1 Dreamweaver快速入门
    • 4.2 Dreamweaver制作首页
    • 4.3 表格布局
  • 五、CSS样式
    • 5.1 CSS样式规则
    • 5.2 CSS基础选择器
    • 5.3 CSS盒子模型
    • 5.4 CSS边框属性
  • 六、DIV+CSS
    • 6.1 DIV标记
    • 6.2 操作案例:DIV+CSS布局1
    • 6.3 操作案例:DIV+CSS布局2
  • 七、功能模块应用
    • 7.1 初识JavaScript
    • 7.2 JavaScript的应用
    • 7.3 操作演示:Lightbox的应用
  • 八、附加
    • 8.1 IFRAME框架

Taught by

Chen Wei, Fang Renfu, and Wu Ying

Tags

Reviews

Start your review of 网页设计(终身教育版)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.