网页设计三合一教程 主讲教师 2019/6/2.

Slides:



Advertisements
Similar presentations
高中新课程思想政治(必 修 1 、 2 )的教学体会 北京师大二附中 李文燕 2008 年西城新课程教师培训的讲稿.
Advertisements

《饲料分析与质量检测技术》 说课 主讲教师:管建慧. 课程名称: 《饲料分析与饲料质量检测技术 》 课程编码:
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
企业文化与核心价值观 主讲:孟凡驰 教授 中交四航局. 2 目 录 一、企业文化的目的价值恒久性与工具价值实践性 二、企业文化管理学特征 三、企业文化与企业发展战略 四、企业文化整合、提炼、培育和建设的目的 五、集团文化与分公司文化 六、企业核心价值观.
一、老师申请题目,以下指导老 师操作。 1. 登录教务系统 web 端. 2. 点击 “ 毕业设计 ” 工具栏下拉菜单中的 “ 论文 _ 教师申请题目 ”
第四讲 课 题:在 Dreamweaver8 中使用表格布置页面 目的及要求:使用表格布置页面 教学重点:重点掌握设置表格属性的方法 教学难点:嵌套单元格设置布局表格的形式对网页进 行布局 教学课时: 2 课时 教学方法:提问与比较教学方式,激发学生兴趣; 教学内容与步骤:
4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
5.3 页面布局 1. 用表格实现页面布局 用表格实现页面布局 2. 用框架布局页面 用框架布局页面 3. 层的使用 层的使用.
LOGO 《静态网页设计》课程整体设计 电子信息工程系 计算机专业 李超燕. LOGO 2 课程在专业课程体系中的定位 3 岗位分析 目 录 1 课程的基本信息 6 本课程的特色和效果 4 教学整体设计 5 教学基本条件.
2009/12/211 商務科技管理系 實 務 專 題 報 告 辦桌非難事 學生: 施雅雯 ( ) 張敬芝 ( ) 葉明臻 ( ) 黃怡琅 ( )
熟悉 Dreamweaver 的工作區與基本操作
成语乐园 成语乐园 执教老师:李道梅.
上海市职业技能培训政府补贴项目 2014年4月8日.
詹天佑.
北师大版义务教育课程标准实验教科书 七年级上册讲义 第17课 先进的科学技术.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
------全国教育科学规划办公室 吴键 副研究员
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
活力校園 5C 顏慧玲.
立體四子棋 研究成員:謝旻諺、 鄭家鈞 指導老師:林屏森老師.
行動終端應用軟體創作專題競賽 題目:商品後端管理APP
“三步式”网络学习法 《探究与发现》数学网络学习平台介绍
公关协调 能力目标 初步学会对内及对外公众关系协调的基本方法。 知识目标 掌握组织内外公众协调的原理和方法。
初中思想品德 规范的教学设计与案例分析.
第八章 网络课程的设计与开发.
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
三創產業學程 學群主持人:袁國榮召集人.
第二节 工业地域的形成 工业联系 工业集聚 工业地域
當代國際企業.
郑州市惠济区第六中学 网站推介 姜茂方 2015年1月10日.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
Dreamweaver的工作界面.
互联网时代班主任的挑战 万玮 2014年9月20日.
《体育与健康》说课稿 课题:新兴体育舞蹈 —踢踏舞教学 北师大泉州附中 陈玉慈.
蘇軾詞的賞析
《网页设计与制作》 教学课件.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
3-1 想做出甚麼樣的網站 現在您對網站、網頁已經有基本的概念了,不過要實際開始製作網站,還需要經過規劃的過程。本章中尚未開始動手設計網頁,而先來學習建立網站的重要觀念也就是網站的規劃與設定,首先您必須先對自己要建立的網站有基本的架構,才能動手建立網站,做好後續網頁設計的工作。可別看這個過程,這是能不能建構出一個好網站的重要關鍵,也是設計網站人員必須用心思考、規劃的部分。
鄉村尋根-農具篇.
网页制作与设计 主编 耿 杰 科学出版社.
W3C标准网页制作 主讲教师:张 涛.
《网页色彩搭配》.
学生网页作品情况分析.
認識我的故鄉_台中市.
第18章 Dreamweaver与Photoshop的完美结合
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
网页制作基础 授课老师: 黄露.
电子商务网站建设 (理论部分).
大專院校美食網- 以新北市為例 商務科技管理專題 組 別: 第二組 專題成員: 方采薇 陳宜欣
模板与库.
十 三.使用模板和库.
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
第12章 APDiv 对于有Dreamweaver基础的读者来说,初识APDiv或 许会感到即熟悉又陌生。熟悉于它的Div标识符, 陌生于他在CS3版本中的含义及作用。其实,APDiv 在Dreamweaver CS4中仍等同于前期版本的层,又 称为AP元素或CSS-P元素,本文以下简称AP层。 什么是层?有什么作用?前面我们学习过了表格,
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
知识产权在中小企业中的作用 讲座内容 一、知识产权在发达国家及知名企业中的地位 二、知识产权的基本概念及其特点
聽聽那冷雨---重點摘要 二愛 王煜榕.
“修身成材” 班级干部培训班 黑龙江大学党委学工部.
项目一 认识设计环境 《FLASH动画设计》精品课程组.
憲政與民主 應化3A 邱泓明.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
指數、對數函數 數101乙 周文翔 朱哲明 張良聿.
電子表單 簡介 高雄市鳳山區新甲國小 陳信宏.
李商隐诗两首 锦 瑟 马 嵬 夕阳无限好,只是尽黄昏。.
Presentation transcript:

网页设计三合一教程 主讲教师 2019/6/2

第1章 网页设计简介 主讲教师

本章要点 了解网页的设计理念 了解网页的设计风格 了解网页的创意设计 了解网页的色彩搭配 熟悉Dreamweaver 8的工作环境

第1章 网页设计简介 1.1 网页设计概述 1.2 初识Dreamweaver 8

1.1 网页设计概述 1.1.1 网页设计遵循的理念 1.1.2 网站整体风格的确定 1.1.3 网页创意 1.1.4 网页色彩搭配简介 1.1.5 常用网页设计工具简介

1.1.1 网页设计遵循的理念 (1)考虑访问者的带宽问题。 (2)版面布局合理。 (3)网站标志的设计。 (4)站点内容要精、专,及时更新。

1.1.2 网站整体风格的确定 网站的风格 包含的因素 例如: 指网站的整体形象给访问者的综合感受。 1.1.2 网站整体风格的确定 网站的风格 指网站的整体形象给访问者的综合感受。 包含的因素 网站的标志设计、色彩、版面布局、浏览方式、交互性、文字和价值等。 例如: 儿童网站“WaWaYaYa”是生动活泼的;大多商 业网站如IBM,是专业严肃的。 教师演示,打开WaWaYaYa和IBM网站给大家演示,并进行讲解。 7

确定网站的整体风格需要注意以下几个方面: (1)网站标志要放在醒目位置要保持不变。 (2)反应网站精髓的标语并动态显示。 (3)导航放在每一张网页的相同位置。 (4)确定网站的主体颜色并注意颜色。 (5)页面的布局一般采用左边导航右边文字,或者 上面导航下面文字的方法,或两者结合使用。 (6)内容结构简单且分类要简而精。

1.1.3 网页创意 什么是创意? (1)创意是传达信息的一种特殊手段。 (2)创意是将现有的要素重新组合。 1.1.3 网页创意 什么是创意? (1)创意是传达信息的一种特殊手段。 (2)创意是将现有的要素重新组合。 网络上最多的创意是与现实生活相结合,例如网上购物,电子社区,电子病历,在线拍卖等。而且资料越丰富,越容易产生创意。所以任何人,都可以创造出不同凡响的创意来。

1.1.4 网页色彩搭配简介 网页色彩搭配应考虑以下因素: (1)色彩的鲜明性。 (2)色彩的独特性。 (3)色度的合适性。 1.1.4 网页色彩搭配简介 网页色彩搭配应考虑以下因素: (1)色彩的鲜明性。 (2)色彩的独特性。 (3)色度的合适性。 (4)色彩的代表性。

1.1.5 常用网页设计工具简介 1.网页设计软件Dreamweaver 2.网络动画制作软件Flash 3.网络图像处理软件Fireworks

1.网页设计软件Dreamweaver Dreamweaver是一个方便的网页制作工具,支持最新的DHTMLTT和CSS标准。 它能够快速高效地创建极具表现力和动感效果的网页,同时使制作过程简单化。 不仅提供了强大的网页编辑功能,而且拥有完善的站点管理机制,是一个集网页制作和站点管理于一身的网页创作工作。

2.网络动画制作软件Flash Flash是最流行的矢量动画制作软件之一,它只用少量矢量数据就可以描述一个复杂的对象,而且占用的存储空间少,非常适合在网络上使用。 运用它可以制作出栩栩如生、动感十足的动画作品。

3.网络图像处理软件Fireworks Fireworks是专门针对Web而设计的图像处 理软件,因此它对图像进行了充分的优化。

1.2 初识Dreamweaver 8 1.2.1 工作界面的选择 1.2.2 主窗口简介

1.2.1 工作界面的选择 启动Dreamweaver 8后,首先出现的是初始化界面。 接着弹出【工作区设置】对话框。 1.2.1 工作界面的选择 启动Dreamweaver 8后,首先出现的是初始化界面。 接着弹出【工作区设置】对话框。 如果习惯编写代码的,可以选择【编码器】单选钮。 这里选择【设计者】单选钮,然后单击【确定】按钮。 教师切换到Dreamweaver 8环境下进行演示 16

1.2.2 主窗口简介 启动Dreamweaver 8后,窗口中央会出现起 始页窗口。 1.2.2 主窗口简介 启动Dreamweaver 8后,窗口中央会出现起 始页窗口。 如果选中左下角的【不再显示此对话框】复选框, 下次启动Dreamweaver 8将不再显示该起始页。 单击【创建新项目】中的【HTML】,将打 开Dreamweaver的工作界面。 教师切换到Dreamweaver 8环境下进行演示