网页设计教案2006VIP免费

网页设计电子教案网页设计电子教案网站、网页分类:–功能分：个人网站；电子商务网站；政府网站；企业网站；门户网站；教育网站等。–表现形式分：普通型（以文字为主）；Flash型；封面型。–设计技术分：静态网页动态网页ASPPHPJSP目录网页制作——DREAMWEAVER图形图像处理——FIREWORKS动画制作——FLASHDreamweaver篇第一讲网页设计知识基础第二讲Dreamweaver基础第三讲简单网页制作（一）第四讲简单网页制作（二）第五讲表格第六讲层和时间线第七讲交互行为和表单第八讲CSS样式第一讲网页设计知识基础一、网站、网页和主页二、网站设计的工作流程三、站点空间的申请与管理一、网站、网页和主页1.网页：是用HTML语言编写的，通过WWW网传输，并被Web浏览器翻译成可显示出来的集合文本、图片、声音和数字电影等信息形式的页面文件。由站标、导航栏、广告栏和信息区等组成。2.网页分类主页：是站点所有网页的链接中心，一般在访问一个网站时首先看到的网页。专题网页：是对网站内容的进一步细化和归类，是主页和内容网页的中转站。内容网页：是对网站所传达信息的具体体现，位于网站链接结构的终端。功能网页：是一些专门用于访问者信息反馈、网站用户注册等方面的网站用户服务性质的网页。3.网页关系图4.网站由各种类型的网页通过超级链接的形式组成。二、网站设计的工作流程1.确定网站主题2.规划网站栏目和网站目录结构a.网站栏目划分要服从并体现网站主题b.网站主要内容要打破栏目层次束缚c.不要将所有的文件都存放在根目录下d.按栏目内容建立子目录e.每个主目录下都建立独立的Image目录f.目录文件的命名规则3.确定网页版面布局a.“同”字型b.“厂”字型c.标题正文型d.分栏型5.搜集制作网页的素材6.整合网页素材7.添加网页特效8.测试和发布网站第二讲一、HTML语言（1－3）二、Dreamweaver概况（2－2）三、站内站点管理（2－3）主要内容HTML语言HTML（HyperTextMarkupLanguage），是网页构成的基本元素。语法包括：标记：是一组字符串符号，主要用于再HTML文件中标示供浏览器显示的文件内容的显示格式描述。属性：每一种标记都具有属性。通过属性的使用，原来定义标记对象的具体显示格式的编排方式。编写环境：记事本用HTML编写的网页

HTML不是一种程序语言，而是一种描述文档结构的标记语言。

文件基本结构说明：…文件标签，表示文档的开始和结束。…文件头标签，放置的是关于这个文件的信息，包含文件的标题、编码方式和URL等。标题标签，设定文件的标题名称。…文件主体标签，网页中所要显示的所有内容，都放置在这一对标签中。bgcolor——背景颜色text——非链接文字的颜色link——可链接文字的颜色alink——击活链接文字的颜色vlink——访问过的链接的颜色background——在网页中添加背景图编写注意事项HTML文件的标记都是放在“<”和“>”之间，而且大都数都是成对出现的。标记没有大小写之分。标记的属性值可以利用“"”，也可以不用。在HTML文件中使用连续空白时，会自动简化为一个空白。注释以“”结束。常用的标记超链接标记：语法：<URL”>文本文本A>说明：href用来指出要链接的文件的名称或URL。图片标记：语法：<>常用属性：：HeightHeight－－高度；高度；WidthWidth－－宽度；宽度；AltAlt－－加入图片的文字说明加入图片的文字说明段落标记：

语法：<]>文本内容文本内容p>对齐方式有：left、center、right表格标记：

语法：<]>……常用...