没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告网页设计4实验报告.pdf

网页设计4实验报告.pdf

文档资料

0 下载量 137 浏览量 2022-12-23 09:11:39 上传评论收藏 364KB PDF 举报

温馨提示

试读

13页

网页设计4实验报告.pdf

资源推荐

资源详情

资源评论

实验四

实验内容

1. 还原示范页面

实验目的

1. 进一步熟悉网页布局的原理

2. 进一步熟悉基于 div+css 的布局方法

具体要求，将 cosmofarmer（www.cosmofarmer.com）

首页还原。

页面要求

1. 页面宽度 760 像素

2. 页面居左

3. 页面的左边距和上边距为 0

4. 两栏式布局

5. 左边栏的宽度 583

6. 右栏宽度 760-583=177

7. 顶部 logo 导航栏高度 126 像素

步骤 1

 划分逻辑区域

 <div id="wrapper">

 <div id="banner"></div>

 <div id="main"></div>

 <div id="announce"></div>

 <div id="copyright"></div>

 </div>

步骤二

完成页面基本设置

 body {

 font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;

 margin: 0;

 }

 #wrapper {

 width: 759px;

 border-right-width: 1px;

 border-right-style: solid;

 border-right-color: #999999;

 }

步骤三

 细化各个区域，以 banner 为例，html 代码示例如下

 <div id="banner">

 <div id="background">

 <img src="images/logo.gif" alt="CosmoFarmer2.0" width="553" height="70" />

 <ul>

 <li><a href="/features/index.html">Features</a></li>

 <li><a href="/experts/index.html">Experts</a></li>

 <li><a href="/quiz/index.html">Quiz</a></li>

 <li><a href="/projects/index.html">Projects</a></li>

 <li><a href="/horoscopes/index.html">Horoscopes</a> </li>

 </ul>

 <div class="clear" ></div>

 </div>

 </div>

实验报告提交要求，重要！

1. 提供的页面浏览效果截图

2. 提供所完成页面的 html 源代码，包括 css 代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

剩余12页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

是空空呀

粉丝: 173
资源: 3万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

网页设计4实验报告.pdf

网页设计综合实验报告.pdf

网页设计实验报告.pdf

网页设计的实验报告心得.pdf

网页设计实验报告要求.pdf

html网页设计实验报告.pdf

Dreamwever网页设计实验报告.pdf

Web网页设计实验报告.pdf

网页设计flash制作实验报告.pdf

网页设计实验报告及代码.pdf

ASP网页设计实验报告资料.pdf

Web个人网页设计实验报告参考.pdf

《网页设计》个人网站设计实验报告.pdf

人机交互实验报告-网页界面设计与分析.pdf

网页设计实验报告(20211007203327).pdf

全国计算机等级考试二级Python真题及解析.docx

1000份ppt模版，PPT模板优秀PPT

导入证书可以解决”无法建立到信任根颁发机构的证书链"问题。

matlab批量读取excel表格数据并处理画图

OpenCv车辆识别训练模型

代码随想录知识星球精华-大厂面试八股文第二版v1.2.pdf

数学建模对乙醇偶合制备C4烯烃的问题研究

Vue-Element UI集成ECharts实现数据统计分析页代码部分(如果帮助到你，感谢关注点赞)

STM32F103C8T6中文数据手册

（头歌）计算机组成原理存储系统设计（HUST）1-7关答案

MATLAB深度学习入门实例（果树病虫害识别VGG19版）

（中文）半导体器件物理第三版课后习题答案，施敏著，

网络安全攻防演练防守方方案.docx

protues仿真，基于STM32f103r6实现ADC通道与DMA通道采集电压数据，并且通过串口和LCD1602显示电压信息

草莓植株病虫害数据集，包括正常植株（开花，结果，成熟），缺钙植株，缺肥植株，白粉病植株，叶斑病植株等共计1200来张图片

最新资源