网页设计与制作案例教程课后答案-网页设计与制作案例教程（Dreamweaver-courseware.ppt

《网页设计与制作案例教程(Dreamweaver-Courseware.ppt)》由会员分享，可以在线阅读。 更多《网页设计与制作案例教程（Dreamweaver-Courseware.ppt（29页珍藏版））》请登陆163图书馆搜索。

1. 第一章 网页设计与制作基础 网页设计与制作基础 w 1.1 学习任务：网页和网站基础知识 w 1.2 学习任务：网站开发的基本流程 w 1.3 学习任务：全面了解 Dreamweaver CS4w 1.4 学习任务：创建和管理本地站点 w 1.5 学习任务：HTML 标记语言基础 w 1.6 创建简单网页的应用示例 w 1.7 实践训练 1.1 学习任务：网页和网站的基础知识 学习任务：网页的基础知识w 学习任务要求： w 了解网页和网站，熟悉网页的基本要素和网页制作软件（Dreamweaver CS4）的工作环境。 w 掌握网站开发和网站创建与管理的基本流程，初步了解HTML标记语言的基本语法和结构1.1.1

2.网页和网站概述 网页和网站概述 网页 Web浏览 浏览网页时看到的文件称为Web网页，也称为网页，也称为网页、表格、视频、动画、表格、图像、文本，在网页中。 这些文档的主要元素采用超文本标记语言表示，其文件名一般以.html或.htm结尾，因此也称为HTML文档或超文本。 网站欣赏 新浪网站欣赏 洪恩在线网站欣赏 IBM网站 1.1.1 网页和网站概述 网页和网站概述 1.1.2 网页主要构成要素 编辑软件 编辑软件 静态网页编辑软件 静态网页页面编辑软件 1FrontPage2 Dreamweaver 网页图像和网页动画制作软件 网页图像和网页动画制作软件 1Photoshop2Firewo

3. rks3Flash1.2 学习任务：网站开发的基本流程 学习任务：网站开发的基本流程 网站开发的基本流程 网站开发的基本流程 网站设计是否成功，很大程度上取决于是否网站设计成功与否，很大程度上取决于设计者的策划水平。 取决于设计师的策划水平。网站策划包含很多内容，比如网站主题、网站栏目、结构、网站主题、网站栏目、结构层次、连接内容、配色、层次、连接内容、配色、网站网站标志、版面与文字图片、版式与文字图片等的使用 网站策划 网站策划 w 1 确定网站主题 网站策划 网站策划 w 2 目录结构设计 网站策划 网站策划 w 3 网页配色 4 网站网站Logo徽标链接到其他网站

4. 以及允许其他网站链接的徽标和门户。 w Logo最重要的作用是表达网站的理念，方便人们识别。 广泛用于网站的链接和推广。 w 标志设计原则：用简洁、象征性的视觉艺术来展示网站的形象和理念。 5 Layout 布局 w Layout 由于每个人的显示器分辨率不同表情包设计，同一页面的尺寸可能会出现640*480像素、800*600像素、1024*768像素等不同尺寸。 像素和其他不同的尺寸。 5 布局 布局w 布局布局就是将页面上的图片和文字以最适合浏览的方式排列。 布局就是将图片和文字以最适合浏览的方式排列在页面的不同位置。 不同的立场。 1、“T”型结构

5、版式 2、“口”式版式 3、“三”式版式 4、对称对比式版式 指页面上方为横向网站标志+广告横幅，左侧为主菜单，右侧显示内容。 由于菜单栏背景为深色，整体效果类似于英文字母“T”，因此被称为“T”形布局。 这是网页设计中使用最广泛的布局方法。 这种布局的优点是页面结构清晰卡通形象，优先级明确。 这是初学者最容易使用的布局方法； 缺点是规则死板，如果不注意细节和色彩，很容易变得“无趣”。 5.POP版式 1.“T”型结构版式 2.“口”型版式 3.“三”型版式 4.对称对比版式 “口”型版式：是象形术语，即通常有广告在页面的顶部和底部。 栏，左边是主菜单，右边是友情链接等，中间是主要内容。 这种布局的优点是充分利用布局，信息量大；

6、缺点是页面拥挤，不够灵活。 5.POP布局 1.“T”型布局 2.“口”型布局 3.“三”型布局 4.对称对比布局 v “三”型布局：多用于国外网站，国内不多。 特点是页面上有两个水平色块，将整个页面分为四个部分。 大多数色块都包含广告横幅。 5.POP布局 1.“T”型结构布局 2.“口”型布局 3.“三”字型布局 4.对称对比布局 对称对比布局：顾名思义，采用左右或上下对称的布局网页设计与制作案例教程课后答案，一半深一半浅的颜色，一般用于设计网站。 优点是视觉冲击力强； 缺点是很难将两部分有机地结合起来。 5.POP版式 1.“T”型结构版式 2.“口”型版式 3.“三”字型版式 4.对称对比版式 POP版式：引自广告术语网页设计与制作案例教程课后答案，意思是页面版式像宣传海报，以一张精美的图片作为页面的设计中心。 常用于时尚网站等。 优点明显、美观、有吸引力； 缺点是速度慢。 5.POP布局 1.2.3 网站制作 网站制作 1 收集资料 收集资料 2 主页设计 主页设计 3 引用图片 引用图片 4 网页布局 网页布局 5 网页背景 网页背景先大后小，先大后小先简单后复杂 先简单后复杂 家庭作业 w 1. 找出哪些网站使用哪种布局以及原因。 找到两个布局不同的网站。 w 2.评论其中一个网站的配色，并指出该配色的优缺点？