网页设计与制作(网络传播).doc

网页设计与制作学习要点（详细说明请参考课本） 理 论课 程名 称 网页设计与制作 章 节名 称 第一章 网页基础知识 学习 要点 WWW和网页的基本概念、网页的基本构成、网页的制作流程、网页设计的原则、dreamweaver的使用基础 万维网WWW 在WWW中，所有的信息以多媒体形式传送，包括：文字、声音、图形、图像、动画、影音等，并且可以同步出现。它以网页（Web Page）为载体，用户通过浏览网页来获取各种信息。 WWW由客户端和服务器端组成。在WWW的服务器中可以存放网页，并根据请求将这些网页传送到客户端，而WWW的客户端程序（即浏览器）则负责显示网页。 网页的基本构成 文字：网页发布信息的主要形式。常用宋体、12px左右。 图像：分为背景图、Logo、Banner和交互按钮。 超链接：网页中最重要、最根本的元素之一。链接的标志有文字和图形两种。 表格：网页排版的灵魂。表格内可以包含文本、图形、动画、表单等。 表单：网页的交互功能通常有表单来处理，是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形提交表单后，数据会传送到服务器。 事件与行为：事件是指用户执行的动作；行为是对事件的响应，指明发生该事件时希望程序执行什么任务。 动画：GIF动画和Flash动画。 框架：网页的一种组织形式。 音频：WAV、MP3、MIDI…… 视频：RealPlayer、MOV、MPG、AVI 交互：Internet区别于其他，媒体的一个重要标志。 网页的基本结构 html head 首部元素、元素属性及基本内容 /head body 主题元素、元素属性及基本内容 /body /html 网页的制作流程 整体规划——资料收集——伪界面设计——制作html界面——测试网页——发布网站 网页的设计原则 确定网页主题 制作网页之前，首先要确定网页的主题。主题要小而精，网页设计的内容切勿过广。主题一般反映在标题上，标题名称要合情合理，易记有特色。 网页的文字 选择和配置网页的色彩 色彩要鲜明、色彩要独特、色彩要合适、色彩要有联想性、页面中各处用色要搭配恰当 网页版设和布局 网页布局类型： “同”字型结构布局：指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧是二级条目，右侧为链接栏目条，中间为显示的具体内容布局。 “国”字型结构布局：在“同”字型布局上发展而来的，页面下方增加一横条状的菜单或广告。 T字型结构布局：指页面的顶部“网站标志+广告条”，左面是左菜单，右面是主要内容。优点是页面结构清晰，主次分明。 “三”字型结构布局：页面有横向两条色块，将页面整体分割为三部分，国外网站用的较多。 界面设计原则 导航栏的设计要直接而明确，并最大限度为用户的方便考虑 网页的布局要注意把握整体的风格，可以实现在草稿纸上画出来。布局构成的原则是统一、协调、流动、统一、均衡。 Dreamweaver的界面 制作网页的工具通常有frontpage、Dreamweaver。 A、插入面板 “插入栏”包含用于将各种类型的“对象”插入到文档总的按钮。 B、文档工具栏 该栏中放置了“文档”窗口试图，有“设计”视图、“代码”视图、“拆分”视图按钮、“标题”设置框和“文档管理”等按钮。 “文档”窗口视图个按钮可切换到各种视图中。 “设计”视图用于可视化页面布局、可视化编辑和快速应用程序开放的设计环境。 “代码”视图用于编写和编辑HTML、Javascript、服务器语言代码以及任何其他类型的代码的手工编码环境。 “拆分视图”用来同时显示两种视图。 C、文档窗口 该窗口中显示当前创建和编辑的文档，这是进行网页设计的主要工作窗口。 D、状态栏 状态栏中显示当前的编辑状态，其中标签选择器中显示了一些常用的HTML标签，灵活运用这些标签可以大大降低设计人员的工作量。 E、属性面板 属性面板是最常用的面板，用于查看和更改所选对象的各种属性。选取的对象不同，其属性面板的参数设置也会不同。 F、浮动面板组 浮动面板是停靠在编辑窗口右侧的浮动面板的集合。单击浮动面板名称左侧的三角形图标可展开或合拢面板。 设置首选参数 执行“编辑——“首选参数”命令，弹出“首选参数”对话框，在对话框的左侧是首选参数的分类，即可进行设置。 具体细节请参考课本 完成本章习题： 什么是超链接 网页的基本结构是什么，网页主业的名字通常叫什么？（index.html） 简述网页的制作流程 网页设计的原则有哪些 Dreamweaver可以编辑哪些类型的文件 理论课名称 网页设计与制作 章节名称 第二章网站的创建与管理 学习要点 网站开流程、站点的创建与管理、站点的发布 网站的规划 网站规划是在网站建设前对市场进行分析、确定网站的目标、并根据需要对