电子教案《Dreamweaver网页设计与制作第二版》A063954示例项目一

1、电子讲课设计Dreamweaver网页设计与制作第二版A063954示例项目一电子讲课设计Dreamweaver网页设计与制作第二版A063954示例项目一电子讲课设计Dreamweaver网页设计与制作第二版A063954示例项目一讲课内容讲课班级讲课方法与手段项目内容讲课目的讲课要点与难点讲课过程设计课程讲课设计（项目一）个人网页的简单美化网页制作基础知识讲课学时6课时讲解法、演示法、讨论法。多媒体讲课本项目的主要工作内容是对一个简单个人网站首页的网页标题、背景颜色、字体大小等基本因素做简单改正，要求在熟习网站的基本知识、认识网页的基本元素基础上，利用HTML语言达成。学生经过本项目的学习

2、，能：1、认识网页和网站2、掌握IP地点、网址等基本见解3、理解静态网页与动向网页的差别4、掌握简单HTML文件的编写方法讲课要点：1什么是网页？1）网页内容构成；2）网页编写语言种类及特色。2DreamweaverCS3功能简介。讲课难点：创立HTML文档，掌握简单HTML文件的编写方法。【任务一】认识网站与网页（2课时）（一）网页的见解网页：是构成WWW（WorldWideWeb：万维网）的基本元素，也被称为页面或Web页。不一样样的网页经过超链接联系在一同，构成了WWW纵横交织构造。网站：就是一个互相链接的网页的会合，它们能够共享。大的网站页面数目多达几十万，甚至上百万页，小的个人网站也

3、能够只包含数个页面。主页：是网站中的一个特别网页，它是在WWW进步入网站的第一个网页，此中包含指向其余网页的超链接，平常主页的名称是固定的。（二）网页中的常有元素文本图像：JPG、PNG、GIF超链接表单表格动画(三)IP地点、域名和网址IP地点：由4个小于256的数字构成，数字之间用点间隔域名：唯一无二，比方：网址：又称URL，由通讯协议名称、域名或IP地点、网页在服务器中的路径和文件名4部分构成。（四）动向网页与静态网页动向网页（DHTML）：后缀名为.asp、.jsp、.php、.cgi等静态网页（HTML）：后缀名.htm、.html、.xml等（五）任求实行：制作个人网站【任务二】使

4、用HTML语言改正简单网页（4课时）小贴士：什么是HTML语言HTML（HypertextMarkupLanguage，超文本标记语言）不是一种编程语言，而是一种描绘性的标记语言，用于描绘超文本中内容的显示方式。其最基本的语法就是：内容。标记平常都是成对使用的，一个开头标记就对应有一个结束标记。结束标记但是在开头标记的前面加一个斜杠“/”。当阅读器从服务器接收到HTML文件后，就会讲解里面的标记符，此后把标记符相对应的功能表达出来。（一）创立HTML文件1）选择“开始”，此后挨次选择“程序”“附件”“记事本”命令。2）在翻开的记事本窗口中写入代码：test互联网，我来了!3）保留该文档。4）双

5、击该HTML文件，会自动翻开阅读器，显示文件内容。（二）HTML文件构造标记标记放在HTML文件的开头，并无实质性的功能，但是一个形式上的标记，但要形成一个优秀的编写习惯，在HTML文件开头使用标记来做一个形式上的开始。2.标记也称为头标记，一般放在标记里，其作用是搁置对于此HTML文件的信息，如供给索引、定义CSS款式等。3.标记称为标题标记，包含在标记内，它的作用是设定网页标题，能够看见在阅读器左上方的标题栏中显示这个标题，其余，在Windows任务栏中显示的也是这个标题。4.标记又称为主体标记，网页所要显示的内容都放在这个标记内，它是HTML文件的要点所在。它其实不但是是一个形式上的标记

6、，它自己也能够控制网页的背景颜色或背景图像。（三）简单的HTML事例设置标题设置文字颜色设置加粗、倾斜及文字颜色4、插入图片5、说明标记（四）任求实行：对个人网站首页做简单改正【知识拓展】网页美化知识（一）、网页颜色的选择与搭配设计网页时，可依据以下原则确立网页的背风景和主色彩，并进行颜色搭配。1）网页背景颜色最好选择白色或黑色。2）可依据网站的性质或网站标记（Logo，又称站标）的颜色确立网页的主色彩，而且该主色彩应贯串于网站中的所有网页。3）设计网页时可充分利用同类色、周边色和比较色，以加强网页的层次感、丰富网页的色彩或突出某些重要内容（如导航条或版块标题）。网页色彩搭配的原理包含以下几点

7、。1）色彩的鲜亮性。网页的色彩要娇艳，简单引人凝望。2）色彩的独到性。要有别出心裁的色彩，使得大家对网页的印象激烈。3）色彩的适合性。色彩和网页表达的内容氛围相适合，如用粉色表现女性站点的柔性。4）色彩的联想性。不一样样色彩会产生不一样样的联想，如蓝色想到天空，黑色想到黑夜，红色想到好事等，选择色彩要和网页的内涵有关系。（二）、网页版式设计（1）最好为导航条和各版块标题区设计一组形状奇异、颜色突出的背景图像，以方便网页阅读者迅速找到自己需要的内容，并使网页看起来更优良奇异。2）对每个版块而言，可经过插入典型图片吸引接见者。3）各版块之间以空白划分开。同时，为使各版块划分显然，还可为其设置不一样样的背风景或加上面框。（三）网页尺寸当前，我国大多数电脑的显示器的分辨率为1024768像素。所以，为避免在阅读网页时需屡次拖动水平转动条，最好将网页宽度设置为1024像素以内。作业：1列举你所