网站创意设计与维护-实验指导书

《网站创意设计与维护-实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、软件工程系《网站创意设计与维护》实验指导书专业班级：图像10指导教师：徐瑾实验一：采用HTML代码设计网页一、实验目的1．学习使用记事本来书写HTML代码。2．掌握HTML语法规则。二、实验环境与地点1.实验环境：windowsXP+IE+记事本2.实验地点：兰州工专计算机实习基地Ⅰ三、实验内容与步骤1．实验内容做一个简单的个人主页。该页面必须具备以下功能：属于符合自己页面的LOGO；个人主页的相关内容；与内容相关的超链接；与其他知名相关网页或其他好友个人主页的友好链接。2．实验步骤1)启动“记事本”程序，命名为“index.html”。2)根据个人喜好，在“记事本”中书写HTM

2、L代码，以实现网页的主要功能。参考代码如下：一、实验总结与分析实验二：网站设计欣赏一、实验目的1.学会在网上浏览网页，并且能认识网页中的各种基本元素。2.学会鉴赏优秀网页的设计风格，能总结出网站的主题、衡量一个网站建设是否成功。二、实验环境与地点1.实验环境：Internet+windowsXP2.实验地点：兰州工专计算机实习基地Ⅰ三、实验内容与步骤1.凤凰网主页该网站给人的感受是。打开该网站使用的浏览器是。2.Business.org公司网站网页最下方列出了合作伙伴的广告，有等知名公司，这样一种方式也是很多网页采用的形式。可以感受到这是一个行业的网站。3.“碧海银沙”网站该网页

3、使用了等多种元素。运用了多媒体的技术，可以感受到这个页面的特点。4.智联招聘网站主页整个页面让人联系到办公元素和文档。专业的人物图片给人以条理清楚而又专业的感受。可以感受到这个页面时信息类相关的网站。这个网站具备特点。5.李连杰官方网站该网站是个人网站。网站的分类详细，布局的优点是。这类网站的特点是。6.动感地带官方网站该网站是一个与信息技术服务相关的网站。网站的分类详细，布局的优点是。7.“榕树下”网站该网站的主题是关于。它的特点是以论坛的形式营造出一片生活气息很浓的读书环境。8.自选网站一网站名称：；网站地址:。网站页面截图：网站特点分析：。8.自选网站二网站名称：；网站地址

4、:。网站页面截图：网站特点分析：。一、实验总结与分析实验三：网站规划及网站首页面效果设计一、实验目的1．学习网站的策划与分析，学习网站策划书的撰写。2．掌握用图像处理工具制作网页效果图的方法。二、实验环境与地点1.实验环境：windowsXP+IE+Word+图像处理软件2.实验地点：兰州工专计算机实习基地Ⅰ三、实验内容与步骤1．实验内容根据所选项目确定网站风格、主题、名称、内容结构规划和版面结构规划，完成网站策划书的撰写。并在图像处理工具中完成网站首页面效果图的制作。2．实验步骤1）根据选定项目对网站进行策划和分析，完成网站策划书的撰写。策划书以电子稿的形式交给老师。请根据策划

5、书内容填写以下项目：网站名称：网站主题：网站风格：网站的内容结构图：（请以组织结构图的形式绘出）网站的版式布局：（请以草图的形式绘出）2）根据网站的版式布局，在图像处理工具中制作网站首页效果图。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数：如尺寸、颜色等）一、实验总结与分析实验四：网站元素设计与制作一、实验目的1．掌握网络图像的处理方法。熟悉Photoshop、ImageReady和Fireworks等工具在处理网络图像中的应用。2．掌握切片的设置。二、实验环境与地点1.实验环境：windowsXP+IE+图像处理工具2.实验地点：兰州工专计算机实习基地Ⅰ三、实验内容

6、与步骤1．实验内容完成实验三网页中的LOGO、导航、Banner、图片等元素的制作。2．实验步骤1)启动图像处理软件，完成网站LOGO的制作。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数）2)启动图像处理软件，完成网站导航条的制作。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数）3)启动图像处理软件，完成banner的制作。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数）4)完成网页的最终效果图，并设置切片。（请将切片效果图打印后贴于下方）四、实验总结与分析