网络基础网页设计.pptVIP

网络基础网页设计 课程安排 网页设计 目录 界面熟悉 网页设置 网页设置 网页设置 网页设置 文本编辑 文本编辑 文本编辑 文本编辑 文本编辑 图像和多媒体 图像和多媒体 图像和多媒体 图像和多媒体 图像和多媒体 超链接 超链接 超链接 超链接 超链接 表格 表格 表格 表格 网站的上传和更新 框架 框架 框架 CSS 字幕标记 字幕标记 网页特效应用 temp 作用：将浏览器窗口（网页）划分为多个窗格，其中每个窗格中含有一个网页。框架在网页设计中能起到很好的网站导航功能。 相关标记：Frameset Frame NoFrame 框架集标记Frameset 设定窗口划分为几行或几列，此标记可以嵌套 框架标记Frame 设定此框架的一些属性：框架名称、框架网页、边框、 滚动条、高度或宽度等 3、设计嵌套框架——如果有n个方格就有n个Frame 4、保存框架——文件数＝n+1 5、在框架中的超链接 6.Noframe： 如果在浏览器不支持框架情况下，可以通过此标记显示适当消息，要显示的信息放在他们中间。如： framesetnoframe 该页面含有框架，但用户的浏览器不支持框架。。。。 /noframe/frameset 7、大作业：将前面几章的作业利用框架做成一个作业站点。 浮动框架：IFrame/IFrame 这种框架通过表格可以放在WEB页的任何位置。 格式：IFrame [align=”align”] [Frameborder=”0或1”] [heigh=”integer” width=”int”][marginHeight=”int”] [marginWidth=”int”] [name=”name”] [scrolling=”yes或no] [SRC=”html_file”]/Iframe 关键点： name属性 一定要用表格嵌套 设计时不可见，只有在浏览器中预览才能看到 网页的链接设置（链接到框架，目标为‘name’） 按照课本自学，并把习题做完。 MARQUEE（字幕标记） HTML提供了一个字幕标记，可以用来滚动字幕。 格式：Marquee [align…] [behaviorl=”behavior”] [bgcolor…] [direction=”direction”] [height…] [hspace…] [loop=”integer”] [scrollamounto=”integer”] [scrolldelay=”integer”] [vspace=”integer”] [width=”integer”] 滚动内容（文字、图片等）/marquee ?Behavior：指定文本动画的性质，其取值为：Scroll、Slide或Alternate?Direction：指定文字移动的方向，其取值为：left 、Right、UP或Down?Height：整数，指定字幕的高度，以象素为单位 Width：整数，用来指定字幕的宽度，以象素为单位?Hspace：整数，指定字幕的外部边缘与浏览器窗口之间的左右边距?Loop：整数，用来指定字幕滚动次数，也可以设置为关键字Infinite?Scrollamount：整数，用来指定文字每次滚动所移动的距离（象素）?ScrollDelay：整数，指定滚动运动之间的时间，以毫秒为单位?Vspace：整数，用来指定字幕的外部边缘与浏览器窗口之间的上下边距例子：Marquee.Htm 计算机网络工程系 1～10周授课科目：网页设计（占总成绩：50％） 科目特征：操作性较强，运用广，讲究创意。 软件环境：Dreamweaver、FrontPage、photoshop、firework等 教学方法：案例教学 教学要求：认真按时完成课外设计类作业。 考核方法：交设计作品（2＋1） 11周～19周授课科目：网络基础（占总成绩：40％） 科目特征：理论性较强，与网络基础运用结合紧密 软件环境：Windows 2003 server 教学方法：多媒体课件教学 教学要求：认真听讲、课后注意消化 考核方法：期末闭卷考试 以DreamWeaver为主要工具，讲述网页设计方法，中间将穿插一些必要的程序设计语言： HTML（HyperText Markup Language ）：超文本标记语言 JavaScript：非常流行的一种教本语言 还将穿插一些必要的图像处理软件： Photoshop、Firework 要想提高静态网页设计水平，视个人情况，可以完整自学HTML 、 JavaScript以及自学其它一些重要软件Flash