(
课件网) 我的网页 网页欣赏 思考: 网页设计吸引人的地方在哪里? 是图片还是对内容的布局或其他? 4D 网页欣赏 网格 网页欣赏 暗调高亮 网页欣赏 形式感 网页欣赏 极简风 网页欣赏 考究的字体 极致的排版 精致的色彩 特定的风格 网页设计吸引人的地方在哪里? 说一说 思考: 说说你们选的主题可以用什么颜色做为主要基调,为什么? 精致的颜色 A、黑白灰主色调+亮色辅色 1.1让设计快速出“彩”的方法 精致的颜色 B、选择图片色调为整体画面的主色调 1.1让设计快速出“彩”的方法 精致的颜色 C、使用的颜色不要超过4种 1.1让设计快速出“彩”的方法 精致的颜色 A、 统一明度和饱和度 1.2看似很复杂的颜色搭配其实很简单 精致的颜色 B、控制颜色的层次 1.2看似很复杂的颜色搭配其实很简单 活动一 小组讨论根据网页设计的主题, 参考色彩搭配文案,选择2~4种颜色的卡纸作为网页设计的配色方案。 选择与主题相符的色彩 极致的版式 中对齐 左右对齐 2.1对齐———最基础但也最重要 极致的版式 文案与图片的面积对比 2.2对———让画面不再平凡 极致的版式 2.3有“气质”的留白 极致的版式 2.3有“气质”的留白 极致的版式 2.3有“气质”的留白 考究的字体 3.1选用符合整体设计风格的字体 考究的字体 3.1选用符合整体设计风格的字体 考究的字体 3.2选用字形结构简单的字体 考究的字体 3.2选用字形结构简单的字体 活动二 小组讨论网页版面设计 并用选择的卡纸进行拼贴 设计一个网页版面 活动三 用PS或其他绘图软件做一个网页设计。 如何把图片变成网站 单击菜单栏中的“文件”———新建”———新建网站”———其他网站模板"命令,打开“网站模板”对话框,如图。 选择模板 在“网站模板”对话框的“常规”选项卡中,选择“只有一个网页的网站”,并在“指定新网站的位置”下方的文本框输入站点文件夹的路径,如:“E:\kejiahun”。 保存模板 单击“确定”按钮 新建网页文件 1首页以外的网页可以通过新建网页命令来添加。 建立空白网页 单击菜单栏中的“文件”———新建”———新建网页”———空白网页”命令,将出现一个新的空白网页,其名称为“new-page-1.htm” 最后一步:插入图片→选择自选图形(格式填充和直线都改成无填充颜色)→选中“插入”→超链接→选择要链接的第二层网页保存即可。 活动四 用FrontPage小组合作完成一个网页设计 做一个网页设计 展示 整体 风格 色彩 搭配 排版 构图 文字 设计 小组合作完成一个网页设计 感谢聆听