《网页设计与制作基础》实验说明

《网页设计与制作基础》实验说明

ID:15065871

大小:1.68 MB

页数:21页

时间:2018-08-01

《网页设计与制作基础》实验说明_第1页
《网页设计与制作基础》实验说明_第2页
《网页设计与制作基础》实验说明_第3页
《网页设计与制作基础》实验说明_第4页
《网页设计与制作基础》实验说明_第5页
资源描述:

《《网页设计与制作基础》实验说明》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、实验一网页的认识实验目的1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件;2、利用记事本来编辑HTML文档并浏览。实验环境WindowsXP操作系统,内部组成局域网,外连Internet互联网。实验重点及难点u熟悉使用浏览器进行浏览、搜索、下载。u熟悉HTML的结构、语法。实验内容1、浏览新浪主页并保存,观察其保存结果(其中包括哪些文件和文件夹)。要点:保存是什么操作。文件操作2、从网上(如网页制作大宝库http://www.dabaoku.com等)下载网页制作时需要的小图片、动画及

2、flash等网页制作素材。3、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析网页。4、通过浏览百度分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设为主页。5、制作一个简单的网页sy1-1.htm,用记事本编辑,网页标题为“我的第一个网页”,内容为司空曙的《江村即事》(要求加入文档类型声明),如下图所示。要点:根据说明和截图确定要编辑的内容和需要使用的标记。文件操作:文件名:sy1-1.htm文档操作:需要使用的标记网页文档结构的标记网页内容要求需要使用和编辑的标记:文档类型

3、声明、网页标题、pre标记源代码我的第一个网页

江村即事[唐]司空曙钓

4、罢归来不系船江村月落正堪眠纵然一夜风吹去只在芦花浅水边

实验二网页的基本元素(一)实验目的1、掌握头区标记的应用,包括title、meta和base等标记2、掌握文本段落格式标记,包括注释标记,分段标记,换行/不换行标记,标题标记,分节标记,水平线标记,文本居中标记等;3、掌握文字显示效果标记,包括字体标记,字符样式标记以及转义字符等;4、掌握列表格式标记,包括无序列表标记,有序列表标记等;5、掌握超链接的使用,包括锚点标记、页面跳转链接、书签超链接、下载文件链接以及电子邮

5、件链接等;6、掌握图片标记,包括插入图片标记,图片超链接标记网页背景标记;7、掌握音频和视频标记,包括链接音频或视频文件、设置网页背景音乐标记,内嵌音频或视频播放插件等;8、掌握动态元素标记。实验环境WindowsXP操作系统,内部组成局域网,外连Internet互联网。实验重点及难点熟练掌握各种常用标记并利用其来实现网页的排版。实验内容1、通过记事本编辑网页sy2-1.htm,实现如下页面:要点:根据说明和截图确定要编辑的内容和需要使用的标记。文件操作:文件名:sy2-1.htm;sy/sy2/sks文档操作

6、:需要使用的标记网页文档结构的标记网页内容要求需要使用和编辑的标记:网页标题、居中显示标记、标题标记、换行标记源代码:

7、="text/html;charset=utf-8"/>标题与换行标记的应用

江村即事

(唐)司空曙
钓罢归来不系船
江村月落正堪眠
纵然一夜风吹去
只在芦花浅水边
1、通过记事本对网页sy2-1.htm按要求进行编辑并另存为sy2-2.htm,效果如图所示。l标题文字大小用

标记;l作者信息文字大小为4,字体为幼圆,颜色为红

8、色;l古诗文字大小为4,字体为隶书,颜色为蓝色;l在作者信息后加一条水平线,居中,水平线宽度为浏览器的50%,水平线的粗细为20个像素,颜色为棕色;要点:根据说明和截图确定要编辑的内容和需要使用的标记及其属性。文件操作:文件名:sy2-2.htm;sy/sy2/sks文档操作:需要使用的标记以及属性网页内容要求需要使用和编辑的标记:网页标题、标题标记h1、hr标记及其属性、段落标记、f

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。