正在加载图片...
《Web前端开发》实验教学指导/实验九:使用CSS进行网页布局 技不梨 互联网应用技术研究所2013年春游活动纪实 正在开圆的究工作 图9-1设计效果 图9-2结构分析 3、Web开发 (1)在计算机硬盘上创建目录,并创建网站的子目录。 (2) Adobe Dreamweaver中创建网站,并完成配置。 (3)按照框架、表现和交互的顺序进行Web开发 HIML5主要代码 div class="TopContent'> div class==" TopLink"><span>联系我们<span>l<span>加为首页<span>|<span> 收藏本站</span></di> <form action="> <input type="text" id="s" name="q"value="Search: " onfocus="if (value =='Search: value ="" onblur="if (value ==")value='Search: "/> <input type="submit"value=""id="searchsubmit"/> </dv> div class="Logo"><img src="Images/Logo. png"width="278" height=48"alt= /></div> 河南中医学院互联网应用技术研究所 本讲共计7页|当前第2页《Web 前端开发》实验教学指导 / 实验九：使用 CSS 进行网页布局 河南中医学院互联网应用技术研究所 本讲共计 7 页 | 当前第 2 页 图 9-1 设计效果 3、Web 开发 （1）在计算机硬盘上创建目录，并创建网站的子目录。 （2）Adobe Dreamweaver 中创建网站，并完成配置。 （3）按照框架、表现和交互的顺序进行 Web 开发。 HTML 5 主要代码： <body> <div id="warp"> <div class="TopContent"> <div class="TopLink"> <span>联系我们</span>|<span>加为首页</span>|<span> 收藏本站</span> </div> <div class="TopSearch"> <form action=""> <input type="text" id="s" name="q" value="Search:" onfocus="if (value =='Search:'){value =''}" onblur="if (value ==''){value='Search:'}" /> <input type="submit" value=" " id="searchsubmit"/> </form> </div> </div> <div style="clear:both;"></div> <div class="MiddleContent"> <div class="LogoNav"> <div class="Logo"><img src="Images/Logo.png" width="278" height="48" alt="" /></div> 图 9-2 结构分析