静态网页制作（Dreamweaver） 静态网页制作（Dreamweaver） 企业案例1.doc

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例一、搜狗百科 一、案例整体目标及要求 （一）案例目的 通过实践项目培养我们的动手能力，提高网页制作能力和水平，灵活运用HTML+CSS+DIV、JavaScript技术，完成网站静态页面的设计和制作。 （二）案例要求 采用HTML+CSS+DIV+Table来做网页的布局及内容，在网页中使用了javaScript代码来添加网页动态特效，用到了表单来丰富网页的内容。 二、案例解决方案 1、页面导航 搜狗网页的有哪些信誉好的足球投注网站条以及顶部显示的一些信息。 第一部分效果图： 搜狗网页的有哪些信誉好的足球投注网站条以及顶部显示的一些信息。 2、首页 第二部分效果图: 人物简介，分为图片和文字两部分，点击图片可以链接到人物的图册。 第三部分效果图: 分为详细资料与概况目录，开始介绍这位艺人的职业生涯与职业经历等等。 前三部分关键代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title张根硕——搜狗百科/title link href=css/untitled.css rel=stylesheet type=text/css / style type=text/css a:link { color: #39F; } a:visited { color: #39F; } a:hover { color: #39F; } a:active { color: #39F; } /style /head body div id=top!--顶部-- a href=#新闻/anbsp;nbsp;nbsp; a href=#网页/anbsp;nbsp;nbsp; a href=#微信/anbsp;nbsp;nbsp; a href=#知乎/anbsp;nbsp;nbsp; a href=#图片/anbsp;nbsp;nbsp; a href=#视频/anbsp;nbsp;nbsp; a href=#明医/anbsp;nbsp;nbsp; a href=#英文/anbsp;nbsp;nbsp; a href=#百科/anbsp;nbsp;nbsp; a href=#更多/a div id=top1 a href=b 二级页面.html登录/a /div /div!--顶部-- img src=images/顶部.png width=1348 height=125 / div id=one!--名字标题-- div id=jks b张根硕br /JangKeunSuk/b /div /div!--名字标题-- div id=two!--照片和简介-- div id=jj nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;张根硕，韩国艺人，童星出道，1987年9月26日出生于a href=#韩国首尔/a。2001年，张根硕因与a href=#BOA/a一同拍摄了a href=#SK电信/a的电视广告而被人熟知。2006年，张根硕出演古装剧a href=#《黄真伊》/a中金恩浩一角，深受韩国国民喜爱。2009年张根硕在韩剧a href=#《原来是美男》/a中扮演偶像乐手并成为全亚洲级别的韩流明星，他还在a href=#《梨泰院杀人事件》/a中挑战反派角色，并且在SBS年终演技大赏上获得十大明星奖和最受网民欢迎奖。2011年，张根硕在日本发行的首张专辑a href=#《Let me cry》/a成功夺得a href=#ORICON公信榜/a冠军，2013年，张根硕的大中华经纪公司a href=#HS MEDIA/a与a href=#海蝶音乐/a达成战略合作，于2013年2月在中国大陆地区发行张根硕首张韩语正规专辑a href=#《I JUST WANNA HAVE FUN 乐享主义》/a。2013年6月，出演电视剧a href=#《 漂亮男人 》/a。