《网页制作课程设计.docVIP

摘要 本网站主要是运用Dreamweaver8.0制作，在可视化的环境下创建和编辑Web站点，综合PhotoshopCS3进行创意和设计。通过网页展示个人主页、日志、相册、个人档等一系列内容。 关键词 Dreamweaver Photoshop 个人网站 超链接 第一章 可行性与需求分析 1.1开发背景 ㈠ 五十多年来，计算机的发展经历了以下五个重要阶段。 ①大型机阶段 ②小型机阶段 ③微型机阶段 ④客户机/服务器阶段 ⑤互联网阶段 ㈡ 计算机的应用 ①科学计算 ②事务处理 ③过程控制 ④辅助工程 ⑤人工智能 ⑥网络应 用 ⑦多媒体的应用 ㈢ 网络的应用 ①数据传送 ②资源共享 ③提高计算机的可靠性和可用性 ④易于进行分布式处理 ㈣ Internet的应用 ① 电子邮件E-mail ②远程登录Telnet ③文件传输 ④FTP ⑤WWW服务 1.2 性能需求 Dreamweaver8.0要求的运行环境 （1） CPU P3-800 （2）内存256MB （3）硬盘剩余空间1.8GB （4）显示器分辨率1024×768 （5）16位视频卡。 （6）软件WINDOWS2000/XP 当前的开发环境（硬件、软件） （1）CPU AMD Arhlon(tm) 64 ×2 dual Core Processor TK-57 （2）内存1GB （3）硬盘剩余空间20GB （4）显示器分辨率1280×800 （5）显示卡 ATI Redeon X1250 （6）32位视频卡 （7）软件WINDOWS XP 1.3 Dreamweaver8.0的特点： ⒈将世界一流水平的“设计“和“代码”编辑器合二为一在设计窗口中精简源代码使用户能够按工作的需要定制自己的且户界面 ⒉．跨济浏览器的有效性检查 ⒊．使用内置的图形编辑程序让开发更加节时间 ⒋功能更多的CSS支持 ⒌所有传输的文件完全加密，并阻止越权存取你的信息、文件内容、用户名和口令 ⒍图片处理功能：图片亮度和对比度的调节、图片的锐化的效果 1.4网站设计的步骤： ①规划网站； ②建立站点及制作页面； ③注册域名、租用空间； ④上传；推广及维护 1.5 网站总体结构设计 功能模块图（层次图） 1.6可行性分析 技术（软、硬件具备） 经济（制作简单的个人站点，不需要资金投入） 社会（网站内容符合国家法律法规的要求，使用的各种素材不涉及版权问题） 结论：可以开发 第二章 规划网站 2.1 建站的目的即主题 : 想交朋友的你，已经积累了网页设计方面的技巧，现在想设计一个人网页，将这些技巧和自己较好的构想展现给大家，供朋友们参考。网站主要是以学习网站创建和技术交流为主。性质就是无偿服务性的个人网站。有了网站的主题和性质后，就可以确定该网站的标题“我的个人主页”或“个人风采”，让大家一看就知道网站的主题内容是什么，一清二楚。 2.2 网站的浏览对象： Ⅰ对象：想交朋友的群体 Ⅱ网站的风格：深色忧郁 Ⅲ网站特点: 颜色:以黑色为主调 2.3 网站的总体设计： ⑴ 内容分类: 主页、日志、相册、个人档、留言板 ⑵ 各个页面的主题内容: 主页：有自己简介照片等 日志：有网络美文 相册：有个人照片 个人档：有姓名、性别、年龄、生日、星座、爱好等 留言板：供网友留言、 ⑶网页的布局图（手绘） 个人主页 导航条 文字 图片 ⑷准备的素材：背景图片：网络下载 第三章 站点的建立及页面制作 1. 站点建立 ⑴打开：“窗口”下的“新建站点” ⑵按“下一步 ⑶单击“下一步” ⑷单击“下一步”（出现“你如何连接到远程服务器”时选择“无”） ⑸单击完成 ⑴ ⑵ ⑶ ⑷ ⑸ 2. 各个页面的制作页面图 ㈠首页的页面： 制作过