网页设计与制作实验报告.doc_第1页
网页设计与制作实验报告.doc_第2页
网页设计与制作实验报告.doc_第3页
网页设计与制作实验报告.doc_第4页
网页设计与制作实验报告.doc_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

重庆工商大学管理学院实验报告第15页 共15页重庆工商大学管理学院实 验 报 告课程名称:网页设计与制作实例教程 实验名称:CSS基础 班 级:信息管理与信息系统一班姓名: 唐杰 学号: 2013033132 同 组 人:_无_ 实验日期:2015.12.03实验地点:学创园8A303实验成绩:_指导教师:张世勇 1.实验内容 掌握CSS伪类;层叠;CSS选择器基本操作。2.实验环境(软件、硬件及条件)在学创园的XP电脑上,进行网页设计与制作。3. 实验过程分析(包括主要步骤和主要截图)实例(11-1)实验步骤:列表基于psd设计图的网页设计流程实例dreamweaver spry框架的介绍与应用jQuery:the write less, do moretab选项卡的各种实现方法汇总web标准已经成为主流的网页设计方法搜索引擎优化的外部方法和内部方法检验实验:-实验正确(实例11-2)实验步骤:block&inline新闻体育财经娱乐房产博客检验实验:-实验正确(实例11-3)实验步骤:背景图片的检验实验:-实验正确(习题1)实验步骤:block&inline新闻体育财经娱乐房产博客检验实验:-实验正确(习题2)实验步骤:CSS#head background-color: #FFF;border: 1px dotted #00F;height: 300px;width: 500px;background-image:url(1.jpg)#head h1 font-size: 2em;color: #FFF;background-color: #0F0;#head h2 font-size: 2em;color: #FFF;background-color: #0F0;display: inline;charset utf-8;/* CSS Document */网页代码无标题文档 这是head的内容 这是h1的内容 这是h2的内容检验实验:-实验正确 (实例12-1)实验代码:第一个盒子padding在哪里?margin在哪里?检验实验:-实验正确(实例12-2)实验代码:padding margin borderpadding 、margin、border检验实验:-实验正确 (实例12-3)实验代码:框模型的宽度和高度我没有margin,我的宽度是多少?我没有padding,我的宽度是多少?检验实验:-实验正确 (实例12-4)实验代码/TR/xhtml1/DTD/xhtml1-transitional.dtd框模型的要素框模型-不得不说的故事这个例子里,左右上都可以有其他的框(盒子)。框模型,有名的易

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论