软件工程学院网站创意设计与制作计划书参考.docVIP

软件工程学院网站创意设计与制作计划书 目 录 实验一：网站设计欣赏 1 实验二：采用HTML代码设计网页 3 实验三：网站规划 5 实验四：首页和子页效果设计 6 实验五：网站元素设计与制作 7 实验六：建立和管理本地站点 8 实验七 网页页面布局设计 10 实验八 插入和编辑网页基本元素 12 实验九 模板和库技术应用 14 实验十 创建网页超链接 15 实验十一 框架网页的实现 16 实验十二 CSS样式及应用 18 实验十三 网页交互应用 20 实验十四 动态网页制作 21 实验十五 测试和发布站点 23 实验一：网站设计欣赏 实验目的 1.学会在网上浏览网页，并且能认识网页中的各种基本元素。 2.学会鉴赏优秀网页的设计风格，能总结出网站的主题、衡量一个网站建设是否成功。 实验环境与地点 1.实验环境：Internet+windowsXP 2.实验地点：软件工程学院实验室 实验内容与步骤 1.凤凰网主页 该网站给人的感受是 。打开该网站使用的浏览器是 。 2.B公司网站 网页最下方列出了合作伙伴的广告，有 等知名公司，这样一种方式也是很多网页采用的形式。可以感受到这是一个 行业的网站。 3.“碧海银沙”网站 该网页使用了 等多种元素。运用了多媒体的技术，可以感受到这个页面 的特点。 4.智联招聘网站主页 整个页面让人联系到办公元素和文档。专业的人物图片给人以条理清楚而又专业的感受。可以感受到这个页面时信息类相关的网站。这个网站具备 特点。 5.李连杰官方网站 该网站是个人网站。网站的分类详细，布局的优点是 。这类网站的特点是 。 6.动感地带官方网站 该网站是一个与信息技术服务相关的网站。网站的分类详细，布局的优点是 。 7.“榕树下”网站 该网站的主题是关于。它的特点是以论坛的形式营造出一片生活气息很浓的读书环境。 8.自选网站一 网站名称： ；网站地址: 。 网站页面截图： （首页+子页） 网站特点分析： 。 8.自选网站二 网站名称： ；网站地址: 。 网站页面截图： （首页+子页） 网站特点分析： 。 实验总结与分析 实验二：采用HTML代码设计网页 实验目的 1．学习使用记事本来书写HTML代码。 2．掌握HTML语法规则。 实验环境与地点 1.实验环境：windowsXP +IE+记事本 2.实验地点：软件工程学院实验室 实验内容与步骤 1．实验内容 做一个简单的个人主页。该页面必须具备以下功能：属于符合自己页面的LOGO；个人主页的相关内容；与内容相关的超链接；与其他知名相关网页或其他好友个人主页的友好链接。 2．实验步骤 启动“记事本”程序，命名为“index.html”。 根据个人喜好，在“记事本”中书写HTML代码，以实现网页的主要功能。 参考代码如下：(请在此代码基础上修改正确后再添加代码,以得到自己的页面,将记事本中的代码及网页效果图贴在下方。) 实验总结与分析 实验三：网站规划 实验目的 1．学习网站的策划与分析 2．学习网站策划书的撰写 实验环境与地点 1.实验环境：windowsXP +IE+Word 2.实验地点：软件工程学院实验室 实验内容与步骤 1．实验内容 根据所选项目确定网站风格、主题、名称、内容结构规划和版面结构规划，完成网站策划书的撰写。 实验步骤 1）根据选定项目对网站进行策划和分析，完成网站策划书的撰写。策划书以电子稿的形式交给老师。请根据策划书内容填写以下项目： 网站名称： 网站主题： 网站风格： 网站的内容结构图：（请以组织结构图的形式绘出） 网站的版式布局：（请以草图的形式绘出） 实验总结与分析 实验四：首页和子页效